:root{color-scheme:dark;--bg:#0d1118;--surface:#171e29;--line:#2c3747;--text:#e9eef5;--muted:#a1adbd;--accent:#54d6bc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,sans-serif}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1260px)/2))}.brand{color:var(--text);text-decoration:none;font-size:24px;font-weight:750;white-space:nowrap}.brand b{color:var(--accent)}.brand span{font-size:14px;color:var(--muted);margin-left:16px}.pill{color:var(--accent);border:1px solid #286658;border-radius:30px;padding:4px 12px;font-size:12px}main{max-width:1300px;padding:28px 24px 80px;margin:auto}.notice{background:#142b29;color:#a4dace;padding:12px 18px;border:1px solid #265248;border-radius:10px;margin-bottom:28px}.auth{max-width:460px;margin:8vh auto;background:var(--surface);padding:32px;border:1px solid var(--line);border-radius:18px}h1{font-size:28px;line-height:1.3;margin:0 0 8px}h2{font-size:21px;margin:0 0 14px}h3{font-size:17px;margin:30px 0 12px}p{color:var(--muted);margin:0 0 18px}label{display:block;color:var(--muted);font-size:14px;margin-bottom:16px}input{display:block;width:100%;height:42px;padding:8px 10px;margin-top:6px;background:#0e151f;color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit}button{background:var(--accent);border:1px solid transparent;border-radius:9px;padding:10px 17px;font:600 14px/1.4 system-ui;cursor:pointer;color:#08241e;min-height:42px;white-space:nowrap}button:hover{filter:brightness(1.08)}button:disabled{opacity:.4;cursor:default}.auth button{width:100%}.secondary{background:#202a38;border-color:var(--line);color:var(--text)}details{margin-top:20px}summary{cursor:pointer;color:var(--accent)}.account{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:var(--surface);border:1px solid var(--line);border-radius:13px;margin-bottom:38px}.account strong{color:var(--accent);font-size:24px;margin-left:25px}.account small{color:var(--muted);margin-left:8px}.actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 42px}.plan{padding:23px 20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-height:245px}.plan h3{font-size:17px;margin:0 0 12px}.price{font-size:28px;line-height:1.3;font-weight:750;margin-bottom:10px}.price small{font-size:13px;color:var(--muted);font-weight:400}.plan .points{color:var(--accent)}.plan p{font-size:13px;margin:12px 0 20px}.plan button{width:100%;margin-top:auto}.plan.used{opacity:.6}section{margin-bottom:30px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.columns section,#app>section:not(.account){background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;white-space:nowrap}td,th{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}td:first-child,th:first-child{padding-left:0}table button{font-size:12px;min-height:34px;padding:6px 10px;margin:3px}td input{min-width:86px;width:100px}td select{min-height:38px;background:#0e151f;color:var(--text);border:1px solid var(--line);border-radius:6px}.mono{font:11px ui-monospace,monospace;overflow-wrap:anywhere}.empty,.muted{color:var(--muted);font-size:13px}.entry{padding:12px 0;border-bottom:1px solid var(--line)}.entry strong{font-size:14px}.entry p{font-size:13px;margin:3px 0}.entry small{color:var(--muted);font-size:12px}.positive{color:var(--accent)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#223346;border:1px solid #4a637c;padding:13px 24px;border-radius:10px;max-width:90vw;z-index:10;box-shadow:0 10px 40px #0008}dialog{background:var(--surface);color:var(--text);border:1px solid #465369;border-radius:18px;padding:30px;max-width:480px;width:calc(100% - 32px)}dialog::backdrop{background:#000a}dialog .actions{margin-top:28px}dialog p{margin:10px 0}dialog strong{font-size:30px;color:var(--accent)}[hidden]{display:none!important}@media(max-width:1000px){.plans{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){header{padding:0 18px;height:68px}.brand{font-size:21px}.brand span{font-size:12px;margin-left:10px}.pill{display:none}main{padding:18px 14px 50px}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan{padding:17px 13px}.price{font-size:24px}.columns{grid-template-columns:1fr;gap:0}.account{flex-wrap:wrap;gap:14px}.account strong{margin-left:15px}.auth{margin:20px auto;padding:24px}.actions{flex-wrap:wrap}dialog{padding:22px}dialog .actions button{flex:1}}
