:root{--bg-dark: #090d16;--bg-surface: #0f172a;--bg-surface-elevated: #1e293b;--bg-glass: rgba(15, 23, 42, .75);--bg-glass-card: rgba(30, 41, 59, .65);--bg-glass-hover: rgba(51, 65, 85, .55);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .16);--border-glow: rgba(99, 102, 241, .35);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #090d16;--brand-primary: #6366f1;--brand-primary-hover: #4f46e5;--brand-violet: #8b5cf6;--brand-cyan: #06b6d4;--brand-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);--brand-glow: rgba(99, 102, 241, .25);--success: #10b981;--success-bg: rgba(16, 185, 129, .12);--success-border: rgba(16, 185, 129, .3);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .3);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--danger-border: rgba(239, 68, 68, .3);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .12);--info-border: rgba(59, 130, 246, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px var(--brand-glow);--sidebar-width: 260px;--navbar-height: 68px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.5;background-image:radial-gradient(circle at 15% 10%,rgba(99,102,241,.08) 0%,transparent 45%),radial-gradient(circle at 85% 90%,rgba(139,92,246,.08) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.04) 0%,transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased}code,pre,.font-mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a99}::-webkit-scrollbar-thumb{background:#64748b66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748bb3}.app-container{display:flex;min-height:100vh;position:relative}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.page-body{padding:2rem 2.5rem;flex:1;max-width:1440px;width:100%;margin:0 auto}.card{background:var(--bg-glass-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.card:hover{border-color:var(--border-medium)}.card-interactive:hover{border-color:var(--border-glow);box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.badge-admin{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f166;color:#a5b4fc}.badge-success{background:var(--success-bg);border-color:var(--success-border);color:#34d399}.badge-warning{background:var(--warning-bg);border-color:var(--warning-border);color:#fbbf24}.badge-danger{background:var(--danger-bg);border-color:var(--danger-border);color:#f87171}.badge-info{background:var(--info-bg);border-color:var(--info-border);color:#60a5fa}.badge-neutral{background:#ffffff0d;border-color:var(--border-subtle);color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.2rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;border-color:var(--border-medium);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--text-secondary)}.btn-danger{background:var(--danger-bg);border-color:var(--danger-border);color:#f87171}.btn-danger:hover:not(:disabled){background:#ef444440;border-color:var(--danger)}.btn-sm{padding:.35rem .75rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-icon{padding:.5rem;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-icon:hover{background:#ffffff12;color:var(--text-primary);border-color:var(--border-subtle)}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between}.form-label span.req{color:var(--danger);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:.7rem 1rem;background:#0f172acc;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.9rem;transition:all .2s ease;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f140;background:#0f172af2}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-helper{font-size:.78rem;color:var(--text-muted)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-glass-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.data-table th{background:#0f172ad9;padding:.9rem 1.2rem;color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.data-table td{padding:1rem 1.2rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background:#ffffff08}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060cbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fadeIn .2s ease-out}.modal-dialog{background:#0f172a;border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.modal-header{padding:1.4rem 1.75rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.modal-body{padding:1.75rem;flex:1}.modal-footer{padding:1.25rem 1.75rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:#0f172a80}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:900;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.drawer-content{background:#0f172a;border-left:1px solid var(--border-medium);width:100%;max-width:680px;height:100vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideInRight .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.pulse-glow{animation:pulseGlow 2.5s infinite ease-in-out}