:root{color-scheme:dark;--bg-base: #12121f;--bg-1: #16213e;--bg-2: #0f3460;--glass: rgba(255, 255, 255, .055);--glass-hover: rgba(255, 255, 255, .09);--glass-border: rgba(255, 255, 255, .1);--glass-strong: rgba(255, 255, 255, .12);--text: #ececf4;--muted: #9a9ab0;--dim: #6c6c85;--accent: #7c8cf8;--accent-2: #6b7bef;--accent-glow: rgba(124, 140, 248, .28);--success: #4ecdc4;--success-glow: rgba(78, 205, 196, .25);--danger: #ff6b6b;--danger-glow: rgba(255, 107, 107, .25);--warning: #f9ca24;--vip: #f093fb;--vip-glow: rgba(240, 147, 251, .25);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--shadow: 0 10px 34px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg-base);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse at 12% 8%,rgba(124,140,248,.22),transparent 46%),radial-gradient(ellipse at 88% 12%,rgba(240,147,251,.1),transparent 42%),radial-gradient(ellipse at 50% 100%,rgba(78,205,196,.08),transparent 55%),linear-gradient(135deg,var(--bg-1) 0%,var(--bg-2) 60%,var(--bg-base) 100%)}::selection{background:var(--accent-glow)}a{color:inherit}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow);padding:20px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title h3{font-size:15px}.card-title .sub{font-size:12px;color:var(--dim);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass);color:var(--text);font-size:13.5px;font-family:inherit;font-weight:500;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .15s var(--ease),background .2s,border-color .2s,box-shadow .2s}.btn:hover:not(:disabled){background:var(--glass-hover);border-color:var(--glass-strong)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 6px 22px var(--accent-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8b9aff,#7383f5);border-color:transparent}.btn-danger{background:linear-gradient(135deg,#ff7b7b,#e85555);border-color:transparent;color:#fff;box-shadow:0 6px 20px var(--danger-glow)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--glass)}.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.btn-block{width:100%}.input,select.input,textarea.input{width:100%;padding:10px 13px;border-radius:var(--radius-sm);background:#ffffff0b;border:1px solid var(--glass-border);color:var(--text);font-size:13.5px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.input::placeholder{color:var(--dim)}.input:focus{border-color:#7c8cf899;box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff12}select.input option{background:#1b1b2e;color:var(--text)}textarea.input{resize:vertical;min-height:84px;line-height:1.6}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-size:12.5px;color:var(--muted)}.hint{font-size:11.5px;color:var(--dim)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:500;border:1px solid transparent}.badge-success{color:var(--success);background:#4ecdc41f;border-color:#4ecdc440}.badge-danger{color:var(--danger);background:#ff6b6b1f;border-color:#ff6b6b40}.badge-warning{color:var(--warning);background:#f9ca241f;border-color:#f9ca2440}.badge-accent{color:#a9b3ff;background:#7c8cf824;border-color:#7c8cf847}.badge-vip{color:var(--vip);background:#f093fb1f;border-color:#f093fb47}.badge-muted{color:var(--muted);background:#ffffff0f;border-color:var(--glass-border)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.dot-pulse{animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.table-wrap{overflow-x:auto;margin:0 -4px}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;padding:9px 12px;font-size:11.5px;font-weight:500;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--glass-border);white-space:nowrap}.table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.055);vertical-align:middle}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:#ffffff09}.table tbody tr:last-child td{border-bottom:none}.mono{font-family:Courier New,monospace;letter-spacing:.02em}.admin-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;padding:20px 14px;border-right:1px solid var(--glass-border);background:#0e0e1a8c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:60}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.brand-mark{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),#a78bfa);box-shadow:0 6px 18px var(--accent-glow)}.brand-name{font-size:15px;font-weight:600;line-height:1.2}.brand-sub{font-size:10.5px;color:var(--dim);letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto}.nav-label{font-size:10.5px;color:var(--dim);letter-spacing:.1em;text-transform:uppercase;padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13.5px;color:var(--muted);text-decoration:none;border:1px solid transparent;transition:all .18s var(--ease)}.nav-item:hover{color:var(--text);background:var(--glass)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#7c8cf838,#7c8cf80f);border-color:#7c8cf84d;box-shadow:inset 0 0 18px #7c8cf814}.nav-item .count{margin-left:auto;font-size:10.5px;padding:1px 8px;border-radius:999px;background:#ff6b6b2e;color:#ff9d9d}.sidebar-foot{border-top:1px solid var(--glass-border);padding-top:12px;display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7c8cf8,#f093fb)}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 26px;border-bottom:1px solid var(--glass-border);background:#12121f99;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.page-title{font-size:17px}.page-sub{font-size:12px;color:var(--dim);margin-top:3px}.content{padding:22px 26px 40px;flex:1}.hamburger{display:none}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#05050c99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:16px}.stat{position:relative;overflow:hidden}.stat .label{font-size:12px;color:var(--muted);margin-bottom:8px}.stat .value{font-size:26px;font-weight:650;letter-spacing:-.02em}.stat .meta{font-size:11.5px;color:var(--dim);margin-top:6px}.stat .icon{position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffffff0f;color:var(--muted)}.stat.accent .value{color:#b3bcff}.stat.success .value{color:var(--success)}.stat.danger .value{color:var(--danger)}.stat.vip .value{color:var(--vip)}.bar{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#a78bfa);transition:width .4s var(--ease)}.bar.success>span{background:linear-gradient(90deg,#4ecdc4,#7ee8d8)}.bar.danger>span{background:linear-gradient(90deg,#ff6b6b,#ff9d9d)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#06060ea8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .18s var(--ease)}.modal{width:min(520px,100%);max-height:88vh;overflow-y:auto;background:#1b1b2c;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 24px 70px #00000080;padding:22px;animation:pop .22s var(--ease-bounce)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-head h3{font-size:16px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toast-host{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:12px;font-size:13px;background:#1b1b2cf2;border:1px solid var(--glass-border);box-shadow:0 12px 34px #0000006b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:slide-in .24s var(--ease-bounce);max-width:360px}.toast.success{border-color:#4ecdc466}.toast.error{border-color:#ff6b6b73}.toast-enter-active{transition:all .24s var(--ease-bounce)}.toast-leave-active{transition:all .18s var(--ease)}.toast-enter-from{opacity:0;transform:translate(26px)}.toast-leave-to{opacity:0;transform:translate(16px)}.toast-move{transition:transform .2s var(--ease)}.empty{padding:46px 20px;text-align:center;color:var(--dim);font-size:13px}.empty .big{font-size:30px;margin-bottom:10px;opacity:.5}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%);background-size:400% 100%;animation:shimmer 1.4s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-enter-active,.page-leave-active{transition:opacity .16s var(--ease)}.page-enter-from,.page-leave-to{opacity:0}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;background:#ffffff0f;border:1px solid var(--glass-border)}.chip button{background:none;border:none;color:var(--dim);cursor:pointer;padding:0;line-height:1;font-size:14px}.chip button:hover{color:var(--danger)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(920px,100%);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;padding:0}.login-side{padding:42px 36px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:linear-gradient(150deg,rgba(124,140,248,.18),rgba(240,147,251,.06) 55%,transparent);border-right:1px solid var(--glass-border)}.login-side h1{font-size:27px;line-height:1.3}.login-side p{color:var(--muted);font-size:13.5px;line-height:1.8;margin-top:12px}.login-form{padding:42px 36px;display:flex;flex-direction:column;gap:16px;justify-content:center}.feature{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}.feature .tick{color:var(--success);flex:none;margin-top:2px}@media (max-width: 1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.admin-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:240px;transform:translate(-102%);transition:transform .25s var(--ease)}.sidebar.open{transform:none}.hamburger{display:inline-flex}.topbar{padding:12px 16px}.content{padding:16px}.g3,.g2,.login-card{grid-template-columns:1fr}.login-side{display:none}.login-form{padding:32px 24px}.modal{padding:18px}}@media (max-width: 640px){.toast-host{bottom:92px;right:12px;left:12px}.toast{max-width:none}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{padding:10px 0;border-bottom:1px solid var(--glass-border)}.table td{border:none;padding:4px 0;display:flex;justify-content:space-between;gap:12px}.table td:before{content:attr(data-label);color:var(--dim);font-size:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}