:root{color-scheme:dark;--canvas:#080b0f;--surface:#11151b;--card:#181d24;--layer:#202731;--stroke:#2d3642;--text:#f4f7fa;--muted:#94a0b1;--cyan:#00d4ff;--purple:#a855f7;--teal:#37e0b1;--danger:#ff6374;font:15px/1.55 "Segoe UI Variable",Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% -15%,#06394a 0,transparent 34%),radial-gradient(circle at 100% 10%,#2d123b 0,transparent 28%),var(--canvas)}button,input{font:inherit}.hidden{display:none!important}.portal-shell{width:min(1180px,calc(100% - 32px));margin:auto;min-height:100vh;padding:24px 0 60px}.portal-header{display:flex;justify-content:space-between;align-items:center}.portal-brand{display:flex;align-items:center;gap:12px}.portal-brand>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--cyan),#3478ff,var(--purple));font-weight:800}.portal-brand strong,.portal-brand small{display:block}.portal-brand small{color:var(--muted);font-size:10px;letter-spacing:.14em}.login-panel{display:grid;grid-template-columns:1.05fr .8fr;align-items:center;gap:70px;min-height:calc(100vh - 100px)}.eyebrow{color:var(--cyan);font-weight:700;font-size:11px;letter-spacing:.14em}h1,h2,p{margin:0}.login-copy h1,.welcome h1{font-size:clamp(32px,5vw,58px);line-height:1.08;margin:10px 0 16px}.login-copy p,.welcome p,.history-title p{color:var(--muted);max-width:620px}.login-card,.result-card{display:grid;gap:17px;padding:28px;background:linear-gradient(160deg,#1b212a,#12161c);border:1px solid var(--stroke);border-radius:18px;box-shadow:0 24px 70px #0007}.login-card label{display:grid;gap:8px;color:#d7dde6}.login-card input,#result-key{width:100%;padding:13px 14px;border:1px solid var(--stroke);border-radius:9px;background:#0c1015;color:var(--text);outline:none;font-family:Consolas,monospace}.login-card input:focus,#result-key:focus{border-color:var(--cyan)}button{border:1px solid var(--stroke);border-radius:9px;padding:11px 16px;background:var(--layer);color:var(--text);cursor:pointer}button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:not-allowed}.primary{border:0;background:linear-gradient(120deg,var(--cyan),#3478ff,var(--purple));font-weight:700}.ghost{background:transparent}.privacy{font-size:12px!important;text-align:center;color:var(--muted)}.dashboard{padding-top:70px}.welcome{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.status{padding:8px 13px;border-radius:999px;border:1px solid #185544;background:#0c3028;color:var(--teal)}.status.paused{border-color:#63303b;background:#361a21;color:#ff9dac}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0 18px}.metrics article,.issue-grid article,.history{padding:20px;border:1px solid var(--stroke);border-radius:15px;background:var(--card)}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font-size:32px;margin:6px 0}.metrics .code{font-size:19px;margin-top:14px}.issue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.issue-grid article{position:relative;overflow:hidden}.issue-grid article:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;top:-70px;background:#00d4ff15}.issue-grid article:last-child:after{background:#a855f722}.issue-grid h2{font-size:25px;margin:9px 0 5px}.issue-grid p{color:var(--muted);margin-bottom:20px}.issue-grid button{position:relative;z-index:1;width:100%}.plan-badge{font-size:10px;letter-spacing:.15em;color:var(--cyan)}.plan-badge.permanent{color:#cf8dff}.history{margin-top:18px}.history-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:560px}th,td{padding:13px 10px;text-align:left;border-bottom:1px solid var(--stroke)}th{font-size:12px;color:var(--muted)}dialog{border:0;padding:0;background:transparent;color:var(--text)}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.result-card{width:min(520px,calc(100vw - 28px))}.result-card h2{font-size:26px}.result-card p,.result-card small{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}#toast{position:fixed;right:20px;bottom:20px;max-width:420px;padding:12px 15px;border:1px solid var(--cyan);border-radius:9px;background:#073944;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}@media(max-width:820px){.login-panel{grid-template-columns:1fr;gap:30px;padding:60px 0}.metrics{grid-template-columns:repeat(2,1fr)}.issue-grid{grid-template-columns:1fr}}@media(max-width:480px){.portal-shell{width:min(100% - 20px,1180px)}.portal-brand small{display:none}.dashboard{padding-top:45px}.welcome{display:block}.welcome .status{display:inline-block;margin-top:16px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metrics article{padding:14px}.metrics strong{font-size:25px}.history-title{align-items:flex-start}.login-card{padding:21px}}
