:root{color-scheme:light dark;--bg:#f5f6f8;--surface:#fff;--text:#17181a;--muted:#686d75;--line:#dfe2e7;--accent:#087f5b;--danger:#c92a2a;--good:#087f5b;--warn:#b45309;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}nav{height:64px;padding:0 max(20px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line)}nav div{display:flex;align-items:center;gap:18px}a{color:var(--accent);text-decoration:none}.brand{font-weight:750;font-size:19px;color:var(--text)}main{max-width:1120px;margin:0 auto;padding:32px 20px 64px}.inline{display:inline}.link{border:0;background:none;color:var(--accent);padding:0;font:inherit;cursor:pointer}.auth{max-width:440px;margin:7vh auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:28px}.auth h1,.page-head h1{margin:0 0 8px}.auth p,.page-head p{color:var(--muted);margin:0 0 24px}form{display:grid;gap:14px}label{display:grid;gap:7px;font-size:14px;font-weight:600}input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font:inherit}button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 14px;border-radius:6px;font-weight:650;cursor:pointer}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.danger{color:var(--danger)}.notice{padding:12px 14px;border-radius:6px;margin-bottom:18px;background:#e7f5ff;color:#1864ab}.notice.error{background:#fff5f5;color:#c92a2a}.notice.success{background:#ebfbee;color:#087f5b}.page-head{display:flex;justify-content:space-between;margin-bottom:24px}.status{display:flex;justify-content:space-between;gap:16px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-left:4px solid;margin-bottom:28px}.status span{color:var(--muted)}.status.active{border-left-color:var(--good)}.status.inactive{border-left-color:var(--warn)}h2{font-size:18px;margin:26px 0 14px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.plan,.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.plan{display:grid;gap:16px}.plan h3{margin:0 0 7px}.plan p,.plan small{color:var(--muted)}.price{font-size:22px;font-weight:750}.panel{margin-bottom:18px}.panel h2{margin-top:0}.grid-form{display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:end;margin-bottom:22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}td small{display:block;color:var(--muted);margin-top:4px}.actions{display:flex;gap:8px}.actions form{display:flex;grid-template-columns:80px auto;gap:6px}.days{width:80px}@media(max-width:760px){nav span{display:none}.grid-form{grid-template-columns:1fr}.status{display:grid}.actions{display:grid}.plans{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){:root{--bg:#101214;--surface:#181b1e;--text:#f1f3f5;--muted:#adb5bd;--line:#343a40}}