:root{color-scheme:light;--tf-bg:#f7f8f5;--tf-surface:#fff;--tf-surface-2:#fbfcfa;--tf-ink:#18251f;--tf-muted:#758078;--tf-line:#e7ebe7;--tf-green:#176b4d;--tf-green-soft:#e8f3ec;--tf-control:#fff;--tf-shadow:0 20px 60px #15251b12}
html:not([data-theme="dark"]) .login-card,html:not([data-theme="dark"]) .card{background:var(--tf-surface);color:var(--tf-ink);border-color:var(--tf-line);box-shadow:var(--tf-shadow)}html:not([data-theme="dark"]) .brand-icon,html:not([data-theme="dark"]) body>button:not(.theme-toggle){background:var(--tf-green);color:#fff}html:not([data-theme="dark"]) .login-card input,html:not([data-theme="dark"]) .card input,html:not([data-theme="dark"]) .card select{background:var(--tf-control);color:var(--tf-ink);border-color:var(--tf-line)}html:not([data-theme="dark"]) body>main button:not(.secondary){background:var(--tf-green);color:#fff}html:not([data-theme="dark"]) .button.alt{background:var(--tf-surface);color:var(--tf-ink);border-color:var(--tf-line)}
html[data-theme="dark"]{color-scheme:dark;--tf-bg:#111713;--tf-surface:#19221c;--tf-surface-2:#151d18;--tf-ink:#e8efe9;--tf-muted:#a3afa6;--tf-line:#2b3930;--tf-green:#65c596;--tf-green-soft:#20382c;--tf-control:#111813;--tf-shadow:0 22px 70px #0008}
html[data-theme="dark"] body{background:var(--tf-bg)!important;color:var(--tf-ink)!important}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .sidebar,html[data-theme="dark"] .stat,html[data-theme="dark"] .panel,html[data-theme="dark"] .task-row,html[data-theme="dark"] .empty,html[data-theme="dark"] .modal-inner,html[data-theme="dark"] .card,html[data-theme="dark"] .login-card{background:var(--tf-surface)!important;color:var(--tf-ink)!important;border-color:var(--tf-line)!important;box-shadow:var(--tf-shadow)}
html[data-theme="dark"] .company-switch,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:var(--tf-control)!important;color:var(--tf-ink)!important;border-color:var(--tf-line)!important}
html[data-theme="dark"] .company-switch,html[data-theme="dark"] button.secondary,html[data-theme="dark"] .button.alt{color:var(--tf-ink)!important;background:var(--tf-surface)!important;border-color:var(--tf-line)!important}
html:not([data-theme="dark"]) .card button.secondary{background:var(--tf-surface);color:var(--tf-ink);border:1px solid var(--tf-line)}
html[data-theme="dark"] .navlink{color:#b1beb4}html[data-theme="dark"] .navlink.active,html[data-theme="dark"] .navlink:hover{background:var(--tf-green-soft)!important;color:var(--tf-green)!important}
html[data-theme="dark"] .muted,html[data-theme="dark"] .task-sub,html[data-theme="dark"] .stat-top,html[data-theme="dark"] .due,html[data-theme="dark"] .page-foot,html[data-theme="dark"] .event small{color:var(--tf-muted)!important}
html[data-theme="dark"] .avatar,html[data-theme="dark"] .user-pill{background:#26372c!important;color:#bde8ce!important}html[data-theme="dark"] .stat-icon{background:var(--tf-green-soft)!important;color:var(--tf-green)!important}
html[data-theme="dark"] .badge{background:#2a352d!important;color:#cfdbd1!important}html[data-theme="dark"] .status-to_do{background:#2b332e!important;color:#c4cec6!important}html[data-theme="dark"] .status-in_progress{background:#22334a!important;color:#a8c9f3!important}html[data-theme="dark"] .status-in_review{background:#40351f!important;color:#f1c974!important}html[data-theme="dark"] .status-changes_requested{background:#432b29!important;color:#f0a79d!important}html[data-theme="dark"] .status-completed{background:#203c2c!important;color:#9be0ae!important}
html[data-theme="dark"] .notice{background:#203b2b!important;color:#a9e1ba!important}html[data-theme="dark"] .alert{background:#422b29!important;color:#f0aaa0!important}html[data-theme="dark"] .icon{background:var(--tf-green-soft)!important;color:var(--tf-green)!important}html[data-theme="dark"] .brand-icon,html[data-theme="dark"] .brandmark{background:#216e4c!important}
html[data-theme="dark"] dialog.modal{background:var(--tf-surface)!important;color:var(--tf-ink)!important;border-color:var(--tf-line)!important}html[data-theme="dark"] .login-card button,html[data-theme="dark"] body>main button:not(.secondary){background:#216e4c!important;color:#fff!important}html[data-theme="dark"] .button.alt{background:var(--tf-surface)!important;color:var(--tf-ink)!important;border-color:var(--tf-line)!important}html[data-theme="dark"] .brand{color:var(--tf-green)}html[data-theme="dark"] .footer,html[data-theme="dark"] .subtitle,html[data-theme="dark"] p{color:var(--tf-muted)}
html[data-theme="dark"] .platform-top,html[data-theme="dark"] .platform-wrap .panel,html[data-theme="dark"] .company-card{background:var(--tf-surface)!important;color:var(--tf-ink)!important;border-color:var(--tf-line)!important}html[data-theme="dark"] .platform-wrap .primary{background:#216e4c!important}html[data-theme="dark"] .platform-wrap .field input,html[data-theme="dark"] .platform-wrap .field select{background:var(--tf-control)!important;color:var(--tf-ink)!important;border-color:var(--tf-line)!important}html[data-theme="dark"] .company-meta,html[data-theme="dark"] .member-table th,html[data-theme="dark"] .member-table .muted{color:var(--tf-muted)!important}html[data-theme="dark"] .member-table td{border-color:var(--tf-line)!important}html[data-theme="dark"] .member-chip{background:#26372c!important;color:#d4e2d7!important}html[data-theme="dark"] .platform-wrap .button-lite{background:var(--tf-surface)!important;color:var(--tf-ink)!important;border-color:var(--tf-line)!important}html[data-theme="dark"] .platform-foot{color:var(--tf-muted)!important}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 11px;border:1px solid var(--tf-line,#e7ebe7);border-radius:9px;background:var(--tf-surface,#fff);color:var(--tf-ink,#18251f);font-size:12px;font-weight:700;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--tf-green,#176b4d)}.theme-toggle-icon{font-size:15px;line-height:1}.theme-toggle:focus-visible{outline:3px solid #57a77d66;outline-offset:2px}
html[data-theme="dark"] .theme-toggle{background:#19221c;color:#e8efe9;border-color:#34443a}
.theme-corner{position:fixed;top:18px;right:18px;z-index:20}
@media(max-width:600px){.theme-toggle-label{display:none}.theme-corner{top:12px;right:12px}.theme-corner .theme-toggle{width:38px;padding:0}}

/* Workspace refresh: calmer surfaces, stronger hierarchy, clearer task ownership. */
html:not([data-theme="dark"]){--paper:#f4f7f5;--ink:#17271f;--muted:#718077;--line:#e3ebe5;--green:#19734f;--mint:#e8f4ec}
html:not([data-theme="dark"]) body{background:var(--paper)}
.topbar{height:68px;background:var(--tf-surface);padding:0 clamp(18px,4vw,64px);box-shadow:0 1px 0 var(--line)}
.layout{grid-template-columns:242px minmax(0,1fr);max-width:1680px}
.sidebar{padding:30px 18px 24px clamp(18px,3vw,44px);background:var(--tf-surface-2)}
.side-label{margin:10px 12px 11px;font-size:9px;letter-spacing:1.5px}
.navlink{padding:11px 13px;margin:4px 0;border-radius:9px;font-size:13px;transition:background .16s,color .16s,transform .16s}
.navlink:hover{transform:translateX(2px)}
.navicon{font-size:17px}
.main{max-width:1320px;padding-top:38px}
.workspace-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;overflow:hidden;margin:0 0 22px;padding:29px 32px;border:1px solid #dcece1;border-radius:17px;background:radial-gradient(ellipse at 90% 0%,#d9f0e1 0,transparent 45%),linear-gradient(115deg,#fff 0%,#f4faf5 100%);box-shadow:0 10px 35px #213c2a0b}
.workspace-hero:after{content:"";position:absolute;width:190px;height:190px;border:1px solid #b9dbc4;border-radius:50%;right:3%;bottom:-145px;box-shadow:0 0 0 24px #cfe8d633,0 0 0 48px #cfe8d622;pointer-events:none}
.workspace-hero-copy,.hero-actions{position:relative;z-index:1}
.workspace-hero .eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.15px}
.live-dot{width:7px;height:7px;border-radius:50%;background:#38a56b;box-shadow:0 0 0 4px #38a56b1c}
.hero-separator{color:#aab7ad}
.workspace-hero h1{margin:13px 0 6px;font-size:clamp(24px,3vw,34px);letter-spacing:-1px;line-height:1.15}
.workspace-hero p{margin:0;color:var(--muted);font-size:14px}
.workflow-hint{display:flex;align-items:center;gap:11px;margin-top:19px;color:#52665a;font-size:11px;font-weight:650}
.workflow-step{display:flex;align-items:center;gap:6px}.workflow-step b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#deeee3;color:#287347;font-size:10px}.workflow-arrow{color:#a6b5aa}
.hero-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.hero-actions button{padding:11px 15px;border-radius:9px;box-shadow:0 5px 14px #176b4d1c}.hero-actions .secondary{box-shadow:none}
.stats{gap:13px;margin:0 0 24px}
.stat{position:relative;overflow:hidden;padding:17px 19px 15px;border-radius:13px;box-shadow:0 4px 18px #23372b08;transition:transform .16s,box-shadow .16s}
.stat:hover{transform:translateY(-2px);box-shadow:0 9px 23px #23372b12}
.stat-top{align-items:center;font-size:9px;letter-spacing:1px;font-weight:750}
.stat-num{font-size:31px;margin-top:8px;line-height:1.05}
.stat-caption{display:flex;justify-content:space-between;align-items:center;margin-top:9px;color:var(--muted);font-size:11px}.stat-caption span{font-size:15px;color:var(--green)}
.stat-mine{border-top:3px solid #4d9c71}.stat-review{border-top:3px solid #d59c3d}.stat-assigned{border-top:3px solid #7582c2}.stat-overdue{border-top:3px solid #d26a5b}
.work-section{overflow:hidden;background:var(--tf-surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 30px #22372a08}
.work-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px 15px}
.work-section-head .eyebrow{font-size:9px;letter-spacing:1.35px}.work-section-head h2{font-size:21px;letter-spacing:-.45px;margin:4px 0 2px}.work-section-head p{margin:0;color:var(--muted);font-size:12px}
.total-pill{background:var(--tf-surface-2);border:1px solid var(--line);border-radius:30px;padding:6px 11px;color:var(--muted);font-size:11px;font-weight:700}
.work-tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--line);overflow:auto;white-space:nowrap}
.work-tabs a{display:flex;align-items:center;gap:7px;padding:12px 11px 11px;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;font-weight:650}
.work-tabs a:hover,.work-tabs a.active{color:var(--green)}.work-tabs a.active{border-color:var(--green)}.work-tabs a span{background:var(--tf-surface-2);border-radius:20px;padding:1px 6px;font-size:10px}
.board-filters{display:flex;align-items:center;gap:9px;padding:14px 20px;background:var(--tf-surface-2);border-bottom:1px solid var(--line)}
.search-box{display:flex;align-items:center;gap:8px;flex:1;min-width:190px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--tf-surface);color:var(--muted)}.search-box>span{font-size:21px;line-height:1}.search-box input{width:100%;padding:9px 0;border:0!important;outline:0;background:transparent!important;color:var(--ink)}
.filter-select{display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--tf-surface)}.filter-select span{color:var(--muted);font-size:10px;font-weight:700}.filter-select select{max-width:125px;padding:9px 0;border:0;background:transparent;color:var(--ink);font-size:11px;outline:none}
.board-filters button{padding:9px 12px}
.task-board-labels,.task-board-row{display:grid;grid-template-columns:minmax(260px,2.2fr) minmax(125px,1fr) minmax(120px,.9fr) minmax(120px,.9fr) 100px;align-items:center;gap:14px}
.task-board-labels{padding:11px 22px;background:var(--tf-surface);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.85px;font-weight:750}
.task-board-row{padding:13px 22px;border-top:1px solid var(--line);transition:background .14s}.task-board-row:hover{background:var(--tf-surface-2)}
.task-board-name{display:flex;align-items:center;gap:11px;min-width:0}.task-board-name>div{min-width:0}.task-board-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.task-check{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;border:1.5px solid #cbd6ce;border-radius:6px;color:white;font-size:11px}.task-check.checked{background:#48a370;border-color:#48a370}.task-sub{display:flex;align-items:center;gap:5px;overflow:hidden;white-space:nowrap;font-size:10px;margin-top:4px}.task-sub span{overflow:hidden;text-overflow:ellipsis}.sub-dot{color:#abb6ad}.priority-label{font-weight:700}.priority-label.priority-urgent,.priority-label.priority-high{color:#be5145}.priority-label.priority-medium{color:#a56812}.priority-label.priority-low{color:#748078}
.task-board-status .badge{font-size:10px;padding:5px 8px}.task-board-row .avatarline{min-width:0;overflow:hidden;white-space:nowrap;font-size:11px}.task-board-row .avatarline>span:last-child{overflow:hidden;text-overflow:ellipsis}.task-board-row .avatar{width:25px;height:25px;flex:0 0 auto}.task-board-row .due{font-size:11px}.task-board-row .due small{display:block;color:#bf594d;font-size:9px;font-weight:700}.board-empty{margin:18px;padding:34px 20px}.empty-icon{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 10px;border-radius:13px;background:#e7f4eb;color:#328255;font-size:18px;font-weight:800}.board-empty strong{display:block;color:var(--ink);font-size:14px}.board-empty>div:not(.empty-icon){margin-top:5px;font-size:12px}.board-pagination{padding:14px 20px;border-top:1px solid var(--line)}
.page-heading{margin-bottom:22px}.panel,.form-card{box-shadow:0 6px 24px #22372a08}.page-foot{padding-top:10px}
html[data-theme="dark"]{--paper:#101713;--ink:#e8efe9;--muted:#a3afa6;--line:#2b3930;--green:#65c596;--mint:#20382c}
html[data-theme="dark"] .workspace-hero{background:radial-gradient(ellipse at 90% 0%,#244431 0,transparent 48%),linear-gradient(115deg,#19241d 0%,#17241b 100%);border-color:#304c39;box-shadow:0 12px 40px #0002}
html[data-theme="dark"] .workflow-hint{color:#c1d2c5}html[data-theme="dark"] .workflow-step b{background:#294533;color:#a8e0b8}html[data-theme="dark"] .workspace-hero:after{border-color:#416b4d;box-shadow:0 0 0 24px #406e4733,0 0 0 48px #406e4722}
html[data-theme="dark"] .work-section{background:var(--tf-surface);border-color:var(--line)}html[data-theme="dark"] .work-tabs a.active{color:var(--green)}html[data-theme="dark"] .work-tabs a span,html[data-theme="dark"] .total-pill{background:#202b23;border-color:var(--line);color:var(--tf-muted)}html[data-theme="dark"] .task-board-row:hover{background:#202b23}html[data-theme="dark"] .task-check{border-color:#4a5b4e}html[data-theme="dark"] .task-check.checked{background:#328255;border-color:#328255}html[data-theme="dark"] .empty-icon{background:#203b2b;color:#a9e1ba}
html[data-theme="dark"] .stat-mine{border-top-color:#65c596}html[data-theme="dark"] .stat-review{border-top-color:#d5a64d}html[data-theme="dark"] .stat-assigned{border-top-color:#8993cf}html[data-theme="dark"] .stat-overdue{border-top-color:#d87969}
@media(max-width:1050px){.task-board-labels,.task-board-row{grid-template-columns:minmax(220px,2fr) minmax(115px,1fr) minmax(115px,1fr) 95px}.task-board-labels span:nth-child(4),.task-board-row .task-assigner{display:none}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{padding:7px 12px}.workspace-hero{padding:22px;align-items:flex-start}.hero-actions{flex-direction:column;align-items:stretch}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.work-section-head{padding:18px 16px 13px}.work-tabs{padding:0 10px}.work-tabs a{padding:11px 9px}.board-filters{flex-wrap:wrap;padding:12px}.search-box{flex-basis:100%}.task-board-labels{display:none}.task-board-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:13px 14px}.task-board-name{grid-column:1/-1}.task-board-status{grid-column:1}.task-board-row .avatarline{grid-column:1}.task-board-row .task-assigner{display:none}.task-board-row .due{grid-column:2;grid-row:2;text-align:right}.task-board-status{grid-row:2}.task-board-row .avatarline{grid-row:3}.task-board-row .due{grid-row:3}.task-board-status .badge{font-size:9px}.task-board-row .avatarline{font-size:10px}}
@media(max-width:520px){.workspace-hero{display:block}.hero-actions{flex-direction:row;margin-top:18px}.workflow-hint{gap:6px;font-size:9px}.workflow-step{gap:4px}.workflow-step b{width:17px;height:17px}.stats{gap:8px}.stat{padding:13px}.stat-num{font-size:26px}.stat-caption{font-size:9px}.filter-select{flex:1;justify-content:space-between}.filter-select select{max-width:100px}.board-filters button{flex:1}.work-section-head h2{font-size:19px}}
.compact-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--tf-surface-2);color:var(--muted);font-size:11px}.pager-actions{display:flex;align-items:center;gap:8px}.pager-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:7px;background:var(--tf-surface);color:var(--ink);font-size:11px;font-weight:650}.pager-button:not(.disabled):hover{border-color:var(--green);color:var(--green)}.pager-button.disabled{color:#aab3ac;background:var(--tf-surface-2)}.pager-page{white-space:nowrap;font-weight:650;color:var(--ink)}
.table-search{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.table-search label{color:var(--muted);font-size:10px;font-weight:700}.table-search input{min-width:190px;max-width:260px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--tf-surface);color:var(--ink);font-size:12px}.table-search .button-lite{padding:8px 10px;border-radius:7px;font-size:11px}.clear-search{color:var(--green);font-size:11px;font-weight:700}.notification-search{padding:0 0 12px;margin-bottom:2px;border-bottom:1px solid var(--line)}.notification-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
html[data-theme="dark"] .compact-pager{background:var(--tf-surface-2);border-color:var(--line)}html[data-theme="dark"] .pager-button{background:#202b23;border-color:var(--line);color:var(--tf-ink)}html[data-theme="dark"] .pager-button.disabled{background:#151d18;color:#718078}html[data-theme="dark"] .table-search input{background:var(--tf-control);color:var(--tf-ink);border-color:var(--line)}
@media(max-width:780px){.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.table-search{width:100%}.table-search input{flex:1;min-width:130px}.notification-row{align-items:flex-start}.compact-pager{padding:9px;font-size:10px}.pager-actions{gap:5px}.pager-button{min-height:29px;padding:5px 7px}.pager-summary{max-width:42%;line-height:1.4}}
@media(max-width:450px){.pager-button span{display:none}.pager-actions{gap:4px}.pager-page{font-size:10px}.compact-pager{gap:6px}}