*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background-color:#0b0f19;color:#f8fafc;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.app{display:flex;height:100vh;flex-direction:row}.app.sidebar-open .sidebar{transform:translate(0)}.app.sidebar-open .sidebar-overlay{display:block}.main-content{flex:1;margin-left:260px;overflow-y:auto;background-color:#0b0f19;padding:32px;position:relative}.mobile-menu-toggle{display:none;background:none;border:none;color:#f8fafc;font-size:28px;cursor:pointer;padding:8px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 1024px){.main-content{padding:24px}}@media (max-width: 768px){.main-content{margin-left:0;padding:16px}.mobile-menu-toggle{display:block}}:focus-visible{outline:2px solid #10B981!important;outline-offset:2px}input[type=range]:focus-visible{outline:none!important;box-shadow:0 0 0 2px #10b981;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.sidebar{width:260px;height:100vh;background-color:#0f1420;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;position:fixed;left:0;top:0;overflow-y:auto;z-index:1000}.sidebar-header{padding:24px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s}.logo:hover{opacity:.8}.logo-icon{font-size:28px;color:#10b981;font-weight:600}.logo h1{color:#f8fafc;font-size:18px;font-weight:700;margin:0;letter-spacing:-.01em}.sidebar-nav{flex:1;padding:24px 12px;overflow-y:auto}.nav-group{margin-bottom:24px}.nav-group-title{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;padding:0}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:10px;transition:all .2s;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:500;margin-bottom:2px}.nav-item:hover{background-color:#ffffff0a;color:#f8fafc}.nav-item.active{background-color:#10b9811a;color:#10b981}.nav-icon{font-size:18px}.nav-label{flex:1;text-align:left}.sidebar-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.06)}.user-profile{display:flex;align-items:center;gap:12px;padding:12px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .2s}.user-profile:hover{background-color:#ffffff0d}.user-profile img{width:38px;height:38px;border-radius:10px}.user-info{flex:1;min-width:0}.user-name{color:#f8fafc;font-size:13px;font-weight:600;margin:0}.user-status{color:#64748b;font-size:12px;margin:0}