:root{color:#172033;font-synthesis:none;--navy:#0d1b2f;--blue:#2563eb;--blue-dark:#1d4ed8;--line:#dde5f0;--muted:#667085;--surface:#fff;--shadow:0 18px 45px #172a4914;background:#f4f7fb;font-family:Inter,Aptos,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);font-family:Inter,Aptos,Segoe UI,system-ui,sans-serif}.eyebrow{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.55rem;font-size:.72rem;font-weight:800}.muted{color:var(--muted)}.brand-mark{color:#fff;background:linear-gradient(145deg,#3b82f6,#1d4ed8);border-radius:18px;place-items:center;width:58px;height:58px;font:800 1.1rem Inter,Aptos,Segoe UI,sans-serif;display:grid;box-shadow:0 12px 28px #2563eb4d}.brand-mark.small{border-radius:13px;width:42px;height:42px;font-size:.85rem}.auth-layout{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-intro{color:#dce8fb;background:radial-gradient(circle at 75% 20%, #3b82f64d, transparent 28%), radial-gradient(circle at 15% 80%, #14b8a62b, transparent 30%), var(--navy);flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,7rem);display:flex;position:relative;overflow:hidden}.auth-intro:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-150px;right:-120px;box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff05}.auth-intro .eyebrow{color:#78a9ff;margin-top:2.2rem}.auth-intro h1{color:#fff;letter-spacing:-.05em;max-width:660px;margin-bottom:1.4rem;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.04}.auth-lead{color:#aebed6;max-width:570px;font-size:1.12rem;line-height:1.75}.architecture-strip{z-index:1;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:2.2rem;display:flex}.architecture-strip span{background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;padding:.55rem .8rem;font-size:.8rem;font-weight:700}.architecture-strip i{color:#5d7ca8;font-style:normal}.auth-panel{background:#f6f8fc;place-items:center;padding:2rem;display:grid}.auth-card{width:min(100%,440px);box-shadow:var(--shadow);background:#fff;border:1px solid #e2e8f1;border-radius:24px;padding:clamp(1.6rem,4vw,2.8rem)}.auth-card h2{letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.8rem}.segmented{background:#eef2f7;border-radius:12px;grid-template-columns:1fr 1fr;margin:1.8rem 0;padding:4px;display:grid}.segmented button{color:#68758a;background:0 0;border:0;border-radius:9px;padding:.7rem;font-weight:700}.segmented button.active{color:var(--navy);background:#fff;box-shadow:0 3px 10px #20314b17}.auth-form,.task-form{gap:1rem;display:grid}label{color:#344054;gap:.45rem;font-size:.82rem;font-weight:700;display:grid}input,select,textarea{color:#172033;background:#fff;border:1px solid #d7dfeb;border-radius:10px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}input,select{height:44px;padding:0 .8rem}textarea{resize:vertical;min-height:95px;padding:.75rem .8rem}input:focus,select:focus,textarea:focus{border-color:#7aa5f8;box-shadow:0 0 0 3px #2563eb1a}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:.65rem 1rem;font-weight:700;transition:all .2s;display:inline-flex}.button.primary{color:#fff;background:var(--blue);box-shadow:0 8px 16px #2563eb2e}.button.primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.button.ghost{color:#475467;background:#fff;border-color:#dbe2ec}.button.wide{width:100%;margin-top:.3rem}.button:disabled{cursor:wait;opacity:.65;transform:none}.message{border-radius:10px;margin:.5rem 0;padding:.75rem 1rem;font-size:.88rem}.message.error{color:#b42318;background:#fff1f2;border:1px solid #fecaca}.app-shell{background:#f4f7fb;min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e3e8f0;justify-content:space-between;align-items:center;min-height:72px;padding:.8rem clamp(1rem,4vw,3.5rem);display:flex;position:sticky;top:0}.brand,.user-menu{align-items:center;gap:.75rem;display:flex}.brand strong,.brand small,.user-menu strong,.user-menu small{display:block}.brand strong{color:var(--navy);font:800 1rem Inter,Aptos,Segoe UI,sans-serif}.brand small,.user-menu small{color:#8490a3;font-size:.72rem}.user-menu{gap:.65rem}.user-menu strong{color:#25324a;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:.82rem;overflow:hidden}.avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.dashboard{width:min(1500px,100%);margin:0 auto;padding:2.4rem clamp(1rem,4vw,3.5rem) 4rem}.welcome-row{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.6rem;display:flex}.welcome-row h1{letter-spacing:-.045em;margin-bottom:.35rem;font-size:clamp(2rem,4vw,3rem)}.progress-ring{background:conic-gradient(#22c55e var(--progress), #e4eaf2 0);border-radius:50%;flex:none;place-items:center;width:112px;height:112px;display:grid}.progress-ring:before{content:"";background:#f4f7fb;border-radius:50%;width:88px;height:88px;position:absolute}.progress-ring div{z-index:1;text-align:center}.progress-ring strong,.progress-ring span{display:block}.progress-ring strong{color:var(--navy);font:800 1.25rem Inter,Aptos,Segoe UI,sans-serif}.progress-ring span{color:#7b8799;font-size:.67rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.6rem;display:grid}.stats-grid article{background:#fff;border:1px solid #e1e7ef;border-radius:15px;padding:1.2rem 1.3rem;position:relative;overflow:hidden;box-shadow:0 8px 25px #172a490a}.stats-grid span,.stats-grid strong{display:block}.stats-grid span{color:#778398;font-size:.77rem;font-weight:700}.stats-grid strong{color:var(--navy);margin-top:.35rem;font:800 1.8rem Inter,Aptos,Segoe UI,sans-serif}.stats-grid i{border-radius:4px 0 0;width:42px;height:4px;position:absolute;bottom:0;right:0}.stats-grid .blue{background:#3b82f6}.stats-grid .amber{background:#f59e0b}.stats-grid .violet{background:#8b5cf6}.stats-grid .green{background:#22c55e}.content-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.65fr);align-items:start;gap:1.25rem;display:grid}.task-list-panel,.task-editor{background:#fff;border:1px solid #e0e6ef;border-radius:18px;padding:1.4rem;box-shadow:0 12px 32px #182c4d0d}.task-editor{position:sticky;top:92px}.section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:1.25rem}.section-heading .eyebrow{margin-bottom:.35rem}.result-count{color:#53617a;background:#edf2f7;border-radius:999px;padding:.4rem .65rem;font-size:.75rem;font-weight:700}.icon-button{color:#68758a;background:#eef2f6;border:0;border-radius:9px;width:34px;height:34px;font-size:1.5rem}.filters{grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(130px,.7fr));gap:.65rem;margin-bottom:1rem;display:grid}.filters select,.filters input{height:40px;font-size:.78rem}.search-field{display:flex;position:relative}.search-field span{z-index:1;color:#8190a5;font-size:1.15rem;position:absolute;top:.45rem;left:.8rem}.search-field input{padding-left:2.2rem}.task-list{gap:.8rem;display:grid}.task-card{background:#fff;border:1px solid #e3e8f0;border-radius:13px;padding:1.1rem 1.2rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.task-card:before{content:"";background:#94a3b8;width:4px;position:absolute;top:0;bottom:0;left:0}.task-card.priority-critical:before{background:#ef4444}.task-card.priority-high:before{background:#f97316}.task-card.priority-medium:before{background:#3b82f6}.task-card.priority-low:before{background:#22c55e}.task-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1c2e4b14}.task-card-top,.task-meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.task-card-top{justify-content:space-between}.task-actions{gap:.8rem;display:flex}.task-actions button{color:#52627a;background:0 0;border:0;padding:0;font-size:.75rem;font-weight:700}.task-actions .danger-text{color:#c2413b}.task-card h3{margin:.8rem 0 .35rem;font-size:1rem}.task-description{color:#6e7b8f;margin-bottom:.8rem;font-size:.84rem;line-height:1.5}.status,.priority-badge,.category-badge,.due-date{font-size:.69rem;font-weight:700}.status{border-radius:999px;padding:.32rem .55rem}.status-pending{color:#a16207;background:#fef3c7}.status-in_progress{color:#6d28d9;background:#ede9fe}.status-completed{color:#15803d;background:#dcfce7}.priority-badge{color:#fff;background:#64748b;border-radius:6px;padding:.25rem .48rem}.priority-badge.critical{background:#dc2626}.priority-badge.high{background:#ea580c}.priority-badge.medium{background:#2563eb}.priority-badge.low{background:#16a34a}.category-badge{color:#56647a;align-items:center;gap:.35rem;display:inline-flex}.category-badge i{border-radius:50%;width:7px;height:7px}.due-date{color:#7a8799;margin-left:auto}.empty-state{color:#8a96a7;text-align:center;border:1px dashed #cad3df;border-radius:12px;align-content:center;place-items:center;gap:.35rem;min-height:180px;display:grid}.empty-state strong{color:#536078}.empty-state span{font-size:.82rem}.form-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.form-actions{justify-content:flex-end;gap:.6rem;padding-top:.35rem;display:flex}@media (width<=1100px){.filters{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.task-editor{position:static}}@media (width<=820px){.auth-layout{grid-template-columns:1fr}.auth-intro{min-height:42vh;padding:2.2rem}.auth-intro h1{font-size:2.5rem}.auth-intro .brand-mark,.architecture-strip{display:none}.auth-intro .eyebrow{margin-top:0}.stats-grid{grid-template-columns:1fr 1fr}.user-menu>div:not(.avatar){display:none}}@media (width<=560px){.topbar{padding:.7rem 1rem}.dashboard{padding-top:1.5rem}.welcome-row{align-items:flex-start}.progress-ring{width:86px;height:86px}.progress-ring:before{width:66px;height:66px}.progress-ring strong{font-size:1rem}.progress-ring span{display:none}.stats-grid,.filters,.form-grid{grid-template-columns:1fr}.task-list-panel,.task-editor{padding:1rem}.due-date{width:100%;margin-left:0}}