:root{--color-surface:#050505;--color-card-bg:#12121c99;--color-card-hover:#161622cc;--color-void:#020105;--color-panel:#0c0a14c7;--color-panel-strong:#120e1feb;--color-panel-soft:#1311218f;--color-accent:#9d00ff;--color-accent-light:#dfb7ff;--color-accent-dim:#6a2a8a;--color-tertiary:#00dbe9;--color-tertiary-dim:#00767e;--color-text-primary:#e5e2e1;--color-text-secondary:#d1c1d9;--color-text-muted:#a898b0;--color-text-dim:#6a5a72;--color-border-card:#4e435640;--color-border-hover:#9d00ff4d;--color-border-strong:#dfb7ff2e;--color-outline:#4e4356;--color-outline-variant:#3a2a4a;--color-on-surface:#e5e2e1;--color-on-surface-variant:#a898b0;--color-primary:#dfb7ff;--color-primary-container:#9d00ff;--color-inverse-primary:#9d00ff;--color-on-primary-container:#fff;--color-secondary:#d05bff;--color-tertiary-container:#00767e;--color-on-tertiary-container:#fff;--color-tertiary-fixed-dim:#00dbe9;--color-surface-container-highest:#1e1e28cc;--color-surface-container-lowest:#0a0a0f;--font-sans:"Inter", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"Space Mono", monospace;--font-display:"Sora", sans-serif;--text-headline-lg:24px;--text-headline-md:20px;--text-headline-sm:18px;--text-body-md:14px;--text-body-sm:13px;--text-label-md:12px;--text-label-sm:11px;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-gutter:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-glow:0 0 15px #9d00ff4d;--shadow-glow-hover:0 0 25px #9d00ff80;--shadow-panel:0 18px 46px #00000057, 0 0 26px #9d00ff14;--shadow-cyan:0 0 18px #00dbe92e;--focus-ring:0 0 0 3px #9d00ff2e, 0 0 18px #dfb7ff2e;--glass-highlight:linear-gradient(135deg, #ffffff14, transparent 38%);--motion-duration-fast:.18s;--motion-duration-base:.32s;--motion-duration-slow:.56s;--motion-ease-enter:cubic-bezier(.22, 1, .36, 1);--motion-ease-hover:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{min-width:0}html,body,#app{min-height:100vh}html{scrollbar-color:#9d00ff73 #05050980}body{font-family:var(--font-sans);background:radial-gradient(circle at 14% 12%, #9d00ff29, transparent 28%), radial-gradient(circle at 88% 8%, #00dbe914, transparent 24%), linear-gradient(145deg, var(--color-void) 0%, var(--color-surface) 46%, #08050f 100%);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;line-height:1.5;overflow-x:hidden}body::selection{color:#fff;background:#9d00ff61}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#05050973}::-webkit-scrollbar-thumb{background:linear-gradient(#9d00ffad,#00dbe973);border:2px solid #0505098c;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#dfb7ffd1,#00dbe999)}a{color:inherit;text-decoration:none}button{font-family:inherit}button:focus-visible{box-shadow:var(--focus-ring);outline:none}a:focus-visible{box-shadow:var(--focus-ring);outline:none}input:focus-visible{box-shadow:var(--focus-ring);outline:none}select:focus-visible{box-shadow:var(--focus-ring);outline:none}textarea:focus-visible{box-shadow:var(--focus-ring);outline:none}input,select,textarea{max-width:100%;font-family:inherit}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.loading{color:var(--color-text-muted);font-size:14px;font-family:var(--font-mono);justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading:after{content:"";border:2px solid var(--color-border-card);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;margin-left:8px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:var(--color-text-dim);text-align:center;border-radius:var(--radius-lg);background:var(--glass-highlight), #0a0a0f6b;border:1px solid #4e43562e;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.empty-state .empty-icon{margin-bottom:12px;font-size:48px}.empty-state p{font-size:14px}.toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;left:auto;right:20px}.toast{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-panel);border:1px solid #ffffff1f;max-width:360px;padding:12px 20px;font-size:14px;animation:.3s toastIn}.toast-success{color:#fff;background:#00c853e0}.toast-error{color:#fff;background:#ff1744e6}.toast-info{color:#fff;background:#9d00ffe6}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.divider{background:var(--color-border-card);height:1px;margin:20px 0}.loading-state{color:var(--color-text-muted);font-family:var(--font-mono);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 24px;display:flex}.loading-spinner-lg{border:3px solid #9d00ff26;border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin;box-shadow:0 0 24px #9d00ff38}.surface-enter{animation:surfaceEnter var(--motion-duration-slow) var(--motion-ease-enter) both}@keyframes surfaceEnter{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes softPulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmerSweep{0%{transform:translate(-130%)}to{transform:translate(130%)}}@media (max-width:768px){.page-container{padding:16px 12px}.page-title{font-size:20px}.hide-mobile{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.text-mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-semibold{color:var(--color-text-primary);font-weight:600}.text-right{text-align:right}.text-primary{color:var(--color-accent-light);font-family:var(--font-mono)}.text-sm{font-size:12px}.text-error{color:#ff5252}.page-toolbar{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--glass-highlight), linear-gradient(135deg, #0f0f18d1, #08070ee6), radial-gradient(circle at 8% 50%, #9d00ff24, transparent 30%), radial-gradient(circle at 92% 0%, #00dbe914, transparent 28%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:1400px;box-shadow:var(--shadow-panel);animation:surfaceEnter .62s var(--motion-ease-enter) both;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px 16px;display:flex;position:relative}.page-toolbar:before,.table-container:before,.edit-form-panel:before{content:"";pointer-events:none;border-radius:inherit;opacity:.34;background:linear-gradient(90deg,#dfb7ff24,#0000 18% 82%,#00dbe91f);position:absolute;top:0;bottom:0;left:0;right:0}.toolbar-info{min-width:0;color:var(--color-text-muted);font-size:12px;font-family:var(--font-mono);align-items:center;gap:8px;display:inline-flex}.toolbar-info span:last-child{overflow-wrap:anywhere;min-width:0}.toolbar-info-icon{color:var(--color-tertiary);filter:drop-shadow(0 0 8px #00dbe959);font-size:18px!important}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.toolbar-metrics{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-metric{border-radius:var(--radius-md);min-height:28px;color:var(--color-text-secondary);font-size:12px;font-family:var(--font-mono);background:#0505097a;border:1px solid #dfb7ff29;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.toolbar-metric strong{color:var(--color-accent-light)}@media (max-width:768px){.page-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.toolbar-actions{justify-content:stretch;width:100%}.toolbar-actions>*{flex:160px}}.table-container{background:var(--glass-highlight), #0d0c16c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);animation:surfaceEnter .64s var(--motion-ease-enter) both;box-shadow:var(--shadow-panel);-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.data-table{border-collapse:collapse;z-index:1;width:100%;position:relative}@media (max-width:900px){.data-table{min-width:680px}}.data-table th{text-align:left;font-size:11px;font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(#9d00ff29,#9d00ff0f),#0a0a10b8;border-bottom:1px solid #dfb7ff24;padding:16px}.data-table td{transition:background-color var(--motion-duration-fast) var(--motion-ease-hover), color var(--motion-duration-fast) var(--motion-ease-hover);border-bottom:1px solid #4e435629;padding:16px;font-size:13px}.data-table th,.data-table td{vertical-align:middle}.data-table td{overflow-wrap:anywhere}.table-row:hover td{background:#24123457}.table-row{position:relative}.table-row:hover td:first-child{box-shadow:inset 3px 0 #dfb7ffb8}.admin-page{min-height:100vh;color:var(--color-text-primary);background:#050505;flex-direction:column;display:flex}.admin-page .main-content{flex:1;padding:88px 24px 24px;overflow-y:auto}@media (min-width:768px){.admin-page .main-content{margin-left:240px;padding-top:24px}}.edit-form-panel{background:var(--glass-highlight), #0d0c16c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);animation:surfaceEnter .68s var(--motion-ease-enter) both;box-shadow:var(--shadow-panel);margin-bottom:24px;padding:24px;position:relative}.edit-form-panel>*{z-index:1;position:relative}.edit-form-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:20px;font-size:16px;font-weight:600}.edit-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.edit-form-field-full{grid-column:1/-1}.edit-form-label{color:var(--color-text-muted);margin-bottom:6px;font-size:12px;display:block}.edit-form-input,.edit-form-textarea,.edit-form-select{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);background:#050509a8;border:1px solid #4e43569e;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.edit-form-input:focus,.edit-form-textarea:focus,.edit-form-select:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.edit-form-textarea{resize:vertical}.edit-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px;display:flex}@media (max-width:600px){.toast-container{top:12px;left:12px;right:12px}.toast{width:100%;max-width:none}.table-container{border-radius:var(--radius-md)}.data-table th,.data-table td{padding:12px}.edit-form-panel{border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.edit-form-grid{grid-template-columns:1fr}.edit-form-actions{flex-direction:column-reverse}.edit-form-actions>*{width:100%}}.toast-container[data-v-cc1c4a82]{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast[data-v-cc1c4a82]{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-panel);cursor:pointer;pointer-events:auto;border:1px solid #ffffff1f;max-width:360px;padding:12px 20px;font-size:14px;animation:.3s toastIn-cc1c4a82}.toast-success[data-v-cc1c4a82]{color:#fff;background:#00c853e0}.toast-error[data-v-cc1c4a82]{color:#fff;background:#ff1744e6}.toast-info[data-v-cc1c4a82]{color:#fff;background:#9d00ffe6}@keyframes toastIn-cc1c4a82{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.terminal-grid[data-v-1836cfd3]{z-index:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#dfb7ff17 1px,#0000 1px),linear-gradient(90deg,#00dbe914 1px,#0000 1px),radial-gradient(circle at 50% -20%,#9d00ff2e,#0000 34%);background-size:28px 28px,28px 28px,100% 100%;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(circle at 50% 34%,#000 0%,#000000d1 42%,#0000 86%);mask-image:radial-gradient(circle at 50% 34%,#000 0%,#000000d1 42%,#0000 86%)}.terminal-grid[data-v-1836cfd3]:after{content:"";background:linear-gradient(#0000,#dfb7ff1a,#0000),radial-gradient(circle,#00dbe91f,#0000 30%);animation:8s ease-in-out infinite gridScan-1836cfd3;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(-100%)}.terminal-grid[data-v-1836cfd3]:before{content:"";background:radial-gradient(circle at 50% 42%,#0000 0% 48%,#00000085 100%),linear-gradient(#ffffff08,#0000 12% 82%,#9d00ff14);position:absolute;top:0;bottom:0;left:0;right:0}.route-fade-enter-active,.route-fade-leave-active{transition:opacity var(--motion-duration-base) var(--motion-ease-enter), transform var(--motion-duration-base) var(--motion-ease-enter)}.route-fade-enter-from,.route-fade-leave-to{opacity:0;transform:translateY(10px)}@keyframes gridScan-1836cfd3{0%,45%{transform:translateY(-100%)}65%,to{transform:translateY(100%)}}