:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1e293b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh}body{background-color:#f1f5f9;overflow-x:hidden}a{color:inherit;text-decoration:inherit}img,video,canvas{max-width:100%}.sidebar{width:240px;min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b);color:#f1f5f9;display:flex;flex-direction:column;padding:.5rem 0 1rem;transition:width .25s ease;flex-shrink:0;box-shadow:2px 0 16px #0000002e;position:relative}.sidebar.collapsed{width:64px}.sidebar .toggle-btn{background:none;border:none;color:#64748b;font-size:1.1rem;cursor:pointer;padding:.5rem 1rem;text-align:left;transition:color .2s}.sidebar .toggle-btn:hover{color:#f1f5f9}.sidebar ul{list-style:none;padding:0 .5rem;margin:0;flex:1}.sidebar ul li{padding:0;margin-bottom:2px}.sidebar>ul>li>a,.sidebar>ul>li>.logout-btn{display:flex;align-items:center;gap:.7rem;padding:.6rem .85rem;color:#94a3b8;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:10px;transition:background .15s,color .15s;cursor:pointer;width:100%;background:none;border:none;box-sizing:border-box}.sidebar>ul>li>a:hover,.sidebar>ul>li>.logout-btn:hover{background:#94a3b81a;color:#f1f5f9}.sidebar>ul>li.active>a{background:linear-gradient(90deg,#3b82f6,#6366f1);color:#fff;font-weight:700;box-shadow:0 4px 12px #3b82f659}.sidebar>ul>li.active>button{background:#3b82f614;color:#93c5fd;border-left:3px solid #3b82f6;padding-left:calc(.85rem - 3px)}.sidebar-section-label{font-size:.62rem;font-weight:800;color:#334155;text-transform:uppercase;letter-spacing:.08em;padding:.85rem .85rem .3rem;margin-top:.25rem}.sidebar ul li ul{list-style:none;margin:.2rem 0 .25rem;padding:0 0 0 .5rem;border-left:2px solid #1e3a5f}.sidebar ul li ul li{margin-bottom:1px}.sidebar ul li ul li>a{display:flex;align-items:center;gap:.55rem;padding:.48rem .75rem;color:#64748b;text-decoration:none;font-size:.82rem;font-weight:500;border-radius:8px;transition:background .15s,color .15s}.sidebar ul li ul li>a:hover{background:#94a3b814;color:#cbd5e1}.sidebar ul li ul li.active>a{background:#3b82f626;color:#60a5fa;font-weight:700;border-left:2px solid #3b82f6;margin-left:-2px}.sidebar.collapsed>ul{padding:0 .25rem}.sidebar.collapsed>ul>li>a,.sidebar.collapsed>ul>li>.logout-btn{justify-content:center;padding:.65rem}.sidebar.collapsed>ul>li.active>a{background:linear-gradient(135deg,#3b82f6,#6366f1)}.logout-btn{color:#f87171!important}.logout-btn:hover{background:#f871711a!important;color:#fca5a5!important}.mobile-menu-btn,.sidebar-overlay{display:none}@media screen and (max-width: 768px){.mobile-menu-btn{display:flex;position:fixed;top:8px;left:8px;z-index:300;width:42px;height:42px;border:none;border-radius:10px;background:#0f172a;color:#fff;font-size:1.3rem;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #00000059}.sidebar,.sidebar.collapsed,.sidebar.expanded{position:fixed;top:0;left:0;height:100vh;width:250px!important;z-index:250;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto}.sidebar.mobile-open{transform:translate(0)}.sidebar .toggle-btn{display:none}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:240}.sidebar~main{padding-top:3.5rem!important}}