@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--accent: #e85d26;--accent-dark: #cc4a1a;--accent-light: #f47b45;--accent-dim: rgba(232,93,38,.1);--accent-glow: rgba(232,93,38,.18);--accent-tint: #FCEEE7;--primary: #e85d26;--primary-dark: #cc4a1a;--primary-light: #FCEEE7;--bg-base: #F0F3F9;--bg-surface: #FFFFFF;--bg-raised: #F7F9FC;--bg-hover: #E9EEF6;--border: #E4EAF2;--border-bright: #D3DBE8;--border-subtle: #EEF2F7;--text-primary: #111827;--text-secondary:#4B5563;--text-muted: #9CA3AF;--sidebar-bg: #0F1B2D;--sidebar-hover: #1A2A40;--sidebar-active:#1E3552;--sidebar-border:#1F3149;--sidebar-text: #8FACC8;--sidebar-muted: #6B8BB5;--success: #10B981;--error: #EF4444;--danger: #EF4444;--warning: #F59E0B;--info: #3B82F6;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-md: 0 1px 3px rgba(16,24,40,.06), 0 4px 16px rgba(16,24,40,.05);--shadow-lg: 0 8px 32px rgba(16,24,40,.12);--sidebar-w: 260px;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}html,body{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cdd6e4;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#b7c2d6}a{color:inherit;text-decoration:none}.app-shell{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-base)}.main-content>*{display:flex;flex-direction:column;flex:1;min-height:0}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);overflow:hidden}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:20px 20px 18px;border-bottom:1px solid var(--sidebar-border)}.sidebar-logo-text h1{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.3px;line-height:1.1}.sidebar-logo-text p{font-size:11px;color:var(--sidebar-muted);margin-top:2px;font-weight:500}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--radius-md);color:var(--sidebar-text);font-size:13.5px;font-weight:500;cursor:pointer;transition:all var(--transition);border:none;background:transparent;width:100%;text-align:left}.nav-item svg{flex-shrink:0;opacity:.85}.nav-item:hover{background:var(--sidebar-hover);color:#c8dcf0}.nav-item.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.nav-item.active svg{opacity:1;color:var(--accent-light)}.sidebar-footer{padding:14px 10px;border-top:1px solid var(--sidebar-border)}.sidebar-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent-light),var(--accent));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-name{font-size:12.5px;font-weight:600;color:#e4edf7}.sidebar-user-role{font-size:10.5px;color:var(--sidebar-muted);font-weight:600;text-transform:capitalize}.page-header{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:64px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;gap:16px}.page-title{font-size:19px;font-weight:700;letter-spacing:-.3px}.page-body{flex:1;overflow-y:auto;padding:24px 28px 40px;display:flex;flex-direction:column;gap:20px}.page-body>*{flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow-md);transition:transform var(--transition),box-shadow var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-label{font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.stat-sub{font-size:11px;color:var(--text-muted);margin-top:4px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-md)}.card-title{font-size:15px;font-weight:700;margin-bottom:14px}.table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{background:var(--bg-raised);padding:11px 16px;text-align:left;font-size:11.5px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover td{background:var(--bg-raised)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 20px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-secondary{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-bright)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--success);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-raised);color:var(--text-primary)}.btn-sm{padding:8px 14px;font-size:13px}.btn-icon{padding:9px;border-radius:4px}.btn-icon.btn-danger{background:#feecec;color:#dc2626}.btn-icon.btn-danger:hover:not(:disabled){background:#fbd5d5}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge-success{background:#ecfdf5;color:#059669}.badge-error,.badge-danger{background:#fef2f2;color:#dc2626}.badge-warning{background:#fffbeb;color:#d97706}.badge-info{background:#eff6ff;color:#2563eb}.badge-muted{background:#f3f4f6;color:#6b7280}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-label{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13.5px;font-family:inherit;line-height:1.5;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;cursor:pointer}.search-bar{display:flex;align-items:center;gap:8px;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:0 12px;transition:border-color var(--transition),box-shadow var(--transition)}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.search-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:13.5px;padding:9px 0;font-family:inherit}.search-bar input::placeholder{color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b2d8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease}.modal{background:var(--bg-surface);border-radius:var(--radius-xl);padding:26px 28px;width:100%;max-width:520px;box-shadow:0 24px 80px #0f1b2d59;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}.modal-title{font-size:17px;font-weight:700;margin-bottom:20px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f1b2d,#1a2a40,#0f1b2d);padding:24px}.auth-card{width:100%;max-width:420px;background:var(--bg-surface);border-radius:20px;padding:44px 40px;box-shadow:0 24px 64px #00000059}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:30px;justify-content:center}.login-logo-text h1{font-size:20px;font-weight:800;letter-spacing:-.3px}.login-logo-text p{font-size:12px;color:var(--text-muted)}.login-title{font-size:22px;font-weight:700;margin-bottom:6px;text-align:center}.login-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:26px;text-align:center}.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;padding:60px}.ss-wrap{position:relative}.ss-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px 9px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-surface);font-size:13.5px;min-height:42px;transition:border-color var(--transition),box-shadow var(--transition)}.ss-trigger:hover{border-color:var(--accent)}.ss-trigger.ss-disabled{opacity:.55;cursor:not-allowed}.ss-placeholder{color:var(--text-muted)}.ss-val{flex:1;min-width:0}.ss-val-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-val-sub{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.ss-trigger-right{display:flex;align-items:center;gap:2px;flex-shrink:0}.ss-arrow{color:var(--text-muted);flex-shrink:0}.ss-clear{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;padding:2px;border-radius:4px}.ss-clear:hover{color:var(--error);background:var(--bg-raised)}.ss-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;max-height:260px;overflow-y:auto;animation:fadeIn .12s ease}.ss-search-wrap{display:flex;align-items:center;gap:6px;margin:8px 10px 4px;padding:6px 10px;border:1.5px solid var(--border);border-radius:6px;color:var(--text-muted);position:sticky;top:8px;background:var(--bg-surface)}.ss-search{flex:1;border:none;outline:none;background:transparent;font-size:13px;font-family:inherit;color:var(--text-primary)}.ss-option{padding:9px 14px;cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background var(--transition)}.ss-option:last-child{border-bottom:none}.ss-option:hover,.ss-option-active{background:var(--accent-tint)}.ss-option-label{font-weight:500;font-size:13px}.ss-option-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.ss-empty{text-align:center;padding:16px;color:var(--text-muted);font-size:12.5px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 2px 2px;font-size:13px;color:var(--text-muted)}.pagination-info{font-size:12.5px}.pagination-btns{display:flex;align-items:center;gap:8px}.pagination-page{font-size:12.5px;color:var(--text-secondary);min-width:92px;text-align:center}.theme-toggle{display:flex;gap:2px;background:#ffffff0f;border:1px solid var(--sidebar-border);border-radius:6px;padding:3px;margin-bottom:10px}.theme-toggle button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 4px;border:none;background:transparent;color:var(--sidebar-text);cursor:pointer;border-radius:4px;font-size:11px;font-weight:600;transition:all var(--transition)}.theme-toggle button:hover{color:#fff}.theme-toggle button.active{background:var(--accent);color:#fff}:root[data-theme=dark]{--bg-base: #0e131b;--bg-surface: #161c26;--bg-raised: #1c2430;--bg-hover: #232c3a;--border: #2a3444;--border-bright: #3a4658;--border-subtle: #212b39;--text-primary: #e7ebf3;--text-secondary:#aab4c5;--text-muted: #71809a;--accent-tint: rgba(232,93,38,.16);--shadow-md: 0 1px 3px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 8px 32px rgba(0,0,0,.5)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#38445a}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#465369}:root[data-theme=dark] .badge-success{background:#10b98129;color:#34d399}:root[data-theme=dark] .badge-error,:root[data-theme=dark] .badge-danger{background:#ef444429;color:#f87171}:root[data-theme=dark] .badge-warning{background:#f59e0b29;color:#fbbf24}:root[data-theme=dark] .badge-info{background:#3b82f629;color:#60a5fa}:root[data-theme=dark] .badge-muted{background:#94a3b829;color:#94a3b8}:root[data-theme=dark] .btn-icon.btn-danger{background:#ef444429;color:#f87171}:root[data-theme=dark] .btn-icon.btn-danger:hover:not(:disabled){background:#ef444447}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}