:root{--ink:#171725;--muted-strong:#52526b;--muted:#7b7b93;--line:#e7e7ef;--shadow:0 18px 48px #17172514;--click-purple:#7b68ee;--click-blue:#00b5ff;--click-pink:#ff02a8;--click-green:#00c875;--click-yellow:#ffb800;--click-orange:#ff7a00;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,h1,h2,p{margin:0}.app-shell{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 16% 0,#7b68ee29,#0000 30rem),radial-gradient(circle at 92% 10%,#00b5ff24,#0000 24rem),linear-gradient(#fff 0%,#f7f8fc 100%);grid-template-columns:280px minmax(0,1fr);display:grid}.login-shell{background:radial-gradient(circle at 20% 0,#7b68ee29,#0000 30rem),radial-gradient(circle at 88% 12%,#00b5ff1f,#0000 24rem),linear-gradient(#fff 0%,#f7f8fc 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.login-card,.password-modal{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;gap:14px;padding:22px;display:grid}.login-brand{align-items:center;gap:14px;margin-bottom:6px;display:flex}.login-brand img{object-fit:contain;width:58px;height:58px}.login-brand h1,.password-modal h2{margin:2px 0 0;font-size:28px}.password-modal p,.form-error{color:var(--muted);margin:0}.form-error{color:#b91c1c}.storage-warning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:14px;font-weight:700}.guest-button{width:100%}.mobile-menu-button,.mobile-menu-backdrop{display:none}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;background:#ffffffeb;flex-direction:column;gap:28px;height:100svh;padding:24px;display:flex;position:sticky;top:0}.brand,.account-panel,.nav-item,.metric-card,.project-row,.timeline-overview,.detail-hero,.form-band,.timeline-band,.bonus-pools,.task-row,.member-summary,.warning-list,.rule-panel,.status-pill{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0}.account-panel{border-radius:8px;gap:8px;padding:14px;display:grid}.account-panel select{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;min-height:38px;padding:0 10px}.account-panel small{color:var(--muted);line-height:1.45}.brand{background:linear-gradient(135deg,#fffffff5,#f7faffe6),radial-gradient(circle at 18% 18%,#00b5ff2e,#0000 9rem);border-radius:8px;align-items:center;gap:14px;padding:16px;display:flex;position:relative;overflow:hidden}.brand:before{content:"";filter:blur(4px);background:linear-gradient(#7b68ee33,#00b5ff29);border-radius:999px;width:120px;position:absolute;inset:10px auto 10px -44px}.brand>*{z-index:1;position:relative}.locked{z-index:40}.brand strong,.project-main strong,.metric-card strong,.detail-copy h2,.section-heading h2{color:var(--ink)}.brand span,.eyebrow,.metric-card span,.metric-card small,.project-main span,.row-meta small,.milestone span,.bonus-pools span,.task-head span,.summary-row span{color:var(--muted)}.brand-mark,.metric-icon{color:#fff;background:linear-gradient(135deg, var(--click-purple), var(--click-blue));border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand-mark{background:#fff;border:1px solid #e0e2eef2;width:74px;min-width:74px;height:74px;box-shadow:0 16px 32px #1022361f,0 0 0 7px #7b68ee14}.brand-mark img{object-fit:contain;width:62px;height:62px}.brand strong{font-size:24px;line-height:1.05;display:block}.brand span,.eyebrow{letter-spacing:0;text-transform:uppercase;font-size:12px;display:block}.nav-stack{gap:10px;display:grid}button,input,select{font:inherit}button{cursor:pointer}.nav-item,.primary-button,.icon-button,.upload-button,.add-assignee,.mini-icon{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.nav-item{color:var(--muted-strong);background:0 0;justify-content:flex-start;padding:12px 14px}.nav-item.active{background:linear-gradient(135deg, var(--click-purple), var(--click-blue));color:#fff;border-color:#0000}.rule-panel{border-radius:8px;margin-top:auto;padding:16px}.rule-panel h2{margin:6px 0 16px;font-size:18px}.rule-panel dl{gap:8px;margin:0;display:grid}.rule-panel div{justify-content:space-between;gap:12px;display:flex}.rule-panel dt,.rule-panel dd{margin:0}.workspace{min-width:0;padding:28px}.topbar,.section-heading,.detail-title,.task-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:22px}.topbar h1{margin:4px 0 0;font-size:32px;line-height:1.1}.top-actions{align-items:center;gap:10px;display:flex}.primary-button,.icon-button,.upload-button,.danger-button{min-height:42px;color:var(--ink);background:#fff;padding:0 14px}.danger-button{color:#b91c1c;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--click-purple), var(--click-blue));color:#fff;border-color:#0000}.icon-button{width:42px;padding:0}.save-button{width:auto;min-width:86px;padding:0 10px}.save-button span{font-size:12px}.quarter-select{border:1px solid var(--line);height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.metric-card{text-align:left;color:var(--ink);border-radius:8px;align-items:center;gap:10px;padding:14px 12px;display:flex}.metric-card strong{margin:3px 0;font-size:clamp(18px,2vw,28px);line-height:1.12;display:block}.metric-card.active{border-color:var(--click-purple);box-shadow:0 0 0 3px #7b68ee24, var(--shadow)}.metric-card.warn .metric-icon{background:linear-gradient(135deg, var(--click-orange), var(--click-yellow))}.metric-card.ok .metric-icon{background:linear-gradient(135deg, var(--click-green), var(--click-blue))}.status-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.status-pill{color:var(--muted-strong);border-left-width:8px;border-radius:8px;justify-content:space-between;align-items:center;min-width:0;padding:10px 12px;display:flex}.status-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-pill.active{border-color:var(--click-purple);background:#f1efff}.status-pill strong{color:var(--ink)}.content-grid{grid-template-columns:minmax(340px,.9fr) minmax(0,1.45fr);align-items:start;gap:16px;display:grid}.project-list,.detail-panel{min-width:0}.section-heading{margin-bottom:12px}.compact-heading{margin-bottom:8px}.section-heading h2{margin:2px 0 0;font-size:20px}.timeline-overview{border-radius:8px;margin-bottom:12px;padding:12px}.timeline-list{gap:6px;max-height:255px;padding-right:3px;display:grid;overflow:auto}.timeline-axis{color:var(--muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:grid}.timeline-rail{border:1px solid var(--line);background:linear-gradient(90deg,#e8f0ff,#e8f7ef);border-radius:999px;height:34px;position:relative}.timeline-rail:before{content:"";background:#10223633;height:2px;position:absolute;top:50%;left:6px;right:6px}.timeline-dot{background:#0f766e;border:2px solid #fff;border-radius:50%;width:13px;height:13px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #10223629}.timeline-dot.active{background:#1f6feb;width:18px;height:18px}.timeline-item{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(96px,1fr) 132px 34px;align-items:end;gap:6px;padding:7px;display:grid}.timeline-item[draggable=true]{cursor:grab}.timeline-item.active{background:#f5f9ff;border-color:#1f6feb}.timeline-item button{text-align:left;background:0 0;border:0;gap:2px;min-width:0;padding:0;display:grid}.timeline-item strong,.timeline-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-item span,.timeline-item label{color:var(--muted);font-size:12px}.timeline-item label{gap:3px;display:grid}.timeline-item input{border:1px solid var(--line);min-width:0;height:30px;color:var(--ink);background:#fff;border-radius:7px;padding:0 6px;font-size:12px}.timeline-remove{align-self:end}.timeline-page{gap:16px;display:grid}.timeline-page-head,.timeline-workspace,.full-timeline,.timeline-schedule-list,.add-project-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0;border-radius:8px}.timeline-page-head{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.timeline-page-head h2{margin:2px 0 0;font-size:26px}.range-select{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.range-select select{border:1px solid var(--line);background:#fff;border-radius:8px;height:38px;padding:0 10px}.full-timeline{padding:26px 20px 22px;overflow:auto hidden}.full-timeline-rail{border:1px solid var(--line);background:linear-gradient(#ffffffb3,#ffffffeb),repeating-linear-gradient(90deg,#1022361a,#1022361a 1px,#0000 1px 168px),repeating-linear-gradient(#0000,#0000 47px,#1022360b 48px);border-radius:8px;min-height:500px;position:relative;overflow:hidden}.full-timeline-rail:before{content:"";background:linear-gradient(90deg,#1f6feb,#0f766e);border-radius:999px;height:4px;position:absolute;top:44px;left:16px;right:16px}.week-mark{color:var(--muted);white-space:nowrap;background:#ffffffd6;border:1px solid #e0e2eee6;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;top:12px;transform:translate(8px)}.week-mark:after{content:"";background:#10223614;width:1px;height:760px;position:absolute;top:28px;left:-8px}.calendar-event{border:2px solid var(--line);width:150px;min-height:44px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:30px 1fr auto;align-items:center;gap:1px 6px;padding:6px 8px;font-size:11px;display:grid;position:absolute;overflow:hidden;box-shadow:0 8px 18px #1717251a}.calendar-thumb{background:#eef3f0 50%/cover;border-radius:6px;grid-row:1/3;width:28px;height:28px}.calendar-event b,.calendar-event span,.calendar-event small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-event b{font-size:13px;line-height:1.05}.calendar-event span{color:var(--muted-strong);grid-column:2/-1}.calendar-event small{color:var(--muted);grid-column:2/-1;justify-self:start;font-size:10px;font-weight:700}.calendar-event:hover{z-index:4;transform:translateY(-2px);box-shadow:0 12px 26px #17172529}.timeline-node{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0f766e;border:2px solid #fff;border-radius:999px;min-width:54px;max-width:96px;height:30px;padding:0 9px;font-size:12px;position:absolute;top:76px;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 14px #1022362e}.timeline-node.active{background:#1f6feb;box-shadow:0 0 0 4px #1f6feb2e,0 4px 14px #1022362e}.timeline-workspace{grid-template-columns:minmax(0,1fr);gap:0;display:grid;overflow:hidden}.timeline-schedule-list,.add-project-panel{box-shadow:none;border:0;border-radius:0;padding:16px}.add-project-panel{border-left:0;border-top:1px solid var(--line);background:#f8fbf9}.timeline-list.large{max-height:none}.stage-row-list{gap:10px}.timeline-stage-row{border:1px solid var(--line);background:#fff;border-left-width:10px;border-radius:8px;grid-template-columns:54px minmax(118px,.24fr) minmax(0,1fr) 34px;align-items:center;gap:10px;padding:10px;display:grid;position:relative}.timeline-stage-row.active{box-shadow:0 0 0 3px #7b68ee21, var(--shadow)}.timeline-stage-row[draggable=true]{cursor:grab}.timeline-stage-block{gap:8px;display:grid}.stage-row-main{text-align:left;background:0 0;border:0;gap:3px;min-width:0;padding:0;display:grid}.stage-row-main strong,.stage-row-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-row-main span{color:var(--muted);font-size:12px}.project-stage-bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.stage-segment{min-height:48px;color:var(--muted-strong);background:#f4f5fb;border:1px solid #0000;border-radius:8px;align-content:center;gap:2px;min-width:0;padding:6px;display:grid}.stage-segment b,.stage-segment small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-segment b{font-size:11px}.stage-segment small{color:var(--muted);font-size:10px}.stage-segment.scheduled{color:var(--ink)}.stage-segment.bonus-bound{box-shadow:inset 0 -3px #17172529}.stage-date-editor{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:16px}.inline-stage-editor{border:1px solid var(--line);background:#fbfbff;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-left:12px;padding:10px;display:grid}.mini-stage-date{border:1px solid var(--line);background:#fff;border-left-width:4px;border-radius:8px;gap:4px;padding:7px;display:grid}.mini-stage-date span{color:var(--muted-strong);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mini-stage-date input{border:1px solid var(--line);border-radius:7px;min-width:0;height:30px;padding:0 6px;font-size:12px}.stage-date-grid{gap:8px;display:grid}.stage-date-field{border:1px solid var(--line);background:#fff;border-left-width:5px;border-radius:8px;grid-template-columns:minmax(0,1fr) 142px;align-items:center;gap:10px;padding:8px;display:grid}.stage-date-field span{color:var(--ink);gap:2px;font-size:13px;display:grid}.stage-date-field small{color:var(--click-purple);font-size:11px}.stage-date-field input{border:1px solid var(--line);border-radius:8px;height:34px;padding:0 8px}.stage-planning{border-color:#9aa5b1!important}.stage-sample{border-color:var(--click-purple)!important}.stage-base{border-color:var(--click-yellow)!important}.stage-trial{border-color:var(--click-blue)!important}.stage-detail{border-color:var(--click-orange)!important}.stage-mass{border-color:var(--click-green)!important}.stage-done{border-color:#00c875!important}.stage-paused{border-color:#c8cad8!important}.stage-segment.stage-planning{background:#f3f5f8}.stage-segment.stage-sample{background:#f1efff}.stage-segment.stage-base{background:#fff7d7}.stage-segment.stage-trial{background:#e8f7ff}.stage-segment.stage-detail{background:#fff0e6}.stage-segment.stage-mass{background:#e6fbf1}.status-corner.stage-planning{color:#52606d;background:#f3f5f8}.status-corner.stage-sample{color:var(--click-purple);background:#f1efff}.status-corner.stage-base{color:#946200;background:#fff7d7}.status-corner.stage-trial{color:#0076a8;background:#e8f7ff}.status-corner.stage-detail{color:#b34a00;background:#fff0e6}.status-corner.stage-mass,.status-corner.stage-done{color:#008a4c;background:#e6fbf1}.status-corner.stage-paused{color:#85899a;background:#f2f3f7}.add-project-form{gap:10px;display:grid}.add-image{justify-self:start}.new-image-preview{aspect-ratio:16/7;border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:8px;width:100%}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10223652;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-modal{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1120px,100vw - 48px);max-height:calc(100svh - 48px);display:grid;overflow:hidden;box-shadow:0 28px 80px #1022363d}.modal-head,.modal-actions{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.modal-head h2{margin:2px 0 0;font-size:26px}.modal-actions{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.modal-grid{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);min-height:0;display:grid;overflow:hidden}.modal-basic,.modal-task-list{min-height:0;padding:16px;overflow:auto}.modal-basic{border-right:1px solid var(--line);background:#f8fbf9}.modal-form{box-shadow:none;background:#fff;grid-template-columns:1fr}.modal-preview{margin-top:12px}.modal-task-list{align-content:start;gap:10px;display:grid}.modal-task-row{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;padding:10px;display:grid}.modal-task-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-assignee-list{gap:6px;display:grid}.modal-assignee-row{grid-template-columns:10px minmax(128px,1fr) 72px 16px 30px}.history-panel{gap:16px;display:grid}.history-head,.history-summary,.history-metrics{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0;border-radius:8px}.history-head{justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.history-head h2{margin:2px 0 0;font-size:28px}.history-actions{align-items:center;gap:10px;display:flex}.history-actions select{border:1px solid var(--line);background:#fff;border-radius:8px;height:42px;padding:0 12px}.history-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.history-metrics article{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px}.history-metrics span{color:var(--muted);margin-bottom:6px;display:block}.history-metrics strong{font-size:24px}.history-summary{padding:16px}.history-table,.detail-ledger{gap:8px;display:grid}.history-row{border-top:1px solid var(--line);grid-template-columns:minmax(110px,.7fr) 80px 120px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0 2px;display:grid}.history-row.head{color:var(--muted);border-top:0;padding-top:0;font-size:12px}.history-row b,.ledger-person-head span,.ledger-color-head b,.ledger-work b{color:#047857}.ledger-person{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.ledger-person-head{background:#f7f8fc;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.ledger-color-list{display:grid}.ledger-color{border-top:1px solid var(--line);padding:10px 12px}.ledger-color-head{grid-template-columns:96px minmax(0,1fr) 108px;align-items:center;gap:10px;margin-bottom:6px;display:grid}.ledger-color-head span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ledger-work-list{gap:4px;display:grid}.ledger-work{border-top:1px dashed var(--line);grid-template-columns:minmax(180px,1fr) minmax(130px,.75fr) 108px;align-items:center;gap:10px;padding:5px 0;display:grid}.ledger-work:first-child{border-top:0}.ledger-work small{color:var(--muted)}.ledger-work b{text-align:right}.search-box{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;min-width:180px;height:38px;padding:0 10px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0}.project-scroll{gap:10px;max-height:calc(100svh - 320px);padding-right:4px;display:grid;overflow:auto}.project-row{text-align:left;width:100%;box-shadow:inset 4px 0 0 #ffffffb8, var(--shadow);border-left-width:10px;border-radius:8px;grid-template-columns:58px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:10px;display:grid;position:relative}.status-corner{border:1px solid var(--line);max-width:92px;height:21px;color:var(--muted-strong);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;padding:0 7px;font-size:11px;display:inline-flex;position:absolute;top:8px;right:10px;overflow:hidden}.project-progress{grid-column:1/-1;height:6px}.progress-track{background:#e6ece9;border-radius:999px;width:100%;height:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--click-purple), var(--click-blue));height:100%;display:block}.project-row.active{border-color:var(--click-purple);box-shadow:0 0 0 3px #7b68ee24}.project-row.paused{opacity:.52;filter:grayscale(.6)}.project-main{min-width:0}.project-main strong,.project-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.row-meta{gap:8px;margin-top:6px;display:flex}.row-amount{color:var(--ink);white-space:nowrap;font-weight:700}.color-image{aspect-ratio:1;box-sizing:border-box;color:#ffffffd9;background-position:50%;background-size:cover;border:1px solid #10223629;border-radius:8px;place-items:end start;width:58px;padding:6px;display:grid}.color-image.empty{color:#64756d;background:#eef3f0;place-items:center}.color-image.large{border-radius:8px;width:172px;min-width:172px}.detail-hero{box-shadow:inset 4px 0 0 #ffffffb8, var(--shadow);border-left-width:12px;border-radius:8px;gap:18px;margin-bottom:14px;padding:14px;display:flex}.detail-copy{flex:1;min-width:0}.detail-copy h2{margin:2px 0 0;font-size:28px}.project-name-input{width:min(100%,520px);color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;margin:1px 0 0 -8px;padding:3px 8px;font-size:28px;font-weight:800;line-height:1.15}.project-name-input:hover:not(:disabled),.project-name-input:focus{border-color:var(--line);background:#ffffffdb;outline:0;box-shadow:0 0 0 3px #7b68ee1f}.project-name-input:disabled{opacity:1;color:var(--ink)}.detail-copy p{color:var(--muted-strong);margin:14px 0}.upload-button{white-space:nowrap;position:relative;overflow:hidden}.upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-button.disabled{opacity:.55;cursor:not-allowed}.upload-button.disabled input{cursor:not-allowed}.hero-stats{flex-wrap:wrap;gap:8px;display:flex}.hero-stats span{color:var(--muted-strong);background:#f1f5f3;border-radius:999px;padding:6px 10px;font-size:13px}.panel-stack{gap:14px;display:grid}.progress-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0;border-radius:8px;gap:12px;padding:14px;display:grid}.progress-card strong{color:var(--ink);margin-top:2px;font-size:28px;display:block}.progress-card p{color:var(--muted);margin:4px 0 0}.form-band{border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;display:grid}.form-band.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.field{gap:6px;display:grid}.field label,.toggle-field{color:var(--muted);font-size:13px}.field input,.field select{border:1px solid var(--line);height:42px;color:var(--ink);background:#fff;border-radius:8px;min-width:0;padding:0 10px}.toggle-field{border:1px solid var(--line);background:#fff;border-radius:8px;align-self:end;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.timeline-band,.bonus-pools,.payout-band{border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;display:grid}.payout-band{grid-template-columns:repeat(3,minmax(0,1fr))}.payout-control{color:var(--muted);gap:6px;font-size:13px;display:grid}.payout-control select{border:1px solid var(--line);background:#fff;border-radius:8px;height:40px;padding:0 10px}.payout-control small{color:var(--muted);line-height:1.35}.settlement-band{background:#f8fbf9}.hidden-money{background:repeating-linear-gradient(135deg,#ffffffd1,#ffffffd1 10px,#f1f5f3d1 10px 20px)}.milestone,.bonus-pools article{align-items:center;gap:10px;min-width:0;display:flex}.milestone strong,.bonus-pools strong{color:var(--ink);display:block}.warning-list{background:#fff7ed;border-color:#fed7aa;border-radius:8px;gap:8px;padding:12px;display:grid}.warning-list div{color:#9a3412;align-items:center;gap:8px;display:flex}.task-table,.member-summary{gap:7px;display:grid}.task-row,.member-summary{border-radius:8px;padding:9px 10px}.task-row.disabled{opacity:.55}.task-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:7px;display:flex}.task-head strong{color:var(--ink);font-size:14px;line-height:1.2;display:block}.task-head span{font-size:12px}.task-controls{align-items:center;gap:10px;display:flex}.inline-toggle{border:1px solid var(--line);min-height:28px;color:var(--muted-strong);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:flex}.share-total{color:#9a3412;background:#fff7ed;border-radius:999px;place-items:center;min-width:52px;height:28px;font-weight:700;display:grid}.share-total.ok{color:#047857;background:#e8f7ef}.assignee-grid{gap:5px;display:grid}.assignee-row{grid-template-columns:10px minmax(110px,1fr) 74px 16px 32px;align-items:center;gap:8px;display:grid}.avatar-dot{border-radius:50%;width:10px;height:10px}.assignee-row input,.assignee-row select,.add-assignee-row select{border:1px solid var(--line);min-width:0;height:30px;color:var(--ink);background:#fff;border-radius:8px;padding:0 8px}.mini-icon{background:#fff;width:30px;height:30px;padding:0}.add-assignee{min-height:31px;color:var(--ink);background:#f1f5f3}.add-assignee-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.summary-table{gap:8px;display:grid}.payout-total-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px;padding:10px 0;display:grid}.summary-total-grid{color:var(--muted-strong);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:12px;display:grid}.payout-progress{background:#e6ece9;border-radius:999px;height:12px;display:flex;overflow:hidden}.payout-progress span{height:100%}.payout-progress .paid{background:#047857}.payout-progress .pending{background:#d97706}.payout-progress .unreached{background:#cbd5d1}.summary-row{border-top:1px solid var(--line);grid-template-columns:minmax(76px,.8fr) minmax(64px,.6fr) repeat(3,minmax(86px,1fr));align-items:center;gap:10px;padding-top:8px;display:grid}.summary-row b{color:#047857}.summary-row.compact{grid-template-columns:minmax(90px,1fr) minmax(72px,.8fr)}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;min-height:0;position:static}.content-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(5,minmax(150px,1fr));padding-bottom:4px;overflow-x:auto}.timeline-workspace{grid-template-columns:1fr}.add-project-panel{border-left:0;border-top:1px solid var(--line)}.timeline-item{grid-template-columns:1fr 1fr}.timeline-item button{grid-column:1/-1}}@media (width<=760px){.app-shell{display:block}.workspace,.sidebar{padding:12px}.workspace{padding-top:62px}.sidebar{z-index:30;border-right:1px solid var(--line);border-bottom:0;gap:12px;width:min(82vw,320px);height:100svh;transition:transform .18s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.mobile-menu-button{z-index:25;border:1px solid var(--line);width:42px;height:42px;box-shadow:var(--shadow);color:var(--ink);background:#fffffff0;border-radius:8px;place-items:center;display:grid;position:fixed;top:12px;left:12px}.mobile-menu-backdrop{z-index:29;background:#10223638;border:0;display:block;position:fixed;inset:0}.brand{padding:10px}.brand-mark{width:58px;min-width:58px;height:58px}.brand-mark img{width:48px;height:48px}.brand strong{font-size:20px}.nav-stack{padding-bottom:0;display:grid;overflow-x:visible}.nav-item{min-width:0;padding:10px 12px}.topbar,.detail-hero,.detail-title,.timeline-page-head{flex-direction:column;align-items:flex-start}.top-actions,.content-grid,.form-band,.form-band.compact,.timeline-band,.bonus-pools{grid-template-columns:1fr;width:100%}.top-actions{flex-wrap:wrap;display:flex}.metric-grid,.status-strip{gap:8px;margin-left:-12px;margin-right:-12px;padding:0 12px 6px;display:flex;overflow-x:auto}.metric-card{min-width:172px;padding:12px}.metric-icon{width:36px;height:36px}.status-pill{min-width:150px}.primary-button,.upload-button{width:100%}.payout-band,.timeline-item{grid-template-columns:1fr}.timeline-workspace{border-radius:8px}.full-timeline{padding:14px 10px;overflow-x:auto}.full-timeline-rail{min-width:920px;min-height:500px}.calendar-event{width:150px}.timeline-stage-row{grid-template-columns:48px minmax(120px,1fr) 30px}.timeline-stage-row .project-stage-bar{grid-column:1/-1;grid-template-columns:repeat(5,132px);padding-bottom:4px;overflow-x:auto}.inline-stage-editor{grid-template-columns:1fr}.project-scroll{max-height:none}.color-image.large{width:100%}.summary-row{grid-template-columns:1fr 1fr}.history-head,.history-actions{flex-direction:column;align-items:stretch}.history-metrics,.history-row,.ledger-color-head,.ledger-work{grid-template-columns:1fr}}@media (width<=920px) and (orientation:landscape){.sidebar{width:280px}.workspace{padding-top:58px}.content-grid{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr)}.project-scroll{max-height:none}}