:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){button{background-color:#f9f9f9}}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{flex-direction:column;flex-shrink:0;width:250px;height:100vh;padding:20px;display:flex}.sidebar h2{margin-bottom:2rem;font-size:1.2rem}.nav-links{flex-direction:column;flex-grow:1;gap:.75rem;padding-right:4px;display:flex;overflow-y:auto}.nav-links::-webkit-scrollbar{width:6px}.nav-links::-webkit-scrollbar-track{background:0 0}.nav-links::-webkit-scrollbar-thumb{background:#80808033;border-radius:3px}.nav-links::-webkit-scrollbar-thumb:hover{background:#80808066}.nav-section-header{text-transform:uppercase;letter-spacing:.08em;color:#718096;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem .25rem;font-size:.75rem;font-weight:600;transition:color .2s;display:flex}.nav-section-header:hover{color:#a0aec0}.nav-section-content{flex-direction:column;gap:.25rem;padding-left:.25rem;display:flex}.nav-links a{color:#a0a0a0;border-radius:4px;align-items:center;gap:.75rem;padding:.5rem;transition:background-color .2s,color .2s;display:flex}.nav-links a:hover{color:#e2e8f0;background-color:#ffffff0d}.nav-links a.active{color:#fff;background-color:#2a2a2a}@media (prefers-color-scheme:light){.nav-links a{color:#4a5568}.nav-links a:hover{color:#1a202c;background-color:#0000000a}.nav-links a.active{color:#1a202c;background-color:#e2e8f0}.nav-section-header{color:#718096;border-bottom:1px solid #00000014}.nav-section-header:hover{color:#2d3748}}.main-content{box-sizing:border-box;flex-direction:column;flex-grow:1;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-container{justify-content:center;align-items:center;height:100vh;display:flex}.auth-card{background-color:#1a1a1a;border-radius:12px;width:100%;max-width:400px;padding:2rem;box-shadow:0 4px 6px #0000001a}.auth-card h1{margin-bottom:1.5rem;font-size:1.5rem}.input-group{margin-bottom:1rem}.input-group label{margin-bottom:.5rem;display:block}.input-group input{color:#fff;box-sizing:border-box;background:#2a2a2a;border:1px solid #333;border-radius:4px;width:100%;padding:.5rem}.btn-primary{color:#fff;background-color:#646cff;border:none;width:100%}.btn-primary:hover{background-color:#535bf2}.logout-btn{color:#f44;margin-top:auto}body.tab-hidden *,body.tab-hidden :before,body.tab-hidden :after{transition:none!important;animation-play-state:paused!important}