:root{color-scheme:dark;--bg:#0b101b;--panel:#141d2d;--line:#29364c;--text:#edf3ff;--muted:#a3b1c9;--accent:#a6c5ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#1d3157 0,transparent 55%),var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;min-height:100vh}main{max-width:1056px;margin:auto;padding:32px 28px}header,.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}header{padding-bottom:32px;border-bottom:1px solid var(--line)}.brand{font-weight:750;font-size:24px;text-decoration:none;color:var(--text);letter-spacing:.03em}.brand span{font-size:15px;color:var(--muted);margin-left:16px;font-weight:500}.badge{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:5px 12px;color:var(--muted)}h1{font-size:36px;line-height:1.3;letter-spacing:-.03em;margin:8px 0 12px}h2{font-size:20px;margin:0 0 10px}h3{font-size:15px;font-weight:600;margin:20px 0 8px}.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--accent);font-weight:700;margin:0}.muted,.hint{color:var(--muted)}.muted{margin:8px 0 20px}.hint{font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px}.login{max-width:460px;margin:54px auto 72px;padding:36px}.login h1{font-size:29px}form{display:grid;gap:20px;margin-top:26px}label{display:grid;gap:7px;font-size:14px;color:var(--muted)}input,button{font:inherit;border-radius:9px;border:1px solid var(--line)}input{width:100%;min-width:0;color:var(--text);background:#0d1523;padding:12px 14px}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{padding:11px 18px;background:#253751;color:var(--text);cursor:pointer}button:hover{background:#314969}button:disabled{opacity:.6;cursor:wait}.primary{background:var(--accent);color:#10213c;font-weight:700;border:0}.primary:hover{background:#c0d6ff}.quiet{background:transparent}.danger{color:#ffbac4;border-color:#69404c;background:#30202b}.heading{margin:36px 0 24px}.heading .muted{margin-bottom:0}.entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.entry-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.entry-header span{font-size:12px;color:#8edbbd}.address{font-family:ui-monospace,monospace;color:var(--muted);font-size:13px}.link-row{display:flex;gap:8px}.link-row input{font-family:ui-monospace,monospace;font-size:12px}.link-row button{white-space:nowrap;font-size:13px}.settings{margin-top:24px}details{border-top:1px solid var(--line);padding:18px 0 0;margin-top:18px}summary{cursor:pointer;color:var(--accent)}.password-form{max-width:440px}#message{min-height:25px;color:#a5e7c7;font-size:14px;margin:18px 0}#message.error{color:#ffb6bd}footer{padding:40px 0;text-align:center;font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:600px){main{padding:22px 16px}.brand span{margin-left:10px}.login{margin:24px auto;padding:24px}.entries{grid-template-columns:1fr}.panel{padding:22px}.heading{align-items:flex-start}h1{font-size:29px}.badge{display:none}}

/* Client imports belong to the current account and the displayed line. */
.network-heading { margin: 0 0 18px; }
.network-heading h2 { margin-bottom: 4px; }
.network-heading .hint { margin: 0; }
.import-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 24px; }
.client-import { display: flex; flex: 1 1 140px; align-items: center; justify-content: center; min-height: 46px; padding: 10px 12px; border: 1px solid transparent; border-radius: 10px; font-size: 14px; font-weight: 650; text-decoration: none; white-space: nowrap; transition: background .15s ease, border-color .15s ease; }
.client-import.clash { color: #10213c; background: var(--accent); }
.client-import.clash:hover { background: #c0d6ff; }
.client-import.v2rayng { color: #ace7d0; background: #163b36; border-color: #2c6254; }
.client-import.v2rayng:hover { background: #204d43; border-color: #43846f; }
.client-import.shadowrocket { color: #dfd2ff; background: #302747; border-color: #5c497e; }
.client-import.shadowrocket:hover { background: #43335f; border-color: #8167aa; }
.import-help { margin: 14px 4px 0; }
@media (max-width: 600px) {
  .brand { font-size: 22px; }
  .brand span { display: block; margin: 3px 0 0; font-size: 12px; }
  .client-import { font-size: 13px; padding: 10px 8px; }
}
@media (prefers-reduced-motion: reduce) { .client-import { transition: none; } }
.usage-summary { margin-top: 22px; padding: 18px; background: #0d1523; border-radius: 12px; }
.usage-summary .hint { margin: 0 0 4px; }
.usage-value { font-size: 25px; font-weight: 650; letter-spacing: -.025em; margin: 0 0 6px; }
.usage-status { font-size: 12px; color: var(--muted); }
.usage-status.over, .quota-alert { color: #ffc28f; }
.quota-alert { padding: 12px 16px; border: 1px solid #695039; border-radius: 10px; background: #302519; }
.subscription-details { margin-top: 0; }
.billing-cycle { font-size: 12px; text-align: center; margin: 18px 0; }
.usage-help { padding-top: 16px; margin-bottom: 24px; font-size: 14px; }
#message:empty { display: none; }