:root{--indigo:#4f46e5;--indigo6:#4338ca;--violet:#7c3aed;--navy:#0b1020;--navy2:#141a30;--grad:linear-gradient(135deg,#4f46e5,#7c3aed);--grad-soft:linear-gradient(135deg,rgba(79,70,229,.1),rgba(124,58,237,.06));--text:#0f172a;--text2:#475569;--muted:#94a3b8;--border:rgba(15,23,42,.1);--border2:rgba(79,70,229,.2);--surface:#f6f7ff;--surface2:#eef0ff;--bg:#fff;--shadow-sm:0 4px 18px rgba(15,23,42,.06);--shadow:0 10px 40px rgba(79,70,229,.1);--radius:14px;--radius-lg:20px;--font-head:"Clash Display",system-ui,sans-serif;--font-body:"Satoshi",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.admin-brand b,.admin-h1,.auth-title,.brand b,.kpi b,.page-h1,.panel-t,.section-label{font-family:var(--font-head);font-weight:600}.admin-h1,.auth-title,.page-h1{letter-spacing:-.4px}.brand{display:flex;align-items:center;gap:11px}.logo-mark{width:32px;height:32px;flex-shrink:0;display:block}.logo-mark.sm{width:28px;height:28px}.brand b{font-size:18px;font-weight:600;letter-spacing:-.3px}.brand small{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;padding:10px 18px;border-radius:10px;border:none;transition:all .18s}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 6px 18px rgba(79,70,229,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(79,70,229,.42)}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:#e4e7ff}.btn-danger{background:#fff;color:#dc2626;border:1px solid rgba(220,38,38,.3)}.btn-danger:hover{background:rgba(220,38,38,.06)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-full{width:100%}.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text2);margin-bottom:6px}.field input,.field select{width:100%;padding:11px 14px;font-size:14px;color:var(--text);border:1px solid var(--border);border-radius:10px;background:#fff}.field input:focus,.field select:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--surface2)}.form-error{font-size:13px;color:#dc2626;margin-bottom:12px;min-height:16px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--grad-soft)}.auth-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:36px;box-shadow:var(--shadow)}.auth-title{font-size:22px;font-weight:800;letter-spacing:-.5px;margin:22px 0 6px}.auth-sub{font-size:14px;color:var(--text2);margin-bottom:22px}.auth-switch{font-size:13px;color:var(--text2);text-align:center;margin-top:18px}.auth-switch a{color:var(--indigo);font-weight:600}.shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;border-right:1px solid var(--border);background:var(--surface);padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sb-brand{padding:2px 10px 16px;border-bottom:1px solid var(--border);margin-bottom:10px}.sb-group{font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:14px 10px 6px}.sb-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;font-size:14px;font-weight:500;color:var(--text2);background:none;border:none;width:100%;text-align:left;transition:all .15s}.sb-item:hover{background:var(--surface2);color:var(--text)}.sb-item.active{background:#fff;color:var(--indigo);font-weight:600;box-shadow:var(--shadow-sm);border:1px solid var(--border2)}.sb-ico{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.sb-ico,.sb-ico svg{width:18px;height:18px}.sb-ico svg{stroke:currentColor}.sb-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.sb-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.sb-plan{font-size:12px;color:var(--text2);padding:6px 11px 10px}.sb-plan b{color:var(--indigo);font-weight:700}.frozen-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--grad-soft)}.frozen-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:36px;box-shadow:var(--shadow)}.frozen-title{font-family:var(--font-head);font-weight:600;font-size:24px;letter-spacing:-.4px;margin:22px 0 8px}.frozen-text{font-size:14px;color:var(--text2);line-height:1.6;margin-bottom:22px}.frozen-actions{display:flex;gap:10px}.main{flex:1 1;padding:30px 38px;max-width:1180px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:14px}.page-h1{font-size:26px;font-weight:800;letter-spacing:-.6px}.page-sub{font-size:14px;color:var(--text2);margin-top:4px}.seg{display:inline-flex;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:3px}.seg a,.seg button{background:none;border:none;font-size:13px;font-weight:600;color:var(--text2);padding:6px 14px;border-radius:7px;text-decoration:none}.seg a.on,.seg button.on{background:#fff;color:var(--indigo);box-shadow:var(--shadow-sm)}.seg a:hover{color:var(--text)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.kpi{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px}.kpi small{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.kpi b{font-size:30px;font-weight:800;letter-spacing:-1px;display:block;margin:8px 0 4px}.kpi i{font-size:12px;font-style:normal;font-weight:600;color:#16a34a}.kpi i.down{color:#dc2626}.kpi i.muted{color:var(--muted)}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-t{font-size:15px;font-weight:700}.panel-s{font-size:13px;color:var(--muted);margin:4px 0 16px}.section-label{font-size:16px;font-weight:700;margin:6px 0 14px;display:flex;align-items:center;gap:8px}.chart{display:flex;align-items:flex-end;gap:9px;height:180px}.chart .col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.chart .bar{width:100%;max-width:34px;border-radius:5px 5px 0 0;background:var(--grad)}.chart .lab{font-size:10px;color:var(--muted)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:10px 12px}.table td,.table th{border-bottom:1px solid var(--border)}.table td{font-size:13px;padding:12px;color:var(--text2)}.table tr:last-child td{border-bottom:none}.table td.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--text)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:100px}.pill:before{content:"";width:6px;height:6px;border-radius:50%}.pill.PASS{background:rgba(22,163,74,.12);color:#16a34a}.pill.PASS:before{background:#16a34a}.pill.FAIL{background:rgba(220,38,38,.1);color:#dc2626}.pill.FAIL:before{background:#dc2626}.pill.REVIEW{background:rgba(217,119,6,.14);color:#d97706}.pill.REVIEW:before{background:#d97706}.pill.PENDING{background:var(--surface2);color:var(--text2)}.pill.PENDING:before{background:var(--muted)}.alerts{display:flex;flex-direction:column;gap:12px}.alert{display:flex;gap:14px;padding:16px 18px;border-radius:12px;border:1px solid var(--border);background:#fff;align-items:flex-start}.alert.DANGER{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.25)}.alert.WARN{background:rgba(217,119,6,.06);border-color:rgba(217,119,6,.28)}.alert.INFO{background:rgba(79,70,229,.05);border-color:var(--border2)}.alert-ico{flex-shrink:0;display:inline-flex;padding-top:1px}.alert-ico svg{width:18px;height:18px}.alert.DANGER .alert-ico{color:#ef4444}.alert.WARN .alert-ico{color:#d97706}.alert.INFO .alert-ico{color:var(--indigo)}.alert-body{flex:1 1}.alert-title{font-size:14px;font-weight:700;margin-bottom:3px}.alert.DANGER .alert-title{color:#dc2626}.alert.WARN .alert-title{color:#b45309}.alert.INFO .alert-title{color:var(--indigo6)}.alert-desc{font-size:13px;color:var(--text2);line-height:1.5}.alert-time{font-size:12px;color:var(--muted);flex-shrink:0}.keyval{font-family:ui-monospace,Menlo,monospace;font-size:13px;background:var(--surface);padding:6px 12px;border-radius:8px;border:1px solid var(--border);display:inline-block}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.banner{background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:12px 16px;font-size:13px;color:var(--indigo6);margin-bottom:22px}.empty{text-align:center;color:var(--muted);padding:40px;font-size:14px}.viewall{background:#fff;border:1px solid var(--border);border-radius:9px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--text2)}.viewall:hover{border-color:var(--border2);color:var(--indigo)}.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.3px;padding:2px 9px;border-radius:100px;text-transform:uppercase}.tag.admin{background:rgba(124,58,237,.12);color:var(--violet)}.tag.plan{background:var(--surface2);color:var(--indigo6)}.tag.member{background:rgba(15,23,42,.06);color:var(--text2)}.tag.ok{background:rgba(22,163,74,.12);color:#16a34a}.tag.frozen{background:rgba(217,119,6,.14);color:#b45309}.admin-select{font-size:13px;font-weight:600;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer}.admin-select:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--surface2)}.admin-select:disabled{opacity:.6;cursor:not-allowed}.mini-btn{font-size:13px;font-weight:600;color:var(--text2);background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 12px}.mini-btn:hover{background:#e4e7ff;color:var(--text)}.mini-btn.danger{background:#fff;color:#dc2626;border-color:rgba(220,38,38,.3)}.mini-btn.danger:hover{background:rgba(220,38,38,.06)}.mini-btn:disabled{opacity:.6;cursor:not-allowed}.admin-top{height:62px;background:var(--navy);justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-brand,.admin-top{display:flex;align-items:center}.admin-brand{gap:11px;color:#fff}.admin-brand b{font-size:17px;font-weight:600}.admin-brand .chip{font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#c7c9f5;background:rgba(124,58,237,.22);padding:3px 9px;border-radius:100px;margin-left:4px}.admin-top .who{color:#aeb2d6;font-size:13px;display:flex;align-items:center;gap:14px}.admin-logout{background:hsla(0,0%,100%,.08);color:#fff;border:1px solid hsla(0,0%,100%,.16);border-radius:9px;padding:7px 14px;font-size:13px;font-weight:600}.admin-logout:hover{background:hsla(0,0%,100%,.16)}.admin-main{padding:30px 38px;max-width:1280px;margin:0 auto}.admin-h1{font-size:25px;font-weight:600}.admin-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,rgba(124,58,237,.2),transparent 60%),var(--navy)}.admin-auth .auth-card{background:var(--navy2);border:1px solid hsla(0,0%,100%,.1);color:#e6e8f5}.admin-auth .auth-title{color:#fff}.admin-auth .auth-sub,.admin-auth .field label{color:#aeb2d6}.admin-auth .field input{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.14);color:#fff}.admin-auth .field input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(124,58,237,.25)}.admin-auth .brand b{color:#fff}.sb-toggle{display:none;position:fixed;top:12px;left:12px;z-index:88;width:42px;height:42px;align-items:center;justify-content:center;padding:0}.sb-toggle svg{width:20px;height:20px}.sb-overlay{display:none}@media (max-width:900px){.sb-toggle{display:inline-flex}.sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .25s;z-index:90;box-shadow:4px 0 24px rgba(0,0,0,.15)}.sidebar.open{transform:translateX(0)}.sb-overlay{position:fixed;inset:0;background:rgba(11,16,32,.45);z-index:85}.sb-overlay,.shell{display:block}.main{padding:64px 16px 28px;max-width:100%}.kpi-grid{grid-template-columns:1fr 1fr}.panel{overflow-x:auto}.table{min-width:540px}.admin-main{padding:24px 14px 28px;max-width:100%}.admin-top{padding:0 14px}.page-head{gap:10px}}@media (max-width:520px){.kpi-grid{grid-template-columns:1fr}.admin-h1,.page-h1{font-size:22px}.kpi b{font-size:26px}}