code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 10px #0000001a;color:#374151;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease,transform .3s ease;width:260px;z-index:1000}.sidebar-collapsed{width:80px}.sidebar-mobile{transform:translateX(-100%)}.sidebar-mobile-open{transform:translateX(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-header{border-bottom:1px solid #f3f4f6;padding:24px 20px}.logo-content{align-items:center;display:flex;gap:12px}.logo-icon{height:32px;width:32px}.gauge-icon,.logo-icon{align-items:center;display:flex;justify-content:center}.gauge-icon{background:#f3f4f6;border-radius:50%;height:28px;position:relative;width:28px}.gauge-segment{border-radius:50%;height:8px;position:absolute;width:8px}.gauge-green{background:#10b981;left:10px;top:2px}.gauge-yellow{background:#f59e0b;bottom:2px;left:4px}.gauge-blue{background:#3b82f6;bottom:2px;right:4px}.sidebar-logo h2{color:#1f2937;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0;transition:all .3s ease;white-space:nowrap}.sidebar-collapsed .sidebar-logo h2{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin-bottom:5px}.sidebar-menu-link{align-items:center;border-radius:12px;color:#6b7280;display:flex;margin:0 12px 4px;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.sidebar-collapsed .sidebar-menu-link{justify-content:center;margin:0 8px 4px;padding:12px 10px}.sidebar-menu-link:hover{background:#f3f4f6;color:#374151}.sidebar-menu-link-active{background:#3b82f6;color:#fff}.sidebar-menu-link-active:hover{background:#2563eb;color:#fff}.sidebar-menu-icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:12px;min-width:20px}.sidebar-collapsed .sidebar-menu-icon{margin-right:0}.sidebar-menu-text{font-size:15px;font-weight:500;white-space:nowrap}.sidebar-collapsed .sidebar-menu-text{display:none}.sidebar-footer{border-top:1px solid #f3f4f6;margin-top:auto;padding:20px}.logout-button,.sidebar-logout{align-items:center;display:flex}.logout-button{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;gap:12px;padding:12px;text-decoration:none;transition:all .3s ease;width:100%}.logout-button:hover{background:#f3f4f6;color:#374151}.sidebar-collapsed .logout-button{justify-content:center;padding:12px 8px}.sidebar-collapsed .logout-button span{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.sidebar,.sidebar-collapsed{width:280px}}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;height:60px;justify-content:space-between;left:260px;padding:0 20px;position:fixed;right:0;top:0;transition:left .3s ease;z-index:100}.sidebar-collapsed~.topbar{left:80px}.topbar-left{align-items:center;display:flex;flex:1 1;gap:20px}.topbar-menu-toggle{background:none;border:none;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:8px;transition:background .3s ease}.topbar-menu-toggle:hover{background:#f3f4f6}.hamburger-line{background:#374151;border-radius:2px;height:2px;transition:all .3s ease;width:20px}.topbar-search{flex:1 1;max-width:400px}.topbar-search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:8px 16px;transition:all .3s ease;width:100%}.topbar-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.topbar-right{align-items:center;display:flex;gap:10px}.topbar-icon-btn{background:none;border:none;border-radius:8px;cursor:pointer;font-size:20px;padding:8px;position:relative;transition:background .3s ease}.topbar-icon-btn:hover{background:#f3f4f6}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;min-width:16px;padding:2px 4px;position:absolute;right:4px;text-align:center;top:4px}.topbar-user-menu{position:relative}.topbar-user-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:background .3s ease}.topbar-user-btn:hover{background:#f3f4f6}.topbar-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.topbar-user-name{color:#374151;font-size:14px;font-weight:500}.dropdown-arrow{color:#6b7280;font-size:10px;transition:transform .3s ease}.topbar-user-menu:hover .dropdown-arrow{transform:rotate(180deg)}.topbar-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;margin-top:8px;min-width:200px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.topbar-user-menu:hover .topbar-dropdown{opacity:1;transform:translateY(0);visibility:visible}.topbar-dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 16px;text-align:left;text-decoration:none;transition:background .3s ease;width:100%}.topbar-dropdown-item:first-child{border-radius:8px 8px 0 0}.topbar-dropdown-item:last-child{border-radius:0 0 8px 8px}.topbar-dropdown-item:hover{background:#f9fafb}.topbar-dropdown-divider{background:#e5e7eb;height:1px;margin:4px 0}.topbar-dropdown-logout{color:#ef4444}@media (max-width:768px){.sidebar-collapsed~.topbar,.topbar{left:0}.topbar-search,.topbar-user-name{display:none}}.auth-layout{background:#f9fafb;min-height:100vh}.main-content{margin-left:260px;margin-top:60px;min-height:calc(100vh - 60px);padding:0;transition:margin-left .3s ease}.sidebar-collapsed~.main-content{margin-left:80px}.content-wrapper{animation:fadeIn .3s ease;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.main-content{padding:0}}@media (max-width:768px){.main-content{padding:0}.main-content,.sidebar-collapsed~.main-content{margin-left:0;width:100%}}*{box-sizing:border-box}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}iframe#webpack-dev-server-client-overlay{display:none!important}.page-placeholder{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#6b7280;display:flex;font-size:24px;justify-content:center;min-height:400px;padding:40px;text-align:center}
/*# sourceMappingURL=main.bfb16bea.css.map*/