.admin-layout[data-v-24228562]{z-index:1;background:0 0;height:100vh;font-family:PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:relative}.sidebar[data-v-24228562]{color:#fff;z-index:10;background:linear-gradient(#0f1a4a 0%,#13265e 42%,#0a1540 72%,#080e30 100%);flex-direction:column;flex-shrink:0;width:240px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar[data-v-24228562]:before{content:"";background:linear-gradient(90deg,#0000,#4f8cff66,#0000);height:1px;position:absolute;top:0;left:0;right:0}.sidebar.collapsed[data-v-24228562]{width:68px}.logo-area[data-v-24228562]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#0a143c66;border-bottom:1px solid #60a5fa1f;align-items:center;gap:12px;padding:20px 16px;display:flex;position:relative}.logo-icon[data-v-24228562]{flex-shrink:0}.hex-inner[data-v-24228562]{color:#fff;width:40px;height:40px;font-size:13px;font-weight:800;font-family:var(--font-mono,monospace);letter-spacing:1px;background:linear-gradient(135deg,#1a2a5e,#2d4a8a);border:1px solid #4f8cff66;border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 16px #4f8cff40}.logo-text[data-v-24228562]{overflow:hidden}.logo-title[data-v-24228562]{color:#fff;background:linear-gradient(90deg,#4f8cff,#8b5cf6,#4f8cff) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:3px;-webkit-background-clip:text;font-size:16px;font-weight:800;line-height:1.2;animation:3s linear infinite shine}.logo-subtitle[data-v-24228562]{color:#93c5fd;letter-spacing:2px;text-transform:uppercase;margin-top:2px;font-size:10px}.menu-sections[data-v-24228562]{z-index:2;flex:1;padding:16px 12px;position:relative;overflow-y:auto}.menu-section[data-v-24228562]{margin-bottom:20px}.section-label[data-v-24228562]{color:#60a5fa;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:8px;margin-bottom:8px;padding-left:12px;font-size:11px;display:flex}.section-bar[data-v-24228562]{background:linear-gradient(#4f8cff,#8b5cf6);border-radius:2px;flex-shrink:0;width:3px;height:12px}.nav-menu[data-v-24228562]{flex-direction:column;gap:2px;display:flex}.nav-item[data-v-24228562]{color:#93c5fd;cursor:pointer;white-space:nowrap;background:#0f1e504d;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.nav-item[data-v-24228562]:before{content:"";background:#4f8cff26;border-radius:0 8px 8px 0;width:0;height:0;transition:width .2s,height .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item[data-v-24228562]:hover{color:#fff;background:#4f8cff26}.nav-item[data-v-24228562]:hover:before{width:3px;height:60%}.nav-item.active[data-v-24228562]{color:#e0f2fe;background:linear-gradient(90deg,#4f8cff33,#8b5cf626);border:1px solid #4f8cff33}.nav-item.active[data-v-24228562]:before{content:"";background:#4f8cff;border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 8px #4f8cff,0 0 16px #4f8cff66}.nav-icon[data-v-24228562]{width:20px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s;display:flex}.nav-item:hover .nav-icon[data-v-24228562],.nav-item.active .nav-icon[data-v-24228562]{color:#4f8cff}.nav-text[data-v-24228562]{flex:1;overflow:hidden}.nav-badge[data-v-24228562]{color:#fff;text-align:center;background:linear-gradient(135deg,#f97316,#fbbf24);border-radius:10px;min-width:18px;padding:2px 7px;font-size:10px;font-weight:700;box-shadow:0 0 8px #f9731666}.nav-dot[data-v-24228562]{background:#4f8cff;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite dot-pulse}.sidebar-footer[data-v-24228562]{z-index:2;border-top:1px solid #60a5fa1a;padding:12px;position:relative}.collapse-btn[data-v-24228562]{color:#93c5fd;cursor:pointer;background:#4f8cff1a;border:1px solid #4f8cff26;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.collapse-btn[data-v-24228562]:hover{color:#8b92a8;background:#4f8cff1a;border-color:#4f8cff33}.collapse-btn svg[data-v-24228562]{flex-shrink:0;transition:transform .3s}.main-area[data-v-24228562]{background:0 0;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.top-header[data-v-24228562]{z-index:5;background:#0a102de6;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:relative}.top-header[data-v-24228562]:after{content:"";background:linear-gradient(90deg,#0000,#4f8cff33,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.header-left[data-v-24228562]{align-items:center;display:flex}.breadcrumb[data-v-24228562]{align-items:center;gap:6px;font-size:14px;display:flex}.breadcrumb-root[data-v-24228562]{color:#5a6078;align-items:center;gap:6px;display:flex}.breadcrumb-sep[data-v-24228562]{color:#3a4060;align-items:center;display:flex}.breadcrumb-current[data-v-24228562]{color:#c8d0e8;font-weight:500}.header-right[data-v-24228562]{align-items:center;gap:16px;display:flex}.header-action[data-v-24228562]{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:flex;position:relative}.header-action[data-v-24228562]:hover{background:#ffffff0d}.action-icon[data-v-24228562]{color:#5a6078;align-items:center;display:flex}.header-action:hover .action-icon[data-v-24228562]{color:#8b92a8}.action-label[data-v-24228562]{color:#5a6078;font-size:13px}.header-action:hover .action-label[data-v-24228562]{color:#8b92a8}.action-badge[data-v-24228562]{color:#fff;text-align:center;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:10px;min-width:18px;padding:2px 7px;font-size:10px;font-weight:700;box-shadow:0 0 8px #ef444466}.admin-profile[data-v-24228562]{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:4px 8px;transition:all .2s;display:flex;position:relative}.admin-profile[data-v-24228562]:hover{background:#ffffff0d}.admin-avatar[data-v-24228562]{color:#fff;background:linear-gradient(135deg,#1a3a8f,#2d5cc7);border:1px solid #4f8cff4d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 0 12px #4f8cff33}.admin-info[data-v-24228562]{flex-direction:column;gap:2px;display:flex}.admin-name[data-v-24228562]{color:#e0e6ed;font-size:14px;font-weight:500}.admin-role[data-v-24228562]{color:#5a6078;font-size:11px}.chevron[data-v-24228562]{color:#5a6078;transition:transform .2s}.chevron.open[data-v-24228562]{transform:rotate(180deg)}.profile-menu[data-v-24228562]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a102df2;border:1px solid #4f8cff33;border-radius:10px;min-width:140px;animation:.15s ease-out fadeSlideUp;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0006}.profile-menu-item[data-v-24228562]{cursor:pointer;color:#8b92a8;align-items:center;gap:8px;padding:10px 16px;font-size:13px;transition:background .15s;display:flex}.profile-menu-item[data-v-24228562]:hover{color:#e0e6ed;background:#ffffff0f}.profile-menu-item.danger[data-v-24228562]{color:#f87171}.profile-menu-item.danger[data-v-24228562]:hover{background:#ef44441f}.page-content[data-v-24228562]{scrollbar-width:thin;scrollbar-color:#4f8cff4d transparent;z-index:1;flex:1;padding:24px;position:relative;overflow-y:auto}.page-content[data-v-24228562]::-webkit-scrollbar{width:4px}.page-content[data-v-24228562]::-webkit-scrollbar-track{background:0 0}.page-content[data-v-24228562]::-webkit-scrollbar-thumb{background:linear-gradient(#4f8cff,#8b5cf6);border-radius:2px}.star-bg[data-v-6003f4ae]{z-index:0;pointer-events:none;background:#0a143e;position:fixed;inset:0;overflow:hidden}.star-canvas[data-v-6003f4ae]{z-index:1;position:absolute;top:0;left:0}.gradient-mask[data-v-6003f4ae]{z-index:2;background:linear-gradient(#0a143c59 0%,#0a143c00 32% 62%,#0a143c7a 100%);position:absolute;inset:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e6ed;-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#060d28 0%,#0a1628 25%,#0f1e45 50%,#0a1535 75%,#070e25 100%);min-height:100vh;font-family:PingFang SC,Microsoft YaHei,-apple-system,sans-serif}:root{--bg-deep:#060d28;--bg-primary:#0a1628;--bg-secondary:#111936;--bg-card:#0f1e46cc;--bg-card-hover:#1e3264b3;--bg-panel:#081437cc;--border-color:#60a5fa1f;--border-glow:#4f8cff4d;--text-primary:#e0e6ed;--text-secondary:#93c5fd;--text-muted:#60a5fa;--accent-blue:#60a5fa;--accent-purple:#a78bfa;--accent-orange:#fb923c;--accent-green:#4ade80;--accent-red:#f87171;--accent-cyan:#67e8f9;--neon-blue:#60a5fa;--neon-purple:#a78bfa;--neon-cyan:#67e8f9;--gradient-blue:linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-purple:linear-gradient(135deg, #8b5cf6, #ec4899);--gradient-orange:linear-gradient(135deg, #f97316, #fbbf24);--gradient-green:linear-gradient(135deg, #22c55e, #10b981);--glass-bg:#0f1e46bf;--glass-border:#60a5fa26;--shadow-glow:0 0 20px #60a5fa33;--glow-blue:0 0 20px #60a5fa59, 0 0 40px #60a5fa26;--glow-purple:0 0 20px #a78bfa59, 0 0 40px #a78bfa26;--glow-cyan:0 0 20px #67e8f959;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-title{color:var(--text-primary);font-size:20px;font-weight:700}.page-actions{gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#fff;background:linear-gradient(135deg,#1a3a8f,#2d5cc7);border:1px solid #4f8cff4d}.btn-primary:hover{background:linear-gradient(135deg,#2d5cc7,#4f8cff);transform:translateY(-1px);box-shadow:0 0 20px #4f8cff4d}.btn-default{color:#8b92a8;background:#4f8cff0f;border:1px solid #4f8cff26}.btn-default:hover{color:#c8d0e8;background:#4f8cff1a;border-color:#4f8cff59}.btn-danger{color:#f87171;background:#ef444414;border:1px solid #ef444440}.btn-danger:hover{background:#ef444426;box-shadow:0 0 16px #ef444433}.btn-sm{padding:4px 12px;font-size:12px}.tag-blue{color:#60a5fa;background:#4f8cff1f;border:1px solid #4f8cff33}.tag-green{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33}.tag-orange{color:#fb923c;background:#f973161a;border:1px solid #f9731633}.tag-red{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.tag-gray{color:#5a6078;background:#ffffff0f;border:1px solid #ffffff14}.tag-purple{color:#a78bfa;background:#a855f71a;border:1px solid #a855f733}.search-bar{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex}.search-bar input,.search-bar select{border:1px solid var(--border-color);color:var(--text-primary);background:#0003;border-radius:8px;outline:none;padding:8px 12px;font-size:14px;transition:all .2s}.search-bar input:focus,.search-bar select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #4f8cff26}.search-bar input::placeholder{color:var(--text-muted)}.search-bar input{flex:1;min-width:180px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.stat-card:hover{box-shadow:var(--shadow-glow);border-color:#4f8cff33;transform:translateY(-2px)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.stat-icon.blue{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #3b82f64d}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid #8b5cf64d}.stat-icon.orange{background:linear-gradient(135deg,#f9731633,#fbbf2433);border:1px solid #f973164d}.stat-icon.green{background:linear-gradient(135deg,#22c55e33,#10b98133);border:1px solid #22c55e4d}.stat-icon.cyan{background:linear-gradient(135deg,#06b6d433,#3b82f633);border:1px solid #06b6d44d}.stat-info h3{color:var(--text-primary);font-size:26px;font-weight:700;line-height:1}.stat-info p{color:var(--text-secondary);margin-top:4px;font-size:13px}.stat-change{align-items:center;gap:2px;margin-top:4px;font-size:12px;display:flex}.stat-change.up{color:var(--accent-green)}.stat-change.down{color:var(--accent-red)}.tag{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.tag-blue{color:#60a5fa;background:#3b82f626}.tag-green{color:#4ade80;background:#22c55e26}.tag-orange{color:#fb923c;background:#f9731626}.tag-red{color:#f87171;background:#ef444426}.tag-gray{color:var(--text-secondary);background:#ffffff14}.tag-purple{color:#a78bfa;background:#8b5cf626}.action-group{gap:6px;display:flex}.img-thumb{object-fit:cover;border-radius:6px;width:50px;height:50px}.empty-state{text-align:center;color:var(--text-muted);padding:60px 0;font-size:15px}.data-table{border-collapse:collapse;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;width:100%;overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px 16px}.data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#0003;font-size:13px;font-weight:600}.data-table td{color:var(--text-primary);font-size:14px}.data-table tr:hover td{background:#4f8cff0d}.data-table tr:last-child td{border-bottom:none}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:20px;display:flex}.pagination button{border:1px solid var(--border-color);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:13px;transition:all .2s}.pagination button:hover:not(:disabled){border-color:var(--accent-blue);color:var(--accent-blue)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button.active{background:var(--gradient-blue);color:#fff;border-color:#0000}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;width:90%;max-width:500px;padding:24px;box-shadow:0 20px 60px #00000080}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:var(--text-primary);font-size:18px}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:24px;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:14px;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#0003;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #4f8cff26}.form-group input::placeholder{color:var(--text-muted)}.modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{box-shadow:0 0 #4f8cff66,0 0 20px #4f8cff4d}70%{box-shadow:0 0 0 14px #4f8cff00}to{box-shadow:0 0 #4f8cff00}}@keyframes scan-line{0%{opacity:0;top:-2px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}@keyframes shine{0%{background-position:-200%}to{background-position:200%}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:linear-gradient(#4f8cff,#8b5cf6);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#60a5fa,#a78bfa)}
