:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#19314a;background:#f4f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #79aee1;outline-offset:2px}[hidden]{display:none!important}.app{min-height:100vh;display:flex}aside{width:245px;position:fixed;inset:0 auto 0 0;background:#142b42;color:#e8f1f8;padding:31px 21px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;margin:0 0 56px}.brand strong{display:block;font-size:17px;letter-spacing:-.5px}.brand small{display:block;color:#91a7b8;font-size:11px;margin-top:4px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:#71d5b8;color:#12394a;border-radius:12px;font-weight:800;font-size:23px}.nav-label,.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#7992a7}.nav-label{margin:0 10px 14px}.nav{border:0;background:transparent;color:#a7b8c8;border-radius:10px;width:100%;text-align:left;padding:14px 12px;display:flex;gap:12px;align-items:center;font-weight:650}.nav span{flex:1}.nav b{font-size:11px;color:#bcd0dd}.nav.active{background:#28465c;color:white}.aside-bottom{margin-top:auto;display:grid;gap:7px}.plain{border:0;text-align:left;padding:10px 12px;background:transparent;color:#bdced9;font-size:13px}.plain:hover{color:#fff}main{margin-left:245px;padding:49px clamp(24px,5vw,76px) 30px;max-width:1650px;flex:1}header{display:flex;align-items:center;justify-content:space-between;gap:20px}h1,h2,p{margin:0}h1{font-size:clamp(30px,3vw,43px);letter-spacing:-1.8px;margin-top:7px}.dot{color:#4ab99c}header p{color:#8395a4;font-size:14px;margin-top:9px}.primary{background:#173c52;color:white;border:0;border-radius:10px;padding:13px 19px;font-weight:700;box-shadow:0 5px 15px #163c5120}.primary:hover{background:#24556a}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:36px 0 25px}.stats>div{background:white;border:1px solid #e6edf0;border-radius:15px;padding:19px 22px;display:grid;gap:5px;box-shadow:0 7px 24px #152d4210}.stats span{color:#8a9aa7;font-weight:800;font-size:10px;letter-spacing:1.2px}.stats strong{font-size:28px;letter-spacing:-1px}.stats small{color:#8b9ba8}.panel{background:white;border:1px solid #e5ecef;border-radius:18px;padding:25px;box-shadow:0 9px 34px #182c3e0b}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title h2{font-size:20px;letter-spacing:-.4px;margin-top:5px}.count{color:#748c9d;background:#f1f5f6;padding:7px 10px;border-radius:20px;font-size:12px}.filters{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(120px,1fr));gap:9px;margin:22px 0}.filters input,.filters select,label input,label textarea,label select{background:#f8fafb;border:1px solid #e3eaee;color:#253c50;border-radius:9px;padding:12px;width:100%;min-width:0}.filters input::placeholder,textarea::placeholder{color:#a1b0ba}.task{border-top:1px solid #edf1f3;display:grid;grid-template-columns:1fr auto;gap:15px;padding:18px 3px;align-items:center}.task-title{font-size:15px;font-weight:700;line-height:1.4;color:#20384c}.task-note{font-size:13px;color:#8093a0;white-space:pre-wrap;margin-top:6px;overflow-wrap:anywhere}.task-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.tag{font-size:11px;color:#567083;background:#eff4f6;border-radius:20px;padding:5px 9px}.tag.high{background:#fff0e9;color:#bb6648}.task-actions{display:flex;gap:6px;align-items:center}.secondary,.action{border:1px solid #dfe8ec;background:white;border-radius:9px;padding:9px 12px;color:#39566b;font-weight:650;font-size:12px}.action:hover,.secondary:hover{background:#f2f8f7}.action.done{color:#19775f;background:#e9f8f1;border-color:#d4eee3}.message{color:#718797;font-size:14px}.empty{padding:45px 10px;text-align:center;color:#899eaa}.error{color:#b44343;font-size:13px;margin-top:10px}footer{font-size:12px;color:#9aaab3;padding:25px 3px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e9f4f1,#edf3f9);padding:20px}.login-card{background:white;max-width:440px;width:100%;padding:38px;border-radius:22px;box-shadow:0 25px 70px #14354a19}.login-card .brand-mark{margin-bottom:32px}.login-card h1{font-size:34px}.login-card>p{color:#8395a4;margin:12px 0 26px;line-height:1.5}.login-card .primary{width:100%;display:flex;justify-content:space-between;margin-top:20px}label{display:grid;gap:7px;color:#415c6d;font-size:12px;font-weight:700;margin:16px 0}label span{color:#db776c}textarea{resize:vertical;line-height:1.45}dialog{width:min(560px,calc(100% - 28px));border:0;border-radius:20px;padding:27px;box-shadow:0 25px 80px #132b4240;color:#19314a}dialog::backdrop{background:#142b4290}.modal-top{display:flex;align-items:center;justify-content:space-between}.modal-top h2{font-size:24px;margin-top:4px}.icon{border:0;background:#f2f5f6;border-radius:50%;width:36px;height:36px;font-size:24px;color:#6a7e8c}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.metadata{color:#8799a5;font-size:11px;line-height:1.8;overflow-wrap:anywhere}@media(max-width:800px){.app{display:block}aside{position:static;width:auto;padding:14px 18px;display:flex;flex-direction:row;align-items:center;gap:15px;flex-wrap:wrap}.brand{margin:0;flex:1}.brand small,.nav-label{display:none}nav{display:flex;gap:4px}.nav{width:auto;padding:10px}.nav b{display:none}.aside-bottom{margin:0;display:flex}.plain{padding:6px;font-size:12px}main{margin:0;padding:27px 16px}header{align-items:flex-start}.stats{gap:8px;margin:24px 0 16px}.stats>div{padding:13px 10px}.stats strong{font-size:24px}.stats span{font-size:9px}.stats small{font-size:10px}.panel{padding:16px}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:span 2}.task{grid-template-columns:1fr}.task-actions{justify-content:flex-end}header .primary{white-space:nowrap;padding:12px;font-size:12px}}@media(max-width:430px){aside{gap:8px}.brand{min-width:170px}.aside-bottom{margin-left:auto}.nav{font-size:12px}h1{font-size:29px}.form-grid{grid-template-columns:1fr 1fr}}