@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--primary:#45b3e0;--primary-hover:#34a2cf;--primary-light:#45b3e014;--secondary:#6c757d;--secondary-light:#6c757d14;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--bg-body:#f8f9fa;--bg-card:#fff;--bg-sidebar:#fff;--bg-header:#ffffffe6;--text-main:#2d3748;--text-muted:#718096;--text-sidebar:#4a5568;--border-color:#edf2f7;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width:260px;--header-height:70px}[data-theme=dark]{--bg-body:#1a202c;--bg-card:#2d3748;--bg-sidebar:#2d3748;--bg-header:#1a202ce6;--text-main:#f7fafc;--text-muted:#a0aec0;--text-sidebar:#cbd5e0;--border-color:#4a5568;--primary-light:#45b3e026}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-body);color:var(--text-main);transition:all .4s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);border-radius:20px;padding:24px;transition:transform .3s,box-shadow .3s}.card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 25px 50px -12px #0000001a}.btn{cursor:pointer;border:1px solid var(--border-color);background-color:var(--bg-body);color:var(--text-main);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{background-color:var(--border-color);transform:translateY(-1px)}.btn-primary{background-color:var(--primary);color:#fff;border:1px solid #0000}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #45b3e066}.form-input{border:1px solid var(--border-color);background-color:var(--bg-body);width:100%;color:var(--text-main);border-radius:14px;padding:14px 18px;transition:all .3s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);background-color:var(--bg-card);outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.table th{background-color:var(--bg-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:16px 20px;font-size:.75rem;font-weight:800}.table td{border-bottom:1px solid var(--border-color);padding:18px 20px}.table tr:hover td{background-color:var(--primary-light)}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:1020;flex-direction:column;height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:80px}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-color);align-items:center;padding:0 24px;transition:padding .4s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-nav{flex:1;padding:24px 16px;overflow-y:auto}.nav-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin:24px 0 12px 12px;font-size:.7rem;font-weight:800}.nav-item{color:var(--text-sidebar);border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{background-color:var(--primary-light);color:var(--primary);transform:translate(6px)}.nav-item.active{background-color:var(--primary);color:#fff;transform:translate(6px);box-shadow:0 8px 24px #4834d440}.nav-item.active-parent{background-color:var(--primary-light);color:var(--primary);border-left:4px solid var(--primary);border-radius:0 12px 12px 0}.nav-item.sub-item{color:var(--text-muted);padding:10px 16px;font-size:.85rem}.nav-item.sub-item:hover{color:var(--primary)}.nav-item.sub-item.active{color:var(--primary);box-shadow:none;background-color:#0000;font-weight:800}.topbar{height:var(--header-height);background-color:var(--bg-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);top:0;right:0;left:var(--sidebar-width);z-index:1010;justify-content:space-between;align-items:center;padding:0 32px;transition:left .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed}.topbar-left,.topbar-right{align-items:center;gap:16px;display:flex}.search-bar{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:10px;width:300px;padding:8px 16px;transition:all .3s;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);background-color:var(--bg-card)}.search-input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.icon-btn{cursor:pointer;border:1px solid var(--border-color);background-color:var(--bg-card);width:40px;height:40px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.icon-btn:hover{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary)}.icon-btn .badge{background-color:var(--danger);color:#fff;border:2px solid var(--bg-card);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-5px;right:-5px}.menu-toggle{cursor:pointer;color:var(--text-main);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;margin-right:16px;padding:8px;transition:all .2s;display:flex}.menu-toggle:hover{background-color:var(--primary-light);color:var(--primary)}.main-content{margin-left:var(--sidebar-width);padding:calc(var(--header-height) + 32px) 32px 32px;min-height:100vh;transition:margin-left .4s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed~.topbar{left:80px}.sidebar.collapsed~.main-content{margin-left:80px}.btn-icon{border:1px solid var(--border-color);background-color:var(--bg-card);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary)}.btn-icon-danger:hover{color:var(--danger);border-color:var(--danger);background-color:#ef44441a}.dropdown-item:hover{transform:translate(4px);background-color:var(--primary-light)!important}.hover-scale{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.02)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}