:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f7f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,textarea,select{font:inherit}.loading-screen{color:#70736f;place-content:center;justify-items:center;gap:16px;min-height:100vh;display:grid}.loading-mark{color:#fff;background:#376d5f;border-radius:13px;place-items:center;width:44px;height:44px;font-weight:650;display:grid;box-shadow:0 8px 24px #376d5f33}.login-screen{background:#f7f7f5;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);min-height:100vh;display:grid}.login-panel{flex-direction:column;justify-content:center;width:min(520px,100%);min-height:100vh;padding:64px clamp(32px,6vw,88px);display:flex}.brand-lockup{color:#252723;align-items:center;gap:11px;font-size:15px;font-weight:650;display:flex}.brand-mark{color:#fff;background:#376d5f;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.login-copy{margin:76px 0 36px}.eyebrow{color:#376d5f;letter-spacing:.03em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:650}.login-copy h1{color:#1f211e;letter-spacing:-.045em;max-width:460px;margin:0;font-size:clamp(38px,5vw,58px);font-weight:620;line-height:1.02}.login-copy>p:last-child{color:#6c706a;max-width:430px;margin:24px 0 0;font-size:17px;line-height:1.65}.google-button{color:#282a27;background:#fff;border:1px solid #d9dad6;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:48px;font-weight:600;text-decoration:none;transition:border-color .14s,box-shadow .14s,transform .14s;display:inline-flex;box-shadow:0 1px 2px #2024200d}.google-button:hover{border-color:#bfc2bc;transform:translateY(-1px);box-shadow:0 6px 20px #20242014}.google-button:focus-visible{outline-offset:3px;outline:3px solid #376d5f40}.google-g{color:#376d5f;font-weight:700}.login-note{color:#92958f;text-align:center;margin:16px 0 0;font-size:12px;line-height:1.5}.login-preview{background:#e9eee9;place-items:center;min-height:100vh;padding:7vw;display:grid;overflow:hidden}.preview-window{aspect-ratio:1.28;background:#fff;border:1px solid #434f461f;border-radius:24px;grid-template-columns:29% 1fr;width:min(820px,64vw);display:grid;overflow:hidden;transform:rotate(-2deg)translate(4%);box-shadow:0 34px 90px #28362c29}.preview-sidebar{background:#f4f4f1;border-right:1px solid #e7e8e4}.preview-content{flex-direction:column;gap:22px;padding:14% 11%;display:flex}.preview-kicker,.preview-title,.preview-row{background:#e8e9e5;border-radius:99px;display:block}.preview-kicker{background:#9fb9af;width:18%;height:8px}.preview-title{background:#383c37;width:46%;height:24px;margin-bottom:18px}.preview-row{width:68%;height:12px}.preview-row.long{width:92%}.preview-row.medium{width:80%}@media (width<=840px){.login-screen{grid-template-columns:1fr}.login-panel{width:100%;min-height:100vh;margin:auto}.login-preview{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px;height:18px}.app-shell{background:#fff;grid-template-columns:264px minmax(420px,1fr) minmax(320px,390px);min-height:100vh;display:grid}.sidebar{background:#f6f6f3;border-right:1px solid #e9e9e5;flex-direction:column;min-width:0;padding:12px 10px 14px;display:flex}.workspace-profile{color:#282b27;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:48px;padding:5px 8px 5px 6px;display:grid}.workspace-profile .avatar{color:#fff;background:#376d5f;border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.workspace-profile strong,.workspace-profile small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workspace-profile strong{font-size:13px;font-weight:650}.workspace-profile small{color:#91948e;margin-top:2px;font-size:10px}.workspace-profile>.icon{color:#a3a59f;width:14px;transform:rotate(90deg)}.primary-nav{gap:2px;margin:18px 0 24px;display:grid}.nav-item{color:#686b66;border-radius:9px;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;min-height:40px;padding:0 10px;font-size:13px;font-weight:540;text-decoration:none;display:grid}.nav-item:hover{background:#eeeeea}.nav-item.active{color:#244e43;background:#e6ede9}.nav-count{color:#6f827a;text-align:center;background:#376d5f14;border-radius:99px;min-width:22px;padding:2px 6px;font-size:10px}.sidebar-section{flex:1;min-height:0}.section-heading{color:#9a9c97;letter-spacing:.02em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:32px;padding:0 9px;font-size:11px;font-weight:620;display:flex}.section-heading button,.icon-button{color:#858883;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;min-width:36px;min-height:36px;display:inline-grid}.section-heading button:hover,.icon-button:hover{color:#454844;background:#efefeb}.section-heading .icon{width:15px;height:15px}.direction-list{gap:3px;display:grid}.direction-item,.project-item{color:#575a55;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;min-height:38px}.direction-item{grid-template-columns:10px 1fr 16px;align-items:center;gap:8px;padding:0 9px;font-size:13px;font-weight:570;display:grid}.direction-item:hover,.project-item:hover{background:#efefeb}.direction-item .icon{color:#afb1ac;width:13px}.direction-dot{border-radius:50%;width:8px;height:8px}.project-item{padding:0 12px 0 35px;font-size:12px}.sidebar-create{color:#365d52;cursor:pointer;background:#fff;border:1px solid #dfe1dc;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:13px;font-weight:620;display:flex;box-shadow:0 1px 2px #282d290a}.sidebar-create:hover{border-color:#cbd0ca;box-shadow:0 4px 14px #282d2912}.work-area{background:#fff;min-width:0}.topbar{border-bottom:1px solid #eeeeeb;justify-content:flex-end;align-items:center;gap:8px;height:61px;padding:0 24px;display:flex}.search-trigger{color:#989b95;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;min-height:36px;padding:0 9px;display:flex}.search-trigger:hover{color:#5e615c;background:#fafaf8;border-color:#e5e6e2}kbd{color:#a0a39d;background:#f8f8f6;border:1px solid #e1e2de;border-radius:5px;margin-left:4px;padding:1px 5px;font-family:inherit;font-size:10px}.task-view{max-width:920px;margin:0 auto;padding:54px clamp(28px,5vw,72px) 80px}.view-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;display:flex}.today-date{color:#8c9089;text-transform:capitalize;margin:0 0 7px;font-size:12px}.view-heading h1{color:#20231f;letter-spacing:-.035em;margin:0;font-size:34px;font-weight:620}.task-summary{color:#999c96;padding-bottom:5px;font-size:12px}.task-list{display:grid}.task-row{width:100%;min-height:74px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #efefec;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 11px 12px 5px;transition:background .12s,border-color .12s;display:grid}.task-row:first-child{border-top:1px solid #efefec}.task-row:hover{background:#fafaf8}.task-row.selected{background:#f3f7f4;border-color:#e4e9e5;border-radius:10px}.task-check{background:#fff;border:1.5px solid #b9bcb6;border-radius:50%;width:19px;height:19px;display:inline-block}.task-check.large{width:22px;height:22px;margin-top:4px}.task-check.status-in_progress{background:#6f9e8f;border-color:#6f9e8f;box-shadow:inset 0 0 0 4px #fff}.task-check.status-done{background:#6e987e;border-color:#6e987e}.task-check.status-blocked{border-color:#ba7067}.task-copy{gap:6px;min-width:0;display:grid}.task-title{color:#30332f;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:570;overflow:hidden}.task-meta{color:#969992;gap:10px;font-size:11px;display:flex;overflow:hidden}.task-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-meta span+span:before{content:"·";margin-right:10px}.task-due{color:#788079;white-space:nowrap;background:#f3f4f1;border-radius:7px;padding:4px 7px;font-size:11px}.task-due.critical{color:#a54e45;background:#faeeec}.empty-state{color:#979a94;text-align:center;justify-items:center;padding:80px 24px;display:grid}.empty-state>span{color:#5c897a;background:#edf3ef;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.empty-state h2{color:#4b4e49;margin:18px 0 6px;font-size:16px}.empty-state p{margin:0;font-size:13px}.inspector{background:#fbfbf9;border-left:1px solid #e8e9e5;min-width:0}.inspector-toolbar{border-bottom:1px solid #ecece8;justify-content:space-between;align-items:center;height:61px;padding:0 22px;display:flex}.inspector-label{color:#8d908a;font-size:12px;font-weight:620}.inspector-body{padding:34px 28px 60px}.inspector-title-row{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;display:grid}.inspector-title-row h2{color:#272a26;letter-spacing:-.025em;margin:0;font-size:22px;font-weight:610;line-height:1.28}.property-list{border-top:1px solid #ecece8;border-bottom:1px solid #ecece8;gap:2px;margin:30px 0;padding:12px 0;display:grid}.property-row{color:#8e918b;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;min-height:39px;font-size:12px;display:grid}.property-row>span{align-items:center;gap:7px;display:flex}.property-row .icon{width:14px;height:14px}.property-row strong{color:#4b4e49;text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.status-pill{background:#e8f0eb;border-radius:99px;justify-self:start;padding:4px 8px;font-size:11px;color:#416f62!important}.status-pill.blocked{background:#f7eae8;color:#9d5048!important}.status-pill.done{background:#e9ece9;color:#5c6d63!important}.inspector-section{margin-top:26px}.inspector-section h3{color:#92958f;letter-spacing:.025em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:650}.inspector-section p{color:#4f524d;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.65}.inspector-section .empty-copy{color:#a4a7a1}.mobile-only{display:none}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #376d5f3d}@media (width<=1120px){.app-shell{grid-template-columns:230px minmax(420px,1fr) 330px}}@media (width<=920px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.inspector{display:none}}@media (width<=680px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 16px}.task-view{padding:36px 18px 60px}.view-heading{align-items:start}.task-meta span+span{display:none}}.dialog-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#22272357;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.task-composer{background:#fff;border:1px solid #2a322c1a;border-radius:18px;width:min(580px,100%);max-height:calc(100vh - 48px);padding:26px;overflow:auto;box-shadow:0 28px 80px #1f272138}.composer-heading{justify-content:space-between;align-items:start;gap:24px;margin-bottom:26px;display:flex}.composer-heading p{color:#7c8f87;letter-spacing:.04em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:650}.composer-heading h2{color:#252824;letter-spacing:-.025em;margin:0;font-size:25px;font-weight:620}.composer-heading button{color:#8b8e88;cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:44px;min-height:44px;font-size:24px}.composer-heading button:hover{background:#f3f3f0}.task-composer form{gap:18px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{color:#777a74;gap:7px;font-size:11px;font-weight:620;display:grid}.field input,.field select,.field textarea{color:#333632;background:#fbfbf9;border:1px solid #dedfdb;border-radius:10px;outline:none;width:100%;min-height:44px;padding:10px 12px;font-size:13px;font-weight:450;transition:border-color .12s,box-shadow .12s,background .12s}.field textarea{resize:vertical;min-height:96px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#7da395;box-shadow:0 0 0 3px #376d5f1f}.field-title input{min-height:52px;font-size:16px}.form-error{color:#9d5048;background:#faeeec;border-radius:9px;margin:0;padding:10px 12px;font-size:12px}.composer-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.secondary-button,.primary-button{cursor:pointer;border-radius:10px;min-height:44px;padding:0 17px;font-size:13px;font-weight:620}.secondary-button{color:#666a64;background:#fff;border:1px solid #dedfdb}.primary-button{color:#fff;background:#376d5f;border:1px solid #376d5f}.primary-button:hover{background:#2e5e52}.primary-button:disabled{cursor:wait;background:#aab9b3;border-color:#aab9b3}@media (width<=600px){.dialog-backdrop{align-items:end;padding:0}.task-composer{border-radius:20px 20px 0 0;max-height:92vh;padding:22px 18px}.form-grid{grid-template-columns:1fr}}.inspector-toolbar{gap:8px}.inspector-edit{color:#697069;cursor:pointer;background:#fff;border:1px solid #e1e2de;border-radius:8px;min-height:34px;margin-left:auto;padding:0 10px;font-size:11px;font-weight:600}.inspector-edit:hover{color:#365d52;border-color:#cdd2cd}@media (width<=920px){.inspector.mobile-open{z-index:20;background:#fbfbf9;border-left:0;display:block;position:fixed;inset:0;overflow:auto}.inspector.mobile-open .mobile-only{display:inline-grid}}
