:root{--primary:#5665ee;--violet:#7654df;--cyan:#38bdf8;--ink:#17203d;--muted:#77809d;--line:#e8ebf4;--bg:#f5f7fc;--success:#14b88a}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 0,rgba(86,101,238,.10),transparent 28%),radial-gradient(circle at 20% 100%,rgba(56,189,248,.08),transparent 25%)}a{text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:rgba(255,255,255,.94);border-right:1px solid var(--line);padding:24px 18px;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);margin:0 10px 32px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:white;font-size:25px;font-weight:800;font-style:italic;background:linear-gradient(145deg,#40bdf4,#625cef 55%,#8b5cf6);box-shadow:0 9px 22px rgba(90,91,231,.28)}.brand b{font-size:20px}.brand small,.admin-chip small,.auth-brand small{display:block;color:var(--muted);font-size:11px}.nav-label{display:block;color:#9aa1b7;font-size:12px;margin:24px 12px 9px}.sidebar nav a{display:flex;align-items:center;gap:12px;color:#65708f;padding:11px 13px;margin:4px 0;border-radius:11px;font-size:14px;transition:.2s}.sidebar nav a:hover{color:var(--primary);background:linear-gradient(90deg,#eef0ff,#f7f6ff);transform:translateX(2px)}.sidebar nav i{font-size:17px}.sidebar-tip{position:absolute;bottom:22px;left:18px;right:18px;padding:15px;border:1px solid #e7eafa;border-radius:15px;background:linear-gradient(145deg,#f7f8ff,#fff);box-shadow:0 8px 25px rgba(50,61,120,.06)}.sidebar-tip i{color:var(--primary);margin-right:7px}.sidebar-tip small{display:block;color:var(--muted);margin-top:8px;line-height:1.6}.main{margin-left:244px;width:calc(100% - 244px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:90px;background:rgba(255,255,255,.80);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar h2{font-size:21px;margin:0 0 4px}.topbar>div>span{color:var(--muted);font-size:12px}.admin-chip{display:flex;align-items:center;gap:10px}.admin-chip>a{color:#8690ab;margin-left:8px}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:linear-gradient(145deg,#dce7ff,#6f66ee);color:white;font-weight:700}.menu-toggle{display:none;border:0;background:none;font-size:25px}.content{padding:28px 30px;flex:1}.panel{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 35px rgba(36,45,87,.06);padding:22px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-title h3{font-size:16px;margin:0}.metric-card{height:100%;padding:21px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(34,42,85,.055);display:flex;gap:15px;align-items:flex-start}.metric-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;font-size:23px;background:linear-gradient(145deg,#e9e8ff,#f5f3ff);color:#6658e9}.metric-icon.cyan{color:#208fe3;background:linear-gradient(145deg,#dcf2ff,#e9f7ff)}.metric-icon.green{color:#0eb88a;background:linear-gradient(145deg,#d8f8ed,#edfff8)}.metric-value{font-size:27px;font-weight:750;line-height:1.25}.metric-label{font-size:13px;color:var(--muted);margin-bottom:5px}.btn-gradient{border:0;color:white;background:linear-gradient(100deg,var(--violet),#477df3);box-shadow:0 7px 18px rgba(88,92,230,.22)}.btn-gradient:hover{color:white;filter:brightness(1.06)}.table{--bs-table-bg:transparent}.table thead th{color:#8991aa;font-size:12px;font-weight:600;border-bottom-color:var(--line);padding:13px}.table tbody td{padding:14px 13px;vertical-align:middle;border-bottom-color:#f0f1f6;font-size:13px}.badge-soft{padding:6px 10px;border-radius:20px;background:#ddfaef;color:#0ba579}.code-display{font-size:31px;letter-spacing:5px;color:#6053df;font-weight:800;background:linear-gradient(90deg,#f6f5ff,#f8faff);border:1px solid #eeecff;padding:24px;text-align:center;border-radius:15px}.form-control,.form-select{border-color:#e1e5f0;border-radius:10px;padding:10px 12px}.form-control:focus,.form-select:focus{border-color:#8b86ee;box-shadow:0 0 0 .2rem rgba(99,88,230,.11)}footer{height:58px;border-top:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:var(--muted);font-size:12px}footer span{color:var(--success)}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#e3efff,transparent 30%),radial-gradient(circle at 80% 80%,#e9e2ff,transparent 32%),#f8f9fd}.auth-shell{width:min(430px,calc(100% - 30px))}.auth-brand{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:24px}.auth-brand b{font-size:24px}.auth-card{background:rgba(255,255,255,.9);backdrop-filter:blur(18px);padding:32px;border:1px solid white;border-radius:22px;box-shadow:0 22px 60px rgba(48,54,105,.14)}.auth-card h1{font-size:23px;margin-bottom:10px}.key-box{background:#f3f4ff;border:1px solid #dfdffe;padding:15px;border-radius:12px;word-break:break-all}.key-box small,.key-box strong{display:block}.key-box strong{color:#544bce;margin-top:7px}.chart-wrap{height:260px}.empty{color:var(--muted);text-align:center;padding:35px}.actions{display:flex;gap:7px;flex-wrap:wrap}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.menu-toggle{display:block}.topbar{padding:0 17px}.topbar>div:first-of-type{margin-right:auto;margin-left:10px}.admin-chip div{display:none}.content{padding:20px 14px}footer{padding:0 15px}.sidebar-tip{display:none}}