:root{--bg: #f8fafc;--card: #ffffff;--fg: #0f172a;--muted: #64748b;--accent: #6366f1;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--blue: #3b82f6;--pink: #ec4899;--emerald: #10b981;--rose: #f43f5e;--amber: #f59e0b;--border: #e2e8f0;--card-glass: rgba(255, 255, 255, .75);--border-glass: rgba(255, 255, 255, .4);--shadow-strong: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .01);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .03), 0 2px 4px rgba(0, 0, 0, .02);--shadow-glow: 0 0 15px rgba(99, 102, 241, .15);--secondary: #8b5cf6;--radius: 16px;--bg-home: #f1f5f9;--fg-home: #0f172a;--card-home-glass: rgba(255, 255, 255, .85);--border-home: rgba(255, 255, 255, .8)}body.dark-mode{--bg: #0b1120;--card: #162032;--fg: #f8fafc;--muted: #94a3b8;--accent-gradient: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);--border: #1e293b;--card-glass: rgba(22, 32, 50, .7);--border-glass: rgba(255, 255, 255, .08);--shadow-strong: 0 25px 30px -5px rgba(0, 0, 0, .6);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(129, 140, 248, .2);--secondary: #a78bfa;--bg-home: #020617;--fg-home: #f8fafc;--card-home-glass: rgba(15, 23, 42, .75);--border-home: rgba(30, 41, 59, .8)}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--muted);color:var(--bg);font-size:10px;margin-left:6px;cursor:help;position:relative;vertical-align:middle}.tooltip-icon:after{content:attr(data-tooltip);position:absolute;bottom:150%;left:50%;transform:translate(-50%);background:#0f172af2;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:pre-wrap;width:220px;text-align:center;line-height:1.4;opacity:0;visibility:hidden;transition:opacity .2s,bottom .2s;pointer-events:none;z-index:1000;font-family:Inter,sans-serif;font-weight:500;box-shadow:0 4px 15px #0003}.tooltip-icon:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(15,23,42,.95) transparent transparent transparent;opacity:0;visibility:hidden;transition:opacity .2s,bottom .2s;z-index:1000}.tooltip-icon:hover:after,.tooltip-icon:hover:before{opacity:1;visibility:visible}.tooltip-icon:hover:after{bottom:calc(100% + 10px)}.tooltip-icon:hover:before{bottom:calc(100% + 4px)}body.dark-mode .tooltip-icon:after{background:#fffffff2;color:#0f172a}body.dark-mode .tooltip-icon:before{border-color:rgba(255,255,255,.95) transparent transparent transparent}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}.hidden{display:none!important}#globalLoader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg);z-index:99999;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.loader-icon.pulse{width:60px;height:60px;animation:loader-pulse 1.5s infinite ease-in-out}@keyframes loader-pulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.7}}.main-wrapper{display:flex;height:100vh;overflow:hidden;width:100%}.sidebar{flex:0 0 260px;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;transition:width .3s ease;z-index:1000}.sidebar-header{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;min-height:80px;position:relative}.header-title{display:flex;align-items:center;justify-content:center}.logo-full{height:32px;display:block}.logo-icon{display:none;height:32px}.mobile-close-btn{display:none;background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:8px;transition:color .2s}.mobile-close-btn:hover{color:var(--accent)}.sidebar.collapsed{flex:0 0 80px}.sidebar.collapsed .logo-full{display:none}.sidebar.collapsed .logo-icon{display:block}.sidebar.collapsed .nav-btn span,.sidebar.collapsed .category-name{display:none}.sidebar.collapsed .sidebar-category-header:after{content:"-";display:block;text-align:center;color:#94a3b8;font-size:14px;font-weight:700}.sidebar.collapsed .nav-btn{justify-content:center;padding:12px}.sidebar .controls{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:4px}.nav-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:var(--muted);border-radius:10px;font-size:14px;font-weight:500;transition:all .2s}.nav-btn i{width:20px;text-align:center;font-size:18px}.nav-btn:hover{background:#6366f10d;color:var(--accent)}.nav-btn.active{background:#6366f11a;color:var(--accent);font-weight:600}.sidebar-toggle-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:var(--shadow-soft)}.sidebar-toggle-btn:hover{background-color:var(--bg);color:var(--fg);border-color:var(--accent)}.collapse-btn{margin:15px auto;flex-shrink:0;z-index:101}.sidebar-divider{height:1px;background:var(--border);margin:15px 10px}.container{flex:1;overflow-y:auto;padding:24px;background:var(--bg)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:15px}.mobile-menu-btn{display:none;background:none;border:none;font-size:20px;color:var(--fg);cursor:pointer}@media (max-width: 1024px){.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px;z-index:2000;box-shadow:10px 0 30px #0000001a}.sidebar.active,.sidebar.open{left:0}.mobile-menu-btn,.mobile-close-btn{display:block}.sidebar-toggle-btn{display:none!important}}#toast-container{position:fixed;top:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{pointer-events:auto;min-width:320px;max-width:450px;background:var(--card-home-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-home);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translate(120%);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden}.toast.show{transform:translate(0)}.toast.hiding{transform:translate(120%);opacity:0}.toast-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.toast-content{flex:1}.toast-title{font-weight:700;font-size:14px;margin-bottom:2px}.toast-message{font-size:13px;color:var(--muted);line-height:1.4}.toast-close{cursor:pointer;color:var(--muted);opacity:.5;transition:opacity .2s;font-size:14px;padding:4px}.toast-close:hover{opacity:1}.toast-success .toast-icon{background:#10b98126;color:#10b981}.toast-success{border-left:4px solid #10b981}.toast-error .toast-icon{background:#ef444426;color:#ef4444}.toast-error{border-left:4px solid #ef4444}.toast-info .toast-icon{background:#3b82f626;color:#3b82f6}.toast-info{border-left:4px solid #3b82f6}.toast-warning .toast-icon{background:#f59e0b26;color:#f59e0b}.toast-warning{border-left:4px solid #f59e0b}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#0000000d;width:100%}.toast-progress-inner{height:100%;width:0%;transition:width linear}.toast-success .toast-progress-inner{background:#10b981}.toast-error .toast-progress-inner{background:#ef4444}.toast-info .toast-progress-inner{background:#3b82f6}.toast-warning .toast-progress-inner{background:#f59e0b}@media (max-width: 480px){#toast-container{top:16px;right:16px;left:16px}.toast{min-width:unset;width:100%}}