:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box;overflow-wrap:anywhere}html,body{overflow-x:hidden}body{min-width:0;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#1f5eff;border:0;border-radius:12px;padding:.75rem 1rem;font-weight:700;transition:opacity .2s,transform .2s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{color:#1b2b4f;background:#e8edfb}button.danger{color:#a73333}button.small{padding:.45rem .7rem}input,select,textarea{color:#172033;background:#fff;border:1px solid #d8dfef;border-radius:12px;width:100%;padding:.75rem .85rem}textarea{resize:vertical}label{color:#3c4863;gap:.4rem;font-size:.92rem;font-weight:700;display:grid}h1,h2,h3,h4,p{margin-top:0}.app-shell{width:100%;max-width:1440px;margin:0 auto;padding:clamp(12px,3vw,32px)}.hero,.app-toolbar{color:#fff;background:linear-gradient(135deg,#1b2b4f,#1f5eff);border-radius:28px;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px;display:flex}.app-toolbar{border-radius:20px;padding:16px 20px}.hero h1{margin-bottom:1rem;font-size:clamp(2rem,5vw,4rem);line-height:1}.app-toolbar h1{margin-bottom:.25rem;font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.15}.hero p,.app-toolbar p{color:#ffffffd1;max-width:680px}.app-toolbar p{margin-bottom:0}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.eyebrow{color:#8db3ff;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem;font-weight:900}.layout-grid{grid-template-columns:minmax(300px,380px) 1fr;align-items:start;gap:24px;margin-top:24px;display:grid}.panel,.login-card{background:#ffffffeb;border:1px solid #e3e8f4;border-radius:24px;padding:24px;box-shadow:0 18px 55px #1b2b4f14}.composer{position:sticky;top:24px}.composer form,.login-form{gap:1rem;display:grid}.form-grid,.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.inline-fields{grid-template-columns:140px 1fr auto;align-items:end}.grow{min-width:0}.workspace{gap:16px;margin-top:24px;display:grid}.tabs{background:#e8edfb;border-radius:18px;gap:.35rem;width:fit-content;padding:.35rem;display:inline-flex}.tab{color:#5a6680;background:0 0}.tab.active{color:#1f5eff;background:#fff;box-shadow:0 6px 20px #1b2b4f14}.active-list{gap:18px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.count-badge{color:#1f5eff;white-space:nowrap;background:#eef4ff;border-radius:999px;padding:.45rem .75rem;font-weight:900}.active-rows{gap:.75rem;display:grid}.active-row{background:#f8faff;border:1px solid #e7ecf7;border-radius:18px;overflow:hidden}.active-row summary{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem;list-style:none;display:grid}.active-row summary::-webkit-details-marker{display:none}.active-row summary:before{color:#1f5eff;content:"▸";grid-column:1/-1;margin-bottom:-.6rem;font-weight:900}.active-row[open] summary:before{content:"▾"}.active-row-main{gap:.2rem;display:grid}.active-row-main strong{font-size:1.05rem}.active-row-main span,.active-row-meta{color:#68748d;font-size:.9rem}.active-row-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.active-row-detail{border-top:1px solid #e7ecf7;gap:1rem;padding:1rem;display:grid}.task-card{gap:1rem;display:grid}.task-card-header,.task-mini-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.breadcrumb,.meta-row,.muted{color:#68748d;font-size:.9rem}.due-badge{color:#9a6419;white-space:nowrap;background:#fff5de;border-radius:999px;padding:.45rem .75rem;font-size:.88rem;font-weight:800}.due-badge.compact{padding:.35rem .65rem}.meta-row{flex-wrap:wrap;gap:.75rem;display:flex}.task-detail{border-top:1px solid #edf1f8;gap:1rem;padding-top:1rem;display:grid}.description{color:#3c4863;white-space:pre-wrap}.subtasks{gap:.6rem;display:grid}.subtask-row{background:#f6f8fd;border-radius:14px;align-items:center;gap:.65rem;padding:.7rem;display:flex}.subtask-row input{width:auto}.due-date-form,.log-form{gap:.75rem;display:grid}.due-date-form{background:#f8faff;border:1px solid #e7ecf7;border-radius:16px;grid-template-columns:1fr auto;align-items:end;padding:.85rem}.timeline{gap:.75rem;display:grid}.log-entry{background:#f8faff;border-left:3px solid #1f5eff;border-radius:0 14px 14px 0;padding:.8rem 1rem}.log-entry span{color:#1f5eff;font-size:.78rem;font-weight:900}.log-entry p{white-space:pre-wrap;margin-bottom:.4rem}.log-entry time{color:#7a8498;font-size:.82rem}.card-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hierarchy{gap:1rem;display:grid}.inline-create{background:#f8faff;border:1px solid #e7ecf7;border-radius:18px;grid-template-columns:1fr auto;align-items:end;gap:.8rem;padding:1rem;display:grid}.inline-create.subtle{background:#fff;border-style:dashed;padding:.8rem}.compact-empty{background:#f8faff;border-radius:18px;padding:1.5rem}.domain-card-grid,.active-domain-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem;display:grid}.domain-card,.active-domain-card{background:linear-gradient(#fff 0%,#f8faff 100%);border:1px solid #dfe6f5;border-radius:24px;gap:1rem;padding:1.1rem;display:grid;box-shadow:0 16px 45px #1b2b4f14}.domain-card-header{border-bottom:1px solid #edf1f8;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.85rem;display:flex}.domain-card-header h3{margin-bottom:.2rem;font-size:1.45rem}.domain-card-header p{color:#68748d;margin-bottom:0;font-size:.9rem}.compact-header{border-bottom:0;padding-bottom:0}.category-card{background:#fff;border:1px solid #e7ecf7;border-radius:20px;gap:.85rem;padding:1rem;display:grid}.category-card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.category-card-header h4{margin-bottom:0}.task-create-form{background:#fff;border:1px solid #d8dfef;border-radius:18px;gap:1rem;padding:1rem;display:grid}.task-kind-group,.draft-subtasks{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.draft-subtasks{grid-template-columns:1fr auto;align-items:end}.draft-subtask-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.draft-subtask-list li{background:#f8faff;border:1px solid #e7ecf7;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.radio-card{background:#f8faff;border:1px solid #e7ecf7;border-radius:14px;align-items:center;gap:.65rem;padding:.85rem;display:flex}.radio-card input{width:auto}.task-mini-card{background:#f8faff;border:1px solid #e7ecf7;border-radius:18px;gap:.75rem;padding:1rem;display:grid}.task-mini-card.closed,.task-mini-card.archived{opacity:.72}.archive-panel{background:#f6f8fd;border:1px dashed #cfd8ea;border-radius:16px;padding:.75rem}.archive-panel summary{color:#68748d;cursor:pointer;font-weight:800}.archive-list{gap:.75rem;margin-top:.75rem;display:grid}.task-mini-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.task-mini-card-header strong{font-size:1.05rem;display:block}.task-mini-card-header span{color:#68748d;margin-top:.2rem;font-size:.85rem;display:inline-block}.alert,.loading{border-radius:16px;margin-top:1rem;padding:1rem}.alert{color:#9e2f2f;background:#fff0f0;border:1px solid #ffd1d1}.alert.compact{margin-top:0;padding:.75rem}.loading{color:#1f5eff;background:#eef4ff}.empty-state{text-align:center}.login-page{background:radial-gradient(circle at 0 0,#1f5eff2e,#0000 35%),#f5f7fb;align-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:100%;max-width:460px;margin:0 auto}@media (width<=980px){.layout-grid{grid-template-columns:1fr}.composer{position:static}.hero,.app-toolbar{display:grid}.active-row summary{grid-template-columns:1fr}.active-row-meta{justify-content:flex-start}}@media (width<=720px){.app-shell{padding:18px}.hero,.app-toolbar,.panel,.login-card{border-radius:20px;padding:18px}.form-grid,.inline-fields,.inline-create,.due-date-form,.task-kind-group,.draft-subtasks{grid-template-columns:1fr}.task-card-header,.task-mini-card-header,.category-card-header,.domain-card-header{display:grid}}.app-shell-board{max-width:none;padding:0}.board-topbar{box-shadow:none;color:#1f2937;background:#fff;border-bottom:1px solid #dfe3ec;border-radius:0;padding:12px 18px}.board-topbar h1{font-size:1.15rem}.board-topbar .eyebrow,.board-header .eyebrow,.drawer-header .eyebrow,.drawer-empty .eyebrow{color:#676879;letter-spacing:0;text-transform:none;margin-bottom:.15rem}.board-topbar button.secondary{color:#323338;background:#f5f6f8;border:1px solid #dfe3ec}.board-workspace{background:#f6f7fb;grid-template-columns:286px minmax(640px,1fr) minmax(380px,460px);min-height:calc(100vh - 72px);display:grid}.board-workspace.sidebar-collapsed{grid-template-columns:58px minmax(640px,1fr) minmax(380px,460px)}.board-sidebar{background:#fff;border-right:1px solid #dfe3ec;min-width:0;overflow:auto}.board-sidebar.collapsed{overflow:hidden}.board-sidebar-header{border-bottom:1px solid #dfe3ec;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.workspace-chip{color:#323338;background:#fff;border:1px solid #c5c7d0;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:0;padding:.45rem .55rem;display:inline-flex}.workspace-avatar,.collapsed-workspace{color:#fff;background:#6c63ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:900;display:inline-flex}.sidebar-toggle{flex:none}.board-sidebar-body,.collapsed-workspaces{gap:8px;padding:14px;display:grid}.collapsed-workspaces{justify-items:center;padding-inline:8px}.collapsed-workspace{border:0;padding:0}.collapsed-workspace.active{outline-offset:2px;outline:2px solid #0073ea}.sidebar-section-title{color:#323338;margin-top:8px;font-size:.78rem;font-weight:800}.sidebar-domain,.sidebar-project-list{gap:4px;display:grid}.sidebar-project-list{padding-left:12px}.sidebar-item{color:#323338;text-align:left;background:0 0;border-radius:6px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:.45rem .55rem;display:grid}.sidebar-item:hover,.sidebar-item.active{background:#cce5ff;transform:none}.sidebar-item.project{color:#4b4f67}.sidebar-item-icon{color:#676879;text-align:center}.sidebar-item-main{gap:.05rem;min-width:0;display:grid}.sidebar-item-main strong,.sidebar-item-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-item-main strong{font-size:.9rem}.sidebar-item-main small,.sidebar-empty{color:#676879;font-size:.78rem}.board-nav{background:#fff;border-right:1px solid #dfe3ec;flex-direction:column;align-items:center;gap:12px;padding:14px 8px;display:flex}.board-logo,.nav-icon,.icon-button{aspect-ratio:1;border-radius:8px;justify-content:center;align-items:center;min-width:0;padding:0;display:inline-flex}.board-logo{color:#fff;background:#00c875;width:34px;font-size:.72rem;font-weight:900}.nav-icon,.icon-button{color:#676879;background:0 0;width:34px}.nav-icon.active{color:#0073ea;background:#e5f4ff}.board-main{background:#fff;border-right:1px solid #dfe3ec;min-width:0;padding:22px 26px 48px;overflow:auto}.board-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.board-header h1{margin-bottom:0;font-size:1.75rem;line-height:1.15}.board-header button,.drawer-actions button,.task-drawer .composer button{border-radius:6px;padding:.55rem .8rem}.board-tools{border-bottom:1px solid #dfe3ec;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:14px;display:flex}.board-tools>input{flex:220px;max-width:320px}.board-tools>select{flex:0 0 160px}.board-tools .switch-row{white-space:nowrap;flex:none}.board-tool-actions{flex:180px;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.toolbar-ghost{color:#323338;background:0 0;border-radius:6px;padding:.45rem .55rem}.toolbar-ghost:hover{background:#f5f6f8;transform:none}.board-tools input,.board-tools select,.drawer-meta-grid select,.task-drawer input,.task-drawer select,.task-drawer textarea{border-radius:6px;padding:.55rem .7rem}.switch-row{color:#323338;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.switch-row input{width:auto}.board-table{min-width:980px}.board-table-head,.board-row{grid-template-columns:52px minmax(210px,1.3fr) 112px 145px 118px 96px minmax(130px,1fr) 74px 46px;gap:0;display:grid}.board-table-head{color:#676879;font-size:.82rem;font-weight:700}.board-table-head span,.board-row>span{text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #dfe3ec;align-items:center;min-width:0;padding:0 12px;display:flex;overflow:hidden}.board-table-head span:last-child,.board-row>span:last-child{border-right:0}.board-group{margin-top:22px}.board-group-title{border-left:6px solid var(--group-accent);color:var(--group-accent);background:0 0;border-radius:0;align-items:center;gap:8px;width:fit-content;height:34px;padding:0 0 0 10px;display:flex}.board-group-title:hover{transform:none}.board-group-title span:not(.group-caret){font-size:1.15rem;font-weight:800}.group-caret{width:14px;font-size:1.1rem;font-weight:900}.board-group-title small{color:#676879;font-size:.8rem}.board-row{border:1px solid #dfe3ec;border-left:6px solid var(--group-accent,#579bfc);color:#323338;text-align:left;background:#fff;border-radius:0;width:100%;min-height:40px;padding:0;font-weight:500}.board-row+.board-row{border-top:0}.board-row:hover,.board-row.selected,.board-row:focus-within{background:#e5f4ff;transform:none}.empty-row{color:#676879;border-left-color:#dfe3ec;padding:10px 14px 10px 42px;display:block}.board-add-row{border:1px solid #dfe3ec;border-left:6px solid var(--group-accent,#579bfc);color:#676879;text-align:left;background:#fff;border-radius:0;width:100%;min-height:38px;padding:0 0 0 74px;display:block}.board-add-row:hover{background:#f5f6f8;transform:none}.row-leading-actions{justify-content:center;gap:6px;padding-inline:6px!important}.row-leading-actions input{width:16px;height:16px}.row-hover-action{color:#676879;opacity:0;background:0 0;width:20px;padding:0}.board-row:hover .row-hover-action,.board-row:focus-within .row-hover-action{opacity:1}.task-cell{gap:.05rem;display:grid!important}.task-title-button,.cell-button,.row-more-button{color:inherit;text-align:left;background:0 0;border-radius:4px;width:100%;min-width:0;padding:0}.task-title-button{gap:.05rem;display:grid}.task-title-button:hover,.cell-button:hover,.row-more-button:hover,.row-hover-action:hover{background:#67687914;transform:none}.task-cell strong,.latest-cell,.task-title-button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.task-cell small,.task-title-button small{color:#676879;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.status-cell{color:#fff;text-align:center;justify-content:center;font-size:.86rem;font-weight:800}.status-cell.blue{background:#579bfc}.status-cell.orange{background:#fdab3d}.status-cell.red{background:#e2445c}.status-cell.green{background:#00c875}.due-date-cell input{border:0;border-radius:0;height:100%;padding:0}.task-drawer{background:#fff;min-width:0;overflow:auto}.drawer-panel{gap:16px;padding:22px;display:grid}.drawer-header{border-bottom:1px solid #dfe3ec;justify-content:space-between;align-items:start;gap:12px;padding-bottom:14px;display:flex}.drawer-header h2{margin-bottom:0;font-size:1.45rem;line-height:1.18}.drawer-meta-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.field-label{color:#3c4863;margin-bottom:.4rem;font-size:.92rem;font-weight:700;display:block}.drawer-meta-grid strong{background:#f5f6f8;border:1px solid #dfe3ec;border-radius:6px;align-items:center;min-height:42px;padding:.55rem .7rem;display:flex}.drawer-tabs{border-bottom:1px solid #dfe3ec;gap:4px;display:flex}.drawer-tabs button{color:#676879;background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:.65rem .85rem}.drawer-tabs button.active{color:#0073ea;border-bottom-color:#0073ea}.task-drawer .task-detail{border-top:0;padding-top:0}.task-drawer .due-date-form,.task-drawer .subtask-row,.task-drawer .log-entry,.task-drawer .inline-create{border-radius:6px}.task-drawer .inline-fields{grid-template-columns:120px 1fr auto}.task-drawer .log-editor-row{align-items:start}.panel-note-grid,.drawer-meta-grid.three-up,.attachments-list,.attachment-form,.files-pane,.drawer-actions,.panel-search{gap:12px;display:grid}.panel-note-grid,.drawer-meta-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-grid{grid-template-columns:120px 1fr}.compact-heading{align-items:center}.attachments-list{gap:10px}.attachment-card{background:#f8faff;border:1px solid #dfe3ec;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;display:grid}.attachment-preview{object-fit:cover;border:1px solid #dfe3ec;border-radius:6px;grid-column:1/-1;width:100%;max-height:220px}.attachment-card a{color:#0073ea;text-decoration:none}.attachment-card a:hover{text-decoration:underline}.activity-entry{border-left-color:#00a9ff}.file-dropzone{background:#f5f6f8;border:1px dashed #c5c7d0;border-radius:8px;place-items:center;gap:14px;min-height:180px;padding:18px;display:grid}.file-actions,.drawer-actions{flex-wrap:wrap;display:flex}.file-actions{gap:8px}.drawer-actions{border-top:1px solid #dfe3ec;gap:10px;padding-top:14px}.drawer-empty{align-content:start}.task-drawer .composer{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:static}.task-drawer .composer h2,.task-drawer .composer>p{display:none}@media (width<=1180px){.board-workspace,.board-workspace.sidebar-collapsed{grid-template-columns:58px minmax(0,1fr)}.board-sidebar:not(.collapsed){z-index:11;width:min(82vw,286px);position:fixed;top:72px;bottom:0;left:0;box-shadow:12px 0 30px #1d1e281f}.task-drawer{z-index:10;border-left:1px solid #dfe3ec;width:min(92vw,460px);position:fixed;top:72px;bottom:0;right:0;box-shadow:-12px 0 30px #1d1e281f}}@media (width<=760px){.board-topbar{display:grid}.board-workspace,.board-workspace.sidebar-collapsed{grid-template-columns:1fr}.board-sidebar.collapsed{display:none}.board-main{padding:18px 14px 42px}.board-header,.drawer-header,.drawer-meta-grid,.panel-note-grid,.drawer-meta-grid.three-up,.attachment-card{display:grid}.board-tools,.board-tool-actions{grid-template-columns:1fr;align-items:stretch;display:grid}.board-tools>input,.board-tools>select{max-width:none}.board-table{min-width:760px}.task-drawer{top:96px}.task-drawer .inline-fields{grid-template-columns:1fr}}
