.layout[data-v-994bdaef]{display:flex;height:100vh;overflow:hidden}.sidebar[data-v-994bdaef]{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-logo[data-v-994bdaef]{display:flex;align-items:center;gap:10px;padding:16px 18px;cursor:pointer;transition:opacity .15s}.sidebar-logo[data-v-994bdaef]:hover{opacity:.85}.logo-mark[data-v-994bdaef]{font-size:22px}.logo-text[data-v-994bdaef]{display:flex;flex-direction:column}.logo-name[data-v-994bdaef]{font-size:15px;font-weight:700;color:var(--text);letter-spacing:.02em}.logo-sub[data-v-994bdaef]{font-size:10px;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase}.sidebar-nav[data-v-994bdaef]{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.nav-item[data-v-994bdaef]{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-mid);transition:all .15s}.nav-item[data-v-994bdaef]:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active[data-v-994bdaef]{background:var(--brand-glow);color:var(--brand-lt)}.nav-icon[data-v-994bdaef]{font-size:16px;width:20px;text-align:center}.sidebar-bottom[data-v-994bdaef]{padding:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.user-pill[data-v-994bdaef]{flex:1;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);overflow:hidden;cursor:default}.user-pill[data-v-994bdaef]:hover{background:var(--bg-hover)}.user-avatar[data-v-994bdaef]{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--brand-dark),var(--brand));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;color:var(--bg)}.user-meta[data-v-994bdaef]{overflow:hidden}.user-name[data-v-994bdaef]{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email[data-v-994bdaef]{font-size:10px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-icon[data-v-994bdaef]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-dim);transition:all .15s}.btn-icon[data-v-994bdaef]:hover{background:var(--danger-bg);color:var(--danger)}.main[data-v-994bdaef]{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar[data-v-994bdaef]{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border);background:var(--bg-elev);flex-shrink:0}.page-title[data-v-994bdaef]{font-size:15px;font-weight:600;color:var(--text)}.topbar-right[data-v-994bdaef]{display:flex;align-items:center;gap:8px}.topbar-btn[data-v-994bdaef]{padding:5px 12px;font-size:12px;color:var(--text-mid);border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .15s}.topbar-btn[data-v-994bdaef]:hover{border-color:var(--border-hover);color:var(--text)}.content[data-v-994bdaef]{flex:1;overflow-y:auto;padding:24px}.page-fade-enter-active[data-v-994bdaef],.page-fade-leave-active[data-v-994bdaef]{transition:opacity .18s ease}.page-fade-enter-from[data-v-994bdaef],.page-fade-leave-to[data-v-994bdaef]{opacity:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0e14;--bg-elev: #111820;--bg-card: #161d27;--bg-hover: #1e2633;--bg-input: #0d1320;--border: #2a3548;--border-sub: #1e2738;--border-hover: #3a4a60;--brand: #22d3ee;--brand-lt: #67e8f9;--brand-dark: #0891b2;--brand-glow: rgba(34, 211, 238, .15);--brand-glow-strong: rgba(34, 211, 238, .3);--success: #10b981;--success-bg: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--info: #6366f1;--info-bg: rgba(99, 102, 241, .12);--text: #f0f6fc;--text-mid: #8b9dc3;--text-dim: #5c6e85;--text-bright: #ffffff;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .35);--shadow-elev: 0 8px 32px rgba(0, 0, 0, .45);--shadow-brand: 0 0 20px rgba(34, 211, 238, .2);--sidebar-w: 200px;--topbar-h: 52px;--sidebar-bottom-h: 80px}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}img{display:block;max-width:100%}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-c{align-items:center}.justify-c{justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.flex-1{flex:1}.text-center{text-align:center}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.muted{color:var(--text-dim);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:all .15s ease;border:1px solid transparent;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-brand{background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:var(--bg);font-weight:600;border:none;box-shadow:var(--shadow-brand)}.btn-brand:hover:not(:disabled){box-shadow:0 0 28px #22d3ee66;filter:brightness(1.08)}.btn-ghost{background:var(--bg-card);border:1px solid var(--border);color:var(--text-mid)}.btn-ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text);background:var(--bg-hover)}.btn-danger{background:var(--danger-bg);border:1px solid rgba(239,68,68,.3);color:var(--danger)}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-success{background:var(--success-bg);border:1px solid rgba(16,185,129,.3);color:var(--success)}.btn-sm{padding:4px 10px;font-size:12px}.btn-full{width:100%}.btn-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .15s}.btn-icon:hover{background:var(--bg-hover)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:border-color .2s}.card:hover{border-color:var(--border-hover)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field label{font-size:12px;color:var(--text-mid);font-weight:500;letter-spacing:.02em}.input,.textarea,.select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font-size:13px;outline:none;transition:border-color .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand)}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.textarea{resize:vertical;min-height:90px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-brand{background:var(--brand-glow);color:var(--brand-lt)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-dim{background:var(--bg-hover);color:var(--text-dim)}.progress-bar{height:5px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--brand-dark),var(--brand));transition:width .5s ease}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--bg-elev)}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border-sub);vertical-align:middle}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.toast-error{padding:8px 14px;background:var(--danger-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:var(--danger);font-size:12px}.toast-success{padding:8px 14px;background:var(--success-bg);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-sm);color:var(--success);font-size:12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}