:root{--ink:#17211d;--muted:#68736e;--line:#e4e8e5;--soft:#f5f7f5;--paper:#fff;--green:#245b46;--green-dark:#194633;--green-soft:#e6f0eb;--amber:#9a5b16;--red:#a44135;--blue:#476778;--shadow:0 18px 60px #17211d24}*{box-sizing:border-box}html{background:var(--soft)}body{color:var(--ink);background:var(--soft);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #245b4647}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.sidebar{z-index:20;background:#f0f3f0;border-right:1px solid #dfe4e0;flex-direction:column;width:252px;padding:0 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.4px;align-items:center;gap:10px;height:72px;padding:0 9px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex}.nav-label{color:#8b948f;letter-spacing:.13em;text-transform:uppercase;margin:20px 10px 8px;font-size:10px;font-weight:800}.nav-item,.person-item{color:#58635d;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 11px;font-weight:600;text-decoration:none;display:flex}.nav-item:hover,.person-item:hover{color:var(--ink);background:#ffffffa6}.nav-item.active{color:var(--green);background:#fff;box-shadow:0 1px 3px #17211d0f}.nav-item strong{background:var(--green-soft);border-radius:10px;margin-left:auto;padding:2px 7px;font-size:11px}.people-label{margin-top:30px}.person-item{font-size:13px}.avatar{color:#315a48;letter-spacing:.02em;background:#dce5df;border:1px solid #cfdbd4;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:750;display:inline-flex}.avatar-small{width:27px;height:27px;font-size:9px}.person-item:nth-of-type(3) .avatar{color:#6d5438;background:#e8e1d8;border-color:#ded3c6}.person-item:nth-of-type(4) .avatar{color:#535875;background:#dedfea;border-color:#d1d3e0}.sidebar-footer{border-top:1px solid #dce1dd;align-items:center;gap:10px;min-height:76px;margin-top:auto;display:flex}.sidebar-footer div{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-footer strong{font-size:12px}.sidebar-footer span{color:var(--muted);font-size:10px}.sidebar-footer .icon-button{margin-left:auto}.icon-button{color:#6b756f;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-button:hover{color:var(--ink);background:#e8ece9}.close-nav,.menu-button,.mobile-brand{display:none}.main{background:#fbfcfb;min-height:100vh;margin-left:252px}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;justify-content:flex-end;align-items:center;gap:16px;height:72px;padding:0 4.2vw;display:flex;position:sticky;top:0}.search{border:1px solid var(--line);color:#818a85;background:#fff;border-radius:8px;align-items:center;gap:9px;width:min(300px,28vw);height:38px;padding:0 12px;display:flex}.search:focus-within{border-color:#8bad9d;box-shadow:0 0 0 3px #245b4617}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.search input::placeholder{color:#9ca49f}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.button.primary{color:#fff;background:var(--green);box-shadow:0 1px 2px #123b2a26}.button.primary:hover{background:var(--green-dark)}.button.secondary{color:#45504a;background:#fff;border-color:#d9dfdb}.button.secondary:hover{background:var(--soft)}.content{width:min(1080px,100% - 8vw);margin:0 auto;padding:47px 0 70px}.page-intro{justify-content:space-between;align-items:flex-end;display:flex}.date-line,.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.11em;margin:0 0 8px;font-size:10px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.025em;margin-bottom:8px;font:500 clamp(28px,3vw,39px)/1.12 Georgia,Times New Roman,serif}.page-intro p:last-child{color:var(--muted);margin:0;font-size:14px}.create-mobile{display:none}.summary{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:repeat(3,1fr);margin:32px 0 43px;display:grid;overflow:hidden;box-shadow:0 1px 2px #17211d05}.summary article{border-right:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:43px auto;align-items:center;column-gap:13px;min-width:0;padding:22px 23px;display:grid}.summary article:last-child{border:0}.summary-icon{border-radius:10px;grid-row:1/3;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.summary-icon.overdue{color:var(--red);background:#f8eae7}.summary-icon.due{color:var(--amber);background:#faf0de}.summary-icon.done{color:var(--green);background:var(--green-soft)}.summary article div{align-items:baseline;gap:8px;display:flex}.summary strong{font-family:Georgia,serif;font-size:25px;font-weight:500;line-height:1}.summary article div span{color:#39433e;font-size:12px;font-weight:700}.summary article p{color:#8a938e;margin:4px 0 0;font-size:11px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-heading>div:first-child{align-items:baseline;gap:10px;display:flex}.section-heading h2{margin:0;font:600 20px/1.3 Georgia,Times New Roman,serif}.section-heading>div>span{color:#8c9590;font-size:11px}.filters{gap:8px;display:flex}.filter{border:1px solid var(--line);color:#77817c;background:#fff;border-radius:8px;align-items:center;height:36px;padding:0 9px;display:flex}.filter select{appearance:none;color:#49534e;background:0 0;border:0;outline:0;max-width:142px;padding:0 18px 0 7px;font-size:12px;font-weight:600}.filter>svg:last-child{pointer-events:none;margin-left:-16px}.task-list{flex-direction:column;gap:9px;display:flex}.task-card{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:24px minmax(0,1fr) auto;gap:15px;min-height:145px;padding:21px 22px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.task-card:hover{border-color:#cfd8d2;transform:translateY(-1px);box-shadow:0 7px 25px #1b34280f}.check-button{color:#fff;background:#fff;border:1.5px solid #aeb8b2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;padding:0;display:flex}.check-button:hover{border-color:var(--green);background:var(--green-soft)}.task-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.urgency-label{text-transform:uppercase;letter-spacing:.08em;color:#66706b;align-items:center;gap:6px;font-size:9px;font-weight:850;display:inline-flex}.urgency-label i,.urgency-dot{background:#82928a;border-radius:50%;width:7px;height:7px;display:inline-block}.urgency-label.critical{color:var(--red)}.urgency-label.critical i,.urgency-dot.critical{background:#c05447}.urgency-label.high{color:var(--amber)}.urgency-label.high i,.urgency-dot.high{background:#c27a28}.urgency-label.low{color:var(--blue)}.urgency-label.low i,.urgency-dot.low{background:#6d8c9d}.due-label{color:#77817c;align-items:center;gap:5px;font-size:10px;font-weight:650;display:inline-flex}.due-label.late{color:var(--red)}.task-body h3{letter-spacing:-.01em;margin:0 0 6px;font-size:15px;font-weight:750;line-height:1.35}.task-body>p{max-width:730px;color:var(--muted);overflow-wrap:anywhere;margin:0 0 14px;font-size:12px;line-height:1.45}.task-meta{color:#737d78;align-items:center;gap:7px;font-size:10px;display:flex}.task-meta i{background:#b4bbb7;border-radius:50%;width:3px;height:3px;margin:0 2px}.task-action{color:#607069;background:0 0;border:0;border-radius:7px;align-self:center;align-items:center;gap:7px;padding:10px;font-size:11px;font-weight:700;display:flex}.task-action:hover{background:var(--green-soft);color:var(--green)}.task-card.completed{opacity:.72}.task-card.completed .check-button{border-color:var(--green);background:var(--green)}.task-card.completed h3{color:#69736e;text-decoration:line-through}.empty{min-height:280px;color:var(--muted);text-align:center;background:#fff;border:1px dashed #d4dbd6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty>span{background:var(--green-soft);width:46px;height:46px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.empty h3{color:var(--ink);margin:0 0 5px;font-size:15px}.empty p{margin-bottom:16px;font-size:12px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#131e1973;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{width:min(570px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);background:#fff;border-radius:14px;animation:.18s ease-out modal-in;overflow:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:24px 25px 18px;display:flex}.modal-header h2{margin:0;font:600 24px/1.2 Georgia,serif}.modal form{padding:22px 25px 24px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.field>span,.urgency-field legend{color:#4d5752;font-size:11px;font-weight:750}.field em{color:#9aa29e;margin-left:4px;font-style:normal;font-weight:500}.field input,.field textarea,.field select{width:100%;min-height:43px;color:var(--ink);background:#fff;border:1px solid #d9dfdb;border-radius:8px;outline:0;padding:10px 12px}.field textarea{resize:vertical;min-height:92px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7ca28f;box-shadow:0 0 0 3px #245b4617}.select-wrap{position:relative}.select-wrap select{appearance:none;padding-right:34px}.select-wrap svg{color:#7f8984;pointer-events:none;position:absolute;top:14px;right:12px}.urgency-field{border:0;margin:1px 0 19px;padding:0}.urgency-field legend{margin-bottom:8px}.urgency-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.urgency-options label{color:#65706a;cursor:pointer;border:1px solid #dfe4e1;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:39px;font-size:11px;font-weight:650;display:flex}.urgency-options label.selected{color:var(--ink);background:#f5f9f6;border-color:#7ca08e;box-shadow:inset 0 0 0 1px #a9c1b5}.urgency-options input{opacity:0;pointer-events:none;position:absolute}.urgency-options label:focus-within{outline-offset:1px;outline:3px solid #245b4640}.modal-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.toast{z-index:200;opacity:0;pointer-events:none;color:#fff;background:#193b2c;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:650;transition:all .2s;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);box-shadow:0 8px 25px #142c2138}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:850px){.sidebar{transition:transform .22s;transform:translate(-100%);box-shadow:12px 0 40px #17211d26}.sidebar.open{transform:translate(0)}.close-nav{margin-left:auto;display:inline-flex}.nav-scrim{z-index:15;background:#121c1759;border:0;position:fixed;inset:0}.main{margin-left:0}.topbar{justify-content:initial;padding:0 22px}.menu-button{display:inline-flex}.mobile-brand{align-items:center;gap:7px;font:700 19px Georgia,serif;display:flex}.mobile-brand .brand-mark{border-radius:7px;width:27px;height:27px}.search{width:210px;margin-left:auto}.content{width:calc(100% - 44px)}.summary article{grid-template-columns:38px auto;column-gap:10px;padding:19px 16px}.summary-icon{width:38px;height:38px}.summary article p{white-space:nowrap}}@media (max-width:620px){.topbar{gap:9px;height:64px;padding:0 15px}.mobile-brand{display:none}.search{flex:1;width:auto}.create-top{gap:0;width:40px;padding:0;font-size:0}.content{width:calc(100% - 30px);padding:30px 0 55px}.page-intro{align-items:center}.page-intro p:last-child{max-width:250px;line-height:1.5}.create-mobile{width:40px;padding:0;font-size:0;display:inline-flex}h1{font-size:28px}.summary{grid-template-columns:1fr;margin:25px 0 34px}.summary article{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto;grid-template-columns:39px auto auto;padding:14px 16px}.summary-icon{grid-row:auto}.summary article p{margin:0 0 0 auto}.section-heading{flex-direction:column;align-items:flex-start;gap:13px}.filters{width:100%}.filter{flex:1}.filter select{width:100%;max-width:none}.task-card{grid-template-columns:22px minmax(0,1fr);gap:11px;padding:18px 15px}.task-action{grid-column:2;justify-self:start;padding:7px 0}.task-body>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;width:100%;max-height:94vh}.modal-header{padding:20px 19px 16px}.modal form{padding:18px 19px 21px}.form-grid{grid-template-columns:1fr;gap:0}.urgency-options{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}