:root{--bg:#070a0e;--surface:#0d1219;--surface2:#111821;--border:#202a36;--text:#f4f7fb;--muted:#8e99a8;--brand:#25d366;--brand2:#18b957;--danger:#ff6375;--warn:#f3c45d;--radius:16px;--shadow:0 14px 40px rgba(0,0,0,.22)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body.light{--bg:#f4f7fa;--surface:#fff;--surface2:#f8fafc;--border:#e3e8ef;--text:#101722;--muted:#667085}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#090d12;border-right:1px solid var(--border);padding:20px 14px;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:4px 9px 24px}.brand.center{justify-content:center;padding-bottom:28px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#0ea5a8);display:grid;place-items:center;color:#06110a;font-weight:900}.brand b{display:block;font-size:16px}.brand small{display:block;color:#718096;font-size:11px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav label{font-size:10px;letter-spacing:.13em;color:#657080;padding:16px 11px 7px}.sidebar nav a{color:#aeb8c6;text-decoration:none;padding:11px 12px;border-radius:11px;display:flex;align-items:center;gap:10px;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{background:#131b24;color:#fff}.sidebar nav a.active{box-shadow:inset 2px 0 var(--brand)}.side-bottom{margin-top:auto;padding:10px}.user-mini{display:flex;gap:9px;align-items:center;padding:10px 0}.user-mini b{font-size:12px;display:block}.user-mini small{font-size:10px;color:#788596}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#18222d;color:#dce5ee;text-decoration:none;font-weight:700;font-size:12px}.logout{font-size:12px;color:#8490a0;text-decoration:none}.main{margin-left:250px;width:calc(100% - 250px)}.topbar{height:68px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:18px;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);z-index:10}.icon-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;width:36px;height:36px;cursor:pointer}.topbar>.icon-btn:first-child{display:none}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:0 11px;color:#738092;max-width:380px;flex:1}.search input{border:0;outline:0;background:transparent;color:var(--text);padding:10px 0;width:100%}.top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.content{padding:30px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--brand);font-weight:800;margin-bottom:7px}h1{font-size:30px;line-height:1.1;margin:0 0 8px;letter-spacing:-.03em}h2{font-size:17px;margin:0 0 6px}label{display:block;font-size:12px;color:var(--muted);margin:14px 0 7px}.muted{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.tiny{font-size:11px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.kpi,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{padding:19px}.kpi span{font-size:11px;color:var(--muted);display:block}.kpi strong{font-size:28px;display:block;margin:8px 0 4px;letter-spacing:-.03em}.kpi small{font-size:10px;color:#6e7a8a}.panel{padding:20px;margin-bottom:14px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.input{width:100%;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:10px;padding:11px 12px;outline:none;font:inherit;font-size:13px}.input:focus{border-color:#3b9d6b;box-shadow:0 0 0 3px rgba(37,211,102,.08)}textarea.input{resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--brand);color:#041108}.btn.secondary{background:var(--surface2);color:var(--text);border-color:var(--border)}.btn.danger{background:rgba(255,99,117,.1);color:#ff8c99;border-color:rgba(255,99,117,.2)}.btn.small{padding:7px 9px;font-size:10px}.btn.full{width:100%}.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#202632;color:#aeb8c6;font-size:10px;font-weight:700;text-transform:capitalize}.badge.ok{background:rgba(37,211,102,.1);color:#54e58a}.notice{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;border:1px solid #243142;background:#101821;border-radius:11px;color:#aeb9c8;font-size:12px;margin-bottom:14px}.notice b{color:#eaf0f6}.notice.error{border-color:rgba(255,99,117,.25);background:rgba(255,99,117,.06);color:#ffb2bb}.table-panel{padding:0;overflow:auto}.table-panel .panel-title{padding:20px 20px 0}table{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}th{text-align:left;color:#778395;font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:13px 16px;border-bottom:1px solid var(--border)}td{padding:14px 16px;border-bottom:1px solid rgba(128,145,165,.11);vertical-align:middle}td b{display:block}td small{display:block;color:#758294;margin-top:3px}.text-link{color:var(--brand);text-decoration:none;font-size:12px}.steps{display:flex;flex-direction:column}.steps>a,.list-row{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text);padding:13px 0;border-bottom:1px solid rgba(128,145,165,.12)}.steps>a:last-child,.list-row:last-child{border-bottom:0}.steps>a>b{width:30px;height:30px;border-radius:9px;background:#151e28;display:grid;place-items:center;color:#8d9bad;font-size:10px}.steps>a span,.list-row>span:first-child{flex:1}.steps>a strong,.steps>a small{display:block}.steps>a strong{font-size:12px}.steps>a small{color:var(--muted);font-size:11px;margin-top:3px}.steps>a i{color:#647183}.list-row{justify-content:space-between}.mini{width:100px;padding:7px}.auth-bg{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% -10%,#123221 0,#070a0e 42%)}.auth-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:var(--shadow)}.auth-card h1{font-size:26px}.center{text-align:center}.code,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.flash{position:fixed}.light .sidebar{background:#fff}.light .topbar{background:rgba(244,247,250,.9)}@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar>.icon-btn:first-child{display:block}.content{padding:20px 15px}.topbar{padding:0 15px}.grid-2{grid-template-columns:1fr}.page-head{align-items:stretch;flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:25px}.search{display:none}}@media(max-width:430px){.kpi-grid{grid-template-columns:1fr}.panel{padding:16px}}