body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--sidebar-width:260px;--bg-dark:#0f172a;--bg-hover:#1e293b;--primary:#3b82f6}.sidebar{background:#0f172a;background:var(--bg-dark);border-right:1px solid #334155;bottom:0;color:#fff;height:100vh;left:0;padding:0;position:fixed;top:0;transition:.3s ease-in-out;width:260px;width:var(--sidebar-width);z-index:100}.sidebar-header{border-bottom:1px solid #1e293b;margin-bottom:20px;padding:25px 20px}.sidebar .logo{color:#3b82f6;color:var(--primary);font-size:22px;font-weight:800;letter-spacing:1px;margin:0}.menu-list{list-style:none;padding:0 15px}.menu-list li{align-items:center;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-weight:500;margin-bottom:5px;padding:14px 18px;transition:.2s}.menu-list li .icon{font-size:18px;margin-right:15px}.menu-list li:hover{background:#1e293b;background:var(--bg-hover);color:#fff}.menu-list li.active-item{background:#3b82f6;background:var(--primary);color:#fff}.mobile-header{align-items:center;background:#111827;color:#fff;display:none;padding:10px 15px;position:-webkit-sticky;position:sticky;top:0;z-index:90}.hamburger{cursor:pointer;font-size:28px;margin-right:20px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;height:100%;left:0;position:fixed;top:0;width:100%;z-index:95}.main-content{background:#f5f7fb;flex:1 1;min-height:100vh;padding:20px;transition:.3s ease-in-out}.logout-btn{align-items:center;border-top:1px solid #e5e7eb;color:#ef4444;cursor:pointer;display:flex;font-weight:600;gap:12px;margin-top:auto;padding:14px 20px}.logout-btn:hover{background:#fef2f2}@media (min-width:1025px){.main-content{margin-left:260px;margin-left:var(--sidebar-width)}body{padding-left:0}}@media (max-width:1024px){.sidebar{left:-260px;left:calc(var(--sidebar-width)*-1)}.sidebar.active{left:0}.mobile-header{box-sizing:border-box;display:flex;margin:0;width:100%}.main-content{margin-left:0;width:100%}}
/*# sourceMappingURL=main.cd07ba61.css.map*/