:root{--green-50:#f0f5ec;--green-100:#deebdd;--green-200:#bfd8c2;--green-300:#94bca0;--green-400:#5c9377;--green-500:#2e6b51;--green-600:#275a45;--green-700:#1f4737;--green-900:#10241d;--coral-50:#fcf0ea;--coral-100:#f8dcce;--coral-300:#efae8e;--coral-500:#e07a52;--coral-600:#c9633d;--coral-700:#a14c2c;--coral-900:#5e2a16;--lav-50:#f4f1f8;--lav-100:#e8e1f1;--lav-300:#c5b6de;--lav-500:#8e7bb8;--lav-700:#63528b;--honey-50:#faf3e3;--honey-100:#f3e4c2;--honey-500:#b98a38;--honey-700:#8a6323;--teal-50:#edf5f6;--teal-100:#d8eaec;--teal-500:#4e8d97;--teal-700:#34626c;--olive-50:#f4f5e8;--olive-100:#e7eacb;--olive-500:#7e8b45;--olive-700:#5a6430;--paper:#fff;--surface:#f7f8f4;--mist:#f0f2ec;--line:#e3e7de;--line-strong:#cbd2c6;--ink:#26332c;--sub:#5c6b60;--muted:#8b968c;--fs-card-title:17px;--fs-lead:16.5px;--fs-note:15.5px;--fs-chip:13.5px;--danger:#c75450;--warning:#b98a38;--success:#2e6b51;--r-card:14px;--r-btn:10px;--r-input:10px;--r-img:12px;--r-chip:999px;--nav-w:276px;--nav-w-collapsed:56px;--topbar-h:61px;--content-max:1100px;--shadow-1:0 1px 2px #26332c0f;--shadow-2:0 6px 24px #26332c14;--font-head:"Segoe UI", system-ui, -apple-system, sans-serif;--font-body:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.012em;text-wrap:balance;margin:0;font-weight:650;line-height:1.2}.wrap{max-width:1060px;margin:0 auto;padding:0 20px}.btn{font-family:var(--font-head);border-radius:var(--r-btn);background:var(--coral-500);color:#fff8f4;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{background:var(--coral-600)}.btn.sec{border:1.5px solid var(--green-500);color:var(--green-500);background:0 0}.btn.sec:hover{background:var(--green-50)}.btn.grn{background:var(--green-500);color:#f1f7f1}.btn.grn:hover{background:var(--green-600)}.btn.sm{padding:9px 18px;font-size:13.5px}.btn:disabled:hover{background:var(--coral-500)}.btn.grn:disabled:hover{background:var(--green-500)}.btn.sec:disabled:hover{background:0 0}.logo-mark{flex:none;width:44px;height:44px;display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--green-500);margin:0 0 8px;font-size:13.5px;font-weight:600}.chip{border-radius:var(--r-chip);align-items:center;gap:6px;padding:5px 13px;font-size:13px;font-weight:600;display:inline-flex}.site-header{z-index:80;background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 0 26px;display:flex;position:sticky;top:0}.logo-box{border:1.5px dashed var(--line-strong);letter-spacing:.08em;text-transform:uppercase;width:44px;height:44px;color:var(--muted);border-radius:10px;flex:none;place-items:center;font-size:9px;display:grid}.brand{font-family:var(--font-head);white-space:nowrap;flex:none;font-size:17px;font-weight:650}.brand small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:11.5px;font-weight:400;display:block}.site-nav{color:var(--sub);align-items:center;gap:20px;margin-left:auto;font-size:14px;display:flex}.site-nav a{white-space:nowrap}.site-nav a:hover{color:var(--ink)}.arrowLink{font-family:var(--font-body);color:var(--sub);white-space:nowrap;align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.arrowLink:hover{color:var(--green-500);text-decoration:none}.arrowLink .arrow{transition:transform .15s;display:inline-block}.arrowLink:hover .arrow{transform:translate(2px)}.tabs{flex-wrap:wrap;gap:6px;margin:0;display:flex}.tabs>button{font-family:var(--font-head);font-size:var(--fs-note);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-chip);color:var(--sub);cursor:pointer;align-items:center;gap:8px;padding:7px 16px;font-weight:600;display:flex}.tabs>button:hover{color:var(--ink);border-color:var(--line-strong)}.tabs>button.on{background:var(--coral-50);border-color:var(--coral-500);color:var(--coral-700)}.tab-count{border-radius:var(--r-chip);border:1px solid var(--line-strong);min-width:24px;height:24px;font-family:var(--font-body);font-weight:400;font-size:var(--fs-note);color:var(--muted);background:var(--paper);place-items:center;padding:0 7px;display:grid}.tabs>button.on .tab-count{border-color:var(--coral-500);color:var(--coral-700)}.chip{font-size:var(--fs-note);border-radius:var(--r-chip);border:1px solid var(--line-strong);background:var(--paper);color:var(--sub);cursor:pointer;padding:5px 13px;font-weight:600}.chip:hover{border-color:var(--green-400);color:var(--ink)}.chip:disabled{opacity:.45;cursor:default}.chip:disabled:hover{border-color:var(--line-strong);color:var(--sub)}.chip.on{background:var(--green-500);border-color:var(--green-500);color:#f1f7f1}.fld{font-family:var(--font-body);border:1px solid var(--line-strong);border-radius:var(--r-input);background:var(--paper);color:var(--ink);padding:7px 10px;font-size:15px}.fld:focus{border-color:var(--green-400);box-shadow:0 0 0 3px var(--green-100);outline:none}textarea.fld{resize:vertical;line-height:1.55}.file-btn{display:inline-flex}.file-btn input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mass-bar{background:var(--green-50);border:1px solid var(--green-100);border-radius:var(--r-card);font-size:var(--fs-note);color:var(--green-700);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:10px 16px;font-weight:600;display:flex}
:root{--c-green-bg:var(--green-100);--c-green-fg:var(--green-700);--c-teal-bg:var(--teal-100);--c-teal-fg:var(--teal-700);--c-honey-bg:var(--honey-100);--c-honey-fg:var(--honey-700);--c-lav-bg:var(--lav-100);--c-lav-fg:var(--lav-700);--c-olive-bg:var(--olive-100);--c-olive-fg:var(--olive-700);--c-gray-bg:var(--mist);--c-gray-fg:var(--sub);--c-red-bg:#f8e0de;--c-red-fg:#9c3a36}.layout{min-height:100vh;display:flex}.side{height:100vh;width:var(--nav-w);border-right:1px solid var(--line);background:var(--paper);flex-direction:column;flex:none;transition:width .18s;display:flex;position:sticky;top:0;overflow:hidden}.side.collapsed{width:var(--nav-w-collapsed)}.side-brand{border-bottom:1px solid var(--line);height:var(--topbar-h);flex:none;align-items:center;gap:10px;padding:14px 12px;display:flex}.side-mark{background:var(--green-500);color:#f1f7f1;width:32px;height:32px;font-family:var(--font-head);border-radius:9px;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.side-title{min-width:0;font-family:var(--font-head);white-space:nowrap;font-size:14px;font-weight:650;line-height:1.2}.side-title small{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:400;display:block}.nav{scrollbar-width:thin;flex:1;padding:10px 8px;overflow-y:auto}.group{margin-bottom:6px}.group-label{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);font-size:var(--fs-chip);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;margin:0 0 4px;padding:6px 8px;font-weight:600;display:flex}.group-label:hover{background:var(--surface);color:var(--ink)}.group-label svg{opacity:.7;transition:transform .15s;transform:rotate(-90deg)}.group-label.open{color:var(--ink)}.group-label.open svg{transform:rotate(0)}.item{font-size:var(--fs-note);color:var(--sub);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.item span{text-overflow:ellipsis;overflow:hidden}.item:hover{background:var(--surface);color:var(--ink)}.item.on{background:var(--coral-50);color:var(--coral-700);font-weight:600}.side.collapsed .item{justify-content:center;padding:8px 0}.side.collapsed .item span,.side.collapsed .side-title,.side.collapsed .group-label{display:none}.side-bottom{border-top:1px solid var(--line);flex:none;padding:8px}.collapse-btn{width:100%;font-family:var(--font-body);font-size:var(--fs-note);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.collapse-btn:hover{background:var(--surface);color:var(--ink)}.side.collapsed .collapse-btn{justify-content:center;padding:8px 0}.side.collapsed .collapse-btn span{display:none}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:60;height:var(--topbar-h);background:var(--paper);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.top-title{letter-spacing:.1em;text-transform:uppercase;min-width:0;color:var(--green-500);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.top-right{align-items:center;gap:12px;margin-left:auto;display:flex}.user-chip{font-size:var(--fs-note);color:var(--ink);align-items:center;gap:10px;display:flex}.avatar{background:var(--green-100);width:32px;height:32px;color:var(--green-700);font-family:var(--font-head);border-radius:50%;place-items:center;font-size:13px;font-weight:650;display:grid}.content{width:100%;padding:24px 28px 80px}.content.narrow{max-width:var(--content-max)}.page-head{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.page-head h1{font-size:26px}.sub{color:var(--sub);font-size:var(--fs-note)}.muted{color:var(--muted)}.btn.ghost{color:var(--sub);border:1px solid var(--line-strong);background:0 0}.btn.ghost:hover{background:var(--surface);color:var(--ink)}.btn.danger{border:1.5px solid var(--danger);color:var(--danger);background:0 0}.btn.danger:hover{background:#fbedec}.link-btn{cursor:pointer;font-family:var(--font-body);color:var(--sub);background:0 0;border:0;padding:0;font-size:14px;font-weight:600}.link-btn:hover{color:var(--green-500)}.link-btn.red:hover{color:var(--danger)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.spacer{flex:1}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>label,.flabel{font-size:var(--fs-chip);color:var(--sub);font-weight:600}.field .hint{color:var(--muted);font-size:13px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.form-grid .wide{grid-column:1/-1}.fld.full{width:100%}.alert{border-radius:var(--r-input);font-size:var(--fs-note);padding:10px 14px}.alert.err{color:#9c3a36;background:#fbedec;border:1px solid #ebc3c0}.alert.ok{background:var(--green-50);color:var(--green-700);border:1px solid var(--green-100)}.alert.warn{background:var(--honey-50);color:var(--honey-700);border:1px solid var(--honey-100)}.checks{flex-wrap:wrap;gap:8px 16px;display:flex}.check{font-size:var(--fs-note);cursor:pointer;align-items:center;gap:7px;display:inline-flex}.check input{accent-color:var(--green-500);width:16px;height:16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-1);padding:18px 20px}.card h2{margin-bottom:12px;font-size:18px}.card-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-head h2{margin:0}.cols{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}@media (max-width:1100px){.cols{grid-template-columns:1fr}}.badge{border-radius:var(--r-chip);white-space:nowrap;align-items:center;gap:5px;padding:5px 10px;font-size:12.5px;font-weight:600;line-height:1;display:inline-flex}.badge.green{background:var(--c-green-bg);color:var(--c-green-fg)}.badge.teal{background:var(--c-teal-bg);color:var(--c-teal-fg)}.badge.honey{background:var(--c-honey-bg);color:var(--c-honey-fg)}.badge.lav{background:var(--c-lav-bg);color:var(--c-lav-fg)}.badge.olive{background:var(--c-olive-bg);color:var(--c-olive-fg)}.badge.gray{background:var(--c-gray-bg);color:var(--c-gray-fg)}.badge.red{background:var(--c-red-bg);color:var(--c-red-fg)}.filters{border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;display:flex}.filters .fld{max-width:100%}.filters .search{flex:260px;min-width:200px}.section-block{border-radius:var(--r-card);margin-bottom:26px;transition:background .12s,box-shadow .12s}.section-block.drop{background:var(--green-50);box-shadow:0 0 0 2px var(--green-300)}.section-head{align-items:baseline;gap:12px;margin-bottom:10px;padding:0 2px;display:flex}.section-head h2{font-size:19px}.section-head .count{color:var(--muted);font-size:var(--fs-note)}.pgrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;min-height:24px;display:grid}.empty-drop{color:var(--muted);font-size:var(--fs-note);padding:14px 4px}.pcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-1);flex-direction:column;gap:10px;padding:16px 18px;transition:box-shadow .12s,border-color .12s;display:flex;position:relative}.pcard:hover{box-shadow:var(--shadow-2);border-color:var(--line-strong)}.pcard[draggable=true]{cursor:grab}.pcard.dragging{opacity:.45}.pcard.done{border-color:var(--green-300);background:var(--green-50)}.pcard.external .ptitle{color:var(--lav-700)}.pcard.archived{opacity:.7}.ptitle{font-family:var(--font-head);font-weight:650;font-size:var(--fs-card-title);line-height:1.25}.ptitle a:hover{color:var(--green-500)}.pdesc{color:var(--sub);font-size:var(--fs-note);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.pmeta{color:var(--sub);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13.5px;display:flex}.pbadges{flex-wrap:wrap;gap:6px;display:flex}.pfoot{color:var(--sub);align-items:center;gap:12px;margin-top:auto;font-size:13.5px;display:flex}.progress{background:var(--mist);border-radius:99px;height:8px;overflow:hidden}.progress>i{background:var(--green-400);border-radius:99px;height:100%;transition:width .35s;display:block}.progress.done>i{background:var(--green-500)}.due-red{color:var(--danger);font-weight:600}.move-sel{position:absolute;top:12px;right:12px}.flow{flex-wrap:wrap;gap:6px;display:flex}.flow button{font-family:var(--font-body);border-radius:var(--r-chip);border:1px solid var(--line-strong);background:var(--paper);color:var(--sub);cursor:pointer;padding:6px 12px;font-size:13.5px;font-weight:600}.flow button:hover:not(:disabled){border-color:var(--green-400);color:var(--ink)}.flow button.cur{background:var(--green-500);border-color:var(--green-500);color:#f1f7f1;cursor:default}.flow button.cur.pause{background:var(--honey-500);border-color:var(--honey-500)}.flow button:disabled{opacity:.5;cursor:default}.flow button.cur:disabled{opacity:1}.kv{font-size:var(--fs-note);grid-template-columns:150px minmax(0,1fr);gap:8px 14px;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}.checklist{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.checklist li{font-size:var(--fs-note);align-items:center;gap:10px;padding:4px 2px;display:flex}.checklist li.done span.t{color:var(--muted);text-decoration:line-through}.checklist .t{flex:1;min-width:0}.feed{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.feed li{border-bottom:1px solid var(--line);font-size:var(--fs-note);grid-template-columns:8px minmax(0,1fr);gap:12px;padding:9px 0;display:grid}.feed li:last-child{border-bottom:0}.feed .dot{background:var(--green-300);border-radius:50%;width:8px;height:8px;margin-top:8px}.feed .when{color:var(--muted);font-size:13px}.docs{flex-direction:column;display:flex}.doc{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 0;display:grid}.doc:last-child{border-bottom:0}.doc-ico{background:var(--teal-50);width:34px;height:34px;color:var(--teal-700);border-radius:10px;place-items:center;display:grid}.doc.pinned .doc-ico{background:var(--honey-50);color:var(--honey-700)}.doc-title{font-family:var(--font-head);font-weight:650;font-size:var(--fs-note)}.doc-title a:hover{color:var(--green-500)}.doc-desc{color:var(--sub);font-size:var(--fs-note);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:2px}.doc-meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:13px;display:flex}.doc-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.tbl{border-collapse:collapse;width:100%;font-size:var(--fs-note)}.tbl th{text-align:left;font-size:var(--fs-chip);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-weight:600}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}.tbl tr:last-child td{border-bottom:0}.tbl td.num,.tbl th.num{text-align:right}.tbl-wrap{overflow-x:auto}.auth{grid-template-columns:minmax(360px,480px) 1fr;min-height:100vh;display:grid}.auth-form{background:var(--paper);flex-direction:column;justify-content:center;gap:22px;padding:48px 56px;display:flex}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand .side-mark{border-radius:12px;width:44px;height:44px;font-size:20px}.auth-brand b{font-family:var(--font-head);font-size:18px}.auth-brand small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;display:block}.auth h1{font-size:24px}.auth-stage{background:linear-gradient(160deg, var(--green-500), var(--green-700) 70%);color:#e9f2ea;align-items:flex-end;padding:56px;display:flex}.auth-stage p{font-family:var(--font-head);max-width:520px;margin:0;font-size:28px;font-weight:650;line-height:1.25}@media (max-width:860px){.auth{grid-template-columns:1fr}.auth-stage{display:none}.auth-form{padding:32px 22px}}.hint-fab{z-index:90;position:fixed;bottom:22px;right:22px}.hint-btn{font-family:var(--font-body);font-size:var(--fs-note);border-radius:var(--r-chip);background:var(--paper);border:1px solid var(--line-strong);color:var(--sub);cursor:pointer;box-shadow:var(--shadow-2);align-items:center;gap:8px;padding:9px 16px;font-weight:600;display:inline-flex}.hint-btn:hover{color:var(--ink);border-color:var(--green-400)}.hint-pop{background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--r-card);width:min(420px,100vw - 44px);box-shadow:var(--shadow-2);font-size:var(--fs-note);padding:16px 18px;line-height:1.55;position:absolute;bottom:48px;right:0}.hint-pop p{margin:0 0 8px}@media (max-width:820px){.side{display:none}.topbar{padding:0 16px}.content{padding:18px 16px 80px}.pgrid{grid-template-columns:1fr}.kv{grid-template-columns:1fr;gap:2px 0}.kv dd{margin-bottom:8px}.mobile-nav{display:flex}}.mobile-nav{border-bottom:1px solid var(--line);background:var(--paper);gap:6px;padding:10px 16px;display:none;overflow-x:auto}.mobile-nav a{white-space:nowrap;font-size:var(--fs-note);border-radius:var(--r-chip);border:1px solid var(--line);color:var(--sub);padding:6px 12px}.mobile-nav a.on{background:var(--coral-50);border-color:var(--coral-500);color:var(--coral-700)}@media (max-width:820px){.mobile-nav{display:flex}}