*{box-sizing:border-box}body{margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172033;background:#f4f6fa;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#111827;color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#5b7cfa,#7047eb);font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:.3px}.brand small{color:#8f9aae;margin-top:3px;font-size:12px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#9ba6b8;text-decoration:none;padding:12px 14px;border-radius:9px;font-weight:500}.sidebar nav a:hover{color:#fff;background:#1c2637}.sidebar nav a.router-link-exact-active{background:#5b6ff5;color:#fff;box-shadow:0 7px 16px #0003}.sidebar-foot{margin-top:auto;border-top:1px solid #2b3444;padding:20px 8px 0;display:grid;gap:5px;color:#d4dae5}.sidebar-foot small{color:#748094}.workspace{margin-left:248px;width:calc(100% - 248px)}.topbar{height:76px;background:#fff;border-bottom:1px solid #e7eaf0;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar h1{font-size:19px;margin:0}.topbar p{margin:4px 0 0;color:#929bab;font-size:12px}.admin-profile{display:flex;align-items:center;gap:10px}.admin-profile strong,.admin-profile small{display:block}.admin-profile small{color:#8a94a5;margin-top:2px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef1ff;color:#5265e8;font-weight:700}.content{padding:30px 32px 50px;max-width:1600px;margin:auto}.menu-button{display:none;border:0;background:transparent;font-size:22px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-intro h2{font-size:23px;margin:0 0 7px}.page-intro p{margin:0;color:#7c8798}.button{border:0;border-radius:8px;padding:9px 16px;text-decoration:none;display:inline-block}.button.primary{background:#596cf5;color:#fff}.button.primary:hover{background:#495be1}.button.secondary{background:#fff;color:#455065;border:1px solid #dce1e9}.button:disabled{opacity:.55;cursor:not-allowed}.text-button{border:0;background:transparent;color:#5367ee;padding:5px 6px}.danger-text{color:#dd4458}.panel{background:#fff;border:1px solid #e8ebf1;border-radius:12px;box-shadow:0 2px 8px #25314c0a}.panel header{padding:22px 24px;border-bottom:1px solid #edf0f4}.panel h3{margin:0;font-size:16px}.panel header p{margin:5px 0 0;color:#8a94a5}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric-card{position:relative;background:#fff;padding:20px;border-radius:12px;border:1px solid #e8ebf1;min-height:145px}.metric-card p{margin:2px 0 12px;color:#778294}.metric-card strong{font-size:26px;display:block;letter-spacing:-.5px}.metric-card small{display:block;margin-top:8px;color:#9aa3b1}.metric-icon{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:700;background:#edf1ff;color:#5e70ea}.metric-card.green .metric-icon{background:#e8f8f1;color:#169b68}.metric-card.violet .metric-icon{background:#f1ebff;color:#7b51dc}.metric-card.orange .metric-icon{background:#fff3e4;color:#d87a15}.metric-card.red .metric-icon{background:#ffeaed;color:#dc4960}.usage-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px}.usage-grid>div{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:10px 24px;border-right:1px solid #edf0f4}.usage-grid>div:last-child{border:0}.usage-grid span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;background:#f0f3ff;color:#5869df;border-radius:9px;font-weight:700}.usage-grid p,.usage-grid strong{margin:0}.usage-grid p{color:#8791a2}.usage-grid strong{font-size:22px}.search{display:flex;gap:8px}.search input{width:280px}.search input,input,textarea{border:1px solid #dce1e9;border-radius:8px;padding:9px 11px;outline:none;background:#fff}.search input:focus,input:focus,textarea:focus{border-color:#6678ef;box-shadow:0 0 0 3px #6678ef1a}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #edf0f4;vertical-align:middle}th{background:#fafbfc;color:#707b8e;font-size:12px;font-weight:600;white-space:nowrap}td strong,td small{display:block}td small{color:#8c96a6;margin-top:4px}.actions{min-width:280px}.badge{display:inline-block;border-radius:20px;background:#eff1f5;color:#5f697a;padding:4px 9px;font-size:12px}.badge.success{background:#e8f8f1;color:#16865d}.badge.danger{background:#ffeaed;color:#cf3c52}.badge.vip{background:#fff2dd;color:#b46e08}.empty{text-align:center;padding:42px;color:#8a94a5}.pager{display:flex;justify-content:center;align-items:center;gap:14px;padding:18px;color:#7e899a}.alert{padding:11px 14px;border-radius:8px;background:#eaf7f1;color:#137a55;margin:0 0 16px}.alert.error,.form-error{background:#ffedef;color:#c83b4f}.notice{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #f4d69f;background:#fffaed;border-radius:10px;color:#8e6517;margin-bottom:22px}.notice strong{background:#f0a832;color:#fff;padding:4px 8px;border-radius:5px}.form-panel{padding:22px;margin-bottom:18px}.release-form{display:grid;grid-template-columns:1fr 2fr;gap:16px}.release-form label{display:grid;gap:7px;color:#596477}.release-form .wide{grid-column:1/-1}.release-form textarea{min-height:100px;resize:vertical}.notes{max-width:500px;white-space:pre-wrap}.feedback-content{max-width:420px;white-space:pre-wrap}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#e9edff,transparent 35%),linear-gradient(145deg,#f7f8fc,#eef1f8)}.login-card{width:min(440px,100%);background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:38px;box-shadow:0 24px 60px #3542601c}.login-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:1.4px}.login-heading{margin:35px 0 28px}.eyebrow{color:#596cf5;font-size:11px;font-weight:700;letter-spacing:1.5px}.login-heading h1{margin:10px 0;font-size:25px}.login-heading p,.security-note{color:#7e8999;line-height:1.7}.login-card form{display:grid;gap:18px}.login-card label{display:grid;gap:8px;font-weight:600}.login-submit{padding:12px}.form-error{margin:0;padding:10px;border-radius:7px}.security-note{font-size:12px;margin:22px 0 0;padding-top:18px;border-top:1px solid #edf0f4}.not-found{min-height:100vh;display:grid;place-content:center;text-align:center}.not-found strong{font-size:90px;color:#dce1ef}.not-found h1{margin:0;font-size:28px}.not-found p{color:#7d8798}.not-found .button{justify-self:center;margin-top:10px}.backdrop{display:none}@media (max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.usage-grid{grid-template-columns:repeat(2,1fr)}.usage-grid>div:nth-child(2){border:0}}@media (max-width:760px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:none}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0007;z-index:15}.workspace{margin:0;width:100%}.topbar{padding:0 16px;height:68px}.menu-button{display:block}.topbar>div:nth-child(2) p,.admin-profile>div:not(.avatar){display:none}.content{padding:22px 16px}.metric-grid{grid-template-columns:repeat(2,1fr)}.usage-grid{grid-template-columns:1fr}.usage-grid>div{border-right:0;border-bottom:1px solid #edf0f4}.page-intro{align-items:stretch;flex-direction:column}.search input{width:100%;min-width:0}.search{width:100%}.release-form{grid-template-columns:1fr}.release-form .wide{grid-column:auto}.login-card{padding:28px 22px}}@media (max-width:430px){.metric-grid{grid-template-columns:1fr}.admin-profile .avatar{display:none}}