@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#6366f11a;--secondary:#10b981;--secondary-light:#10b9811a;--warning:#f59e0b;--warning-light:#f59e0b1a;--danger:#ef4444;--danger-light:#ef44441a;--bg-main:#f1f5f9;--bg-card:#fff;--bg-card-rgb:255, 255, 255;--bg-sidebar:#1e293b;--bg-sidebar-hover:#ffffff0f;--bg-sidebar-active:#6366f1d9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#f8fafc;--border:#cbd5e1;--border-focus:#6366f1;--header-bg:#ffffffd9;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000a;--shadow-sm:0 1px 3px 0 #00000012, 0 1px 2px -1px #00000012;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #00000012;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000014;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #00000014;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--ease-accelerate:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-normal:.25s;--dur-slow:.4s;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sidebar-w:240px}[data-theme=dark]{--bg-main:#0f172a;--bg-card:#1e293b;--bg-card-rgb:30, 41, 59;--bg-sidebar:#020617;--bg-sidebar-hover:#ffffff0d;--bg-sidebar-active:#6366f1b3;--text-primary:#fff!important;--text-secondary:#e2e8f0!important;--text-muted:#cbd5e1!important;--border:#334155!important;--header-bg:#0f172ad9!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--dur-normal) var(--ease-standard), color var(--dur-normal) var(--ease-standard);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%;display:block}.container{max-width:1280px;padding:0 var(--sp-6);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.w-full{width:100%}.text-center{text-align:center}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);transition:background var(--dur-normal) var(--ease-standard), border-color var(--dur-normal) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}.card:hover{box-shadow:var(--shadow-md)}.title{color:var(--text-primary);letter-spacing:-.4px;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-secondary);font-size:.9rem}.badge{align-items:center;gap:var(--sp-1);border-radius:var(--radius-full);letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-primary{background:var(--primary-light);color:var(--primary-dark)}.badge-success{background:var(--secondary-light);color:#065f46}.badge-warning{background:var(--warning-light);color:#92400e}.badge-danger{background:var(--danger-light);color:#991b1b}[data-theme=dark] .badge-success{color:#6ee7b7}[data-theme=dark] .badge-warning{color:#fcd34d}[data-theme=dark] .badge-danger{color:#fca5a5}[data-theme=dark] .badge-primary{color:#a5b4fc}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-standard);white-space:nowrap;border:none;padding:.5rem 1.125rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 10px #6366f140}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 14px #6366f14d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-main);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger-light);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{padding:.25rem .75rem;font-size:.8rem}.btn-icon{border-radius:var(--radius-md);padding:.5rem}.form-group{margin-bottom:var(--sp-5)}.label{color:var(--text-secondary);margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.4px;font-size:.8rem;font-weight:600;display:block}.input,.textarea,.select{width:100%;padding:.625rem var(--sp-3);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);font-size:.9rem}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.input::placeholder{color:var(--text-muted)}.table-container{border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{padding:.7rem var(--sp-4);background:var(--bg-main);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;font-size:.7rem;font-weight:700}.table td{padding:.875rem var(--sp-4);border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--dur-fast) var(--ease-standard)}.table tbody tr:hover{background:var(--bg-main)}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);color:var(--text-inverse);z-index:50;height:100vh;transition:transform var(--dur-normal) var(--ease-standard), width var(--dur-normal) var(--ease-standard);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.closed{width:0;overflow:hidden}.sidebar-header{padding:var(--sp-5) var(--sp-4);border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.3px;color:#fff;white-space:nowrap;align-items:center;gap:.625rem;font-size:1.05rem;font-weight:800;display:flex}.logo-square{background:var(--primary);border-radius:var(--radius-sm);flex-shrink:0;width:28px;height:28px}.nav-logo-img{object-fit:contain;width:auto;max-height:32px;transition:filter var(--dur-normal)}[data-theme=dark] .nav-logo-img{filter:brightness(1.1)contrast(1.05)}.nav-menu{padding:var(--sp-3) var(--sp-3);scrollbar-width:none;flex:1;overflow-y:auto}.nav-menu::-webkit-scrollbar{display:none}.nav-section-label{text-transform:uppercase;letter-spacing:.8px;color:#94a3b899;padding:var(--sp-4) var(--sp-3) var(--sp-2);font-size:.65rem;font-weight:700}.nav-link{padding:.625rem var(--sp-3);border-radius:var(--radius-md);color:#94a3b8;transition:all var(--dur-fast) var(--ease-standard);white-space:nowrap;align-items:center;gap:.625rem;margin-bottom:2px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:#e2e8f0;background:var(--bg-sidebar-hover);transform:translate(2px)}.nav-link.active{color:#fff;background:var(--bg-sidebar-active);box-shadow:0 2px 10px #6366f159}.nav-link .nav-icon{opacity:.8;flex-shrink:0}.nav-link.active .nav-icon{opacity:1}.sidebar-footer{padding:var(--sp-4);border-top:1px solid #ffffff0f;flex-shrink:0}.user-profile{margin-bottom:var(--sp-3);align-items:center;gap:.625rem;display:flex}.user-avatar{border-radius:var(--radius-full);color:#94a3b8;background:#ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%}.user-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.user-role{color:#64748b;white-space:nowrap;font-size:.7rem}.logout-btn{align-items:center;gap:var(--sp-2);width:100%;padding:.5rem var(--sp-3);border-radius:var(--radius-md);color:#94a3b8;transition:all var(--dur-fast) var(--ease-standard);background:0 0;border:1px solid #ffffff14;font-size:.85rem;font-weight:500;display:flex}.logout-btn:hover{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.top-header{background:var(--header-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);height:60px;padding:0 var(--sp-5);z-index:40;transition:background var(--dur-normal) var(--ease-standard);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-actions{align-items:center;gap:var(--sp-2);display:flex}.sidebar-toggle,.mobile-toggle{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:all var(--dur-fast) var(--ease-standard);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover,.mobile-toggle:hover{background:var(--primary-light);color:var(--primary)}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:all var(--dur-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.select-mini{padding:.375rem var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);font-size:.8rem;font-weight:600}.select-mini:hover{border-color:var(--primary)}.select-mini:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.content-inner{padding:var(--sp-6);flex:1;overflow-y:auto}.loading-screen{justify-content:center;align-items:center;gap:var(--sp-4);height:100vh;color:var(--primary);flex-direction:column;display:flex}.loading-spinner{border:3px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.stat-grid{gap:var(--sp-4);margin-top:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-xs);transition:box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard), background var(--dur-normal) var(--ease-standard)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon-wrap{border-radius:var(--radius-md);width:42px;height:42px;margin-bottom:var(--sp-4);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-value{letter-spacing:-.5px;color:var(--text-primary);margin-bottom:var(--sp-1);font-size:1.75rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);font-size:.825rem;font-weight:500}.animate-fade-in{animation:fadeIn var(--dur-normal) var(--ease-decelerate) both}.animate-slide-up{animation:slideUp var(--dur-normal) var(--ease-decelerate) both}.animate-slide-in{animation:slideIn var(--dur-normal) var(--ease-decelerate) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-overlay{z-index:49;animation:fadeIn var(--dur-fast) var(--ease-standard);background:#00000080;display:none;position:fixed;inset:0}@media (max-width:1024px){:root{--sidebar-w:220px}.content-inner{padding:var(--sp-5)}}@media (max-width:768px){:root{--sidebar-w:240px}.sidebar{height:100vh;transition:transform var(--dur-normal) var(--ease-standard);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.closed{width:var(--sidebar-w);transform:translate(-100%)}.sidebar-overlay{display:block}.main-content{margin-left:0!important}.content-inner{padding:var(--sp-4)}.stat-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr}.content-inner{padding:var(--sp-3)}.top-header{padding:0 var(--sp-4)}}