:root{color:#172b4d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fa;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}#root{width:100%;min-height:100vh}.app{background:#0b0d10;min-height:100vh;display:flex}.sidebar{box-sizing:border-box;background:#0e1115;border-right:1px solid #252a33;flex-direction:column;width:240px;min-height:100vh;padding:24px 16px;display:flex}.logo{color:#e9edf3;letter-spacing:-.08em;text-align:left;margin:12px;padding:0;font-family:Manrope,Inter,system-ui,sans-serif;font-size:54px;font-weight:800}.navigation{flex-direction:column;gap:4px;margin-top:12px;display:flex}.navigation button,.login-button{color:#929aa7;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:12px;font-family:Manrope,system-ui,sans-serif;font-size:14px;font-weight:600;transition:background .2s,color .2s,transform .15s}.navigation button:hover,.login-button:hover{color:#e9edf3;background:#151920}.navigation button:active,.login-button:active{transform:scale(.97)}.login-button{margin-top:auto}.navigation button{align-items:center;gap:12px;display:flex}.navigation button img{opacity:.7;filter:brightness(0)invert();flex-shrink:0;width:18px;height:18px;transition:opacity .2s}.navigation button:hover img{opacity:1}.main-content{color:#e9edf3;box-sizing:border-box;background:#0b0d10;flex:1;justify-content:flex-start;align-items:flex-start;min-width:0;min-height:100vh;padding:48px;display:flex}.main-content h1{letter-spacing:-.055em;color:#e9edf3;margin:0 0 32px;font-family:Manrope,system-ui,sans-serif;font-size:30px;font-weight:800}.main-content p{color:#929aa7;margin:0 0 16px}.main-content button{color:#fff;cursor:pointer;background:#315a9e;border:none;border-radius:8px;margin-right:8px;padding:10px 18px;font-family:Manrope,system-ui,sans-serif;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.main-content button:hover{background:#3d6db8;transform:translateY(-1px)}.main-content button:active{transform:scale(.97)}.primary-button{width:100%;margin-top:6px}.delete-button{margin-top:20px;background:#b42318!important}.delete-button:hover{background:#d92d20!important}.main-content input{color:#e9edf3;box-sizing:border-box;background:#111419;border:1px solid #252a33;border-radius:8px;outline:none;width:100%;max-width:100%;margin-bottom:14px;padding:11px 13px;font-family:Manrope,system-ui,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s;display:block}.main-content input::placeholder{color:#68717d}.main-content input:focus{border-color:#315a9e;box-shadow:0 0 0 3px #315a9e29}.password-container{width:100%;position:relative}.password-container input{box-sizing:border-box;width:100%;padding-right:45px}.password-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:60px;height:36px;padding:0;font-size:18px;display:flex;position:absolute;top:2px;right:0}.stay-logged-in{color:#929aa7;cursor:pointer;align-items:center;gap:8px;margin:4px 0 12px;font-size:13px;display:flex}.stay-logged-in input{cursor:pointer;width:auto!important;margin:0!important}.auth-container{width:100%;max-width:420px}.auth-container h1{margin-bottom:8px}.auth-subtitle{color:#929aa7!important;margin-bottom:28px!important}.switch-button{width:100%;margin-top:10px;color:#a7d8ff!important;background:0 0!important}.switch-button:hover{background:#111419!important}.message{margin-top:20px!important}.account-container{width:100%;max-width:1200px;margin:0 auto}.account-card{background:#111419;border:1px solid #252a33;border-radius:12px;max-width:500px;padding:28px;box-shadow:0 4px 20px #0000001f}.account-card h2{color:#e9edf3;margin-top:0}.users-list{flex-direction:column;gap:12px;max-width:700px;margin-top:24px;display:flex}.user-card{background:#111419;border:1px solid #252a33;border-radius:12px;padding:18px 20px;transition:border-color .2s,background .2s,transform .2s}.user-card:hover{background:#151920;border-color:#3a414d;transform:translateY(-2px)}.user-card h2{color:#e9edf3;margin:0 0 5px;font-size:18px}.user-card p{color:#929aa7;margin:0}.page-header{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:40px;display:flex}.page-header h1{margin:0}.page-subtitle{color:#929aa7!important;margin:8px 0 0!important}.page-action-button{width:100%!important;margin:0 0 40px!important;display:block!important}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;display:grid}.stat-card{background:#111419;border:1px solid #252a33;border-radius:12px;padding:22px;transition:border-color .2s,background .2s,transform .2s}.stat-card:hover{background:#151920;border-color:#3a414d;transform:translateY(-2px)}.stat-card span{color:#929aa7;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-family:DM Mono,monospace;font-size:10px;display:block}.stat-card strong{letter-spacing:-.04em;color:#e9edf3;font-size:30px;font-weight:800;display:block}.empty-state{text-align:center;background:#111419;border:1px solid #252a33;border-radius:12px;padding:70px 30px}.empty-state h2{color:#e9edf3;letter-spacing:-.04em;margin:0 0 10px;font-size:24px}.empty-state p{color:#929aa7!important;margin:0!important}.task-filters{align-items:center;gap:10px;margin-bottom:40px;display:flex}.filter-button{white-space:nowrap;cursor:pointer;box-sizing:border-box;border-radius:8px;color:#929aa7!important;background:#111419!important;border:1px solid #252a33!important;margin-right:0!important;padding:9px 16px!important}.filter-button:hover{color:#e9edf3!important;background:#151920!important}.filter-button.active{color:#fff!important;background:#315a9e!important;border-color:#315a9e!important}.task-action-button{box-sizing:border-box;flex:1;max-width:none;width:auto!important;margin:0!important;padding:9px 16px!important}.dashboard-account{max-width:400px;padding:18px 20px}.dashboard-account h2{margin:0 0 12px}.dashboard-account p{margin:0 0 8px!important}.dashboard-account .delete-button{margin-top:14px}.page-subtitle::selection{color:#0b0d10;background:#a7d8ff}.stat-card span::selection{color:#0b0d10;background:#a7d8ff}@media (width<=800px){.sidebar{width:210px}.main-content{padding:36px}.stats-grid{grid-template-columns:1fr}}@media (width<=600px){.app{flex-direction:column}.sidebar{border-bottom:1px solid #252a33;border-right:none;width:100%;min-height:auto;padding:14px}.logo{margin:4px 8px 12px;font-size:38px}.navigation{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:0;display:grid}.login-button{margin-top:8px}.main-content{min-height:calc(100vh - 170px);padding:28px 20px}.page-header{margin-bottom:30px}.stats-grid{gap:12px}.task-filters{flex-wrap:wrap}.task-action-button{flex-basis:100%}}