:root{--text:#4b4f57;--text-h:#14171c;--bg:#f6f5f2;--card-bg:#fff;--border:#e2e0da;--accent:#b5502e;--accent-hover:#9c3f21;--err-bg:#fdecea;--err-text:#93291e;--hover-bg:#ece9e3;--ok-text:#2f6b46;--ok-bg:#e6f0e9;--ok-border:#bcd6c6;--warn-text:#8a5a12;--warn-bg:#fbf0dd;--warn-border:#e6cfa5;--nav-w:220px;--content-max:480px;--card-min:300px;--fs-xs:12px;--fs-sm:13px;--fs-body:15px;--fs-strong:16px;--fs-h:17px;--fs-display:26px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--card-pad:16px;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#b8bcc4;--text-h:#f2f1ee;--bg:#15161a;--card-bg:#1d1f24;--border:#2c2e34;--accent:#d97b53;--accent-hover:#e28f6b;--err-bg:#3a1f1c;--err-text:#f2a898;--hover-bg:#262930;--ok-text:#8fcea8;--ok-bg:#1b2c22;--ok-border:#2f4a39;--warn-text:#e0b978;--warn-bg:#2e2517;--warn-border:#4d3f26}}@media (width>=768px){:root{--content-max:820px;--card-pad:20px;--fs-h:18px;--fs-display:30px}}@media (width>=1024px){:root{--content-max:1200px;--card-pad:24px;--fs-display:32px}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}.auth-wrap{padding:24px 20px calc(24px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.auth-logo{color:var(--text-h);font-size:22px;font-weight:600}.auth-sub{font-size:var(--fs-body);color:var(--text);margin-bottom:20px}.card{background:var(--card-bg);border:1px solid var(--border);width:100%;max-width:340px;padding:var(--card-pad);gap:var(--sp-3);text-align:left;font-size:var(--fs-body);border-radius:12px;flex-direction:column;display:flex}.card label{font-size:var(--fs-sm);color:var(--text-h);font-weight:600}.card input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:10px 12px;font-size:16px}.card input:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{font-size:var(--fs-body);padding:10px var(--sp-4);cursor:pointer;border:1px solid #0000;border-radius:8px;font-weight:600;line-height:1.2}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{border-color:var(--border);color:var(--text-h);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn-secondary:disabled:hover{border-color:var(--border);color:var(--text-h)}.link-btn{color:var(--accent);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.hint{font-size:var(--fs-sm);color:var(--text);margin-top:var(--sp-3)}.alert{background:var(--err-bg);width:100%;max-width:340px;color:var(--err-text);font-size:var(--fs-sm);border-radius:8px;margin-bottom:12px;padding:10px 12px}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-content{width:100%;max-width:var(--content-max);padding:0 20px calc(84px + env(safe-area-inset-bottom));flex:1;margin:0 auto}.page-header{margin-bottom:var(--sp-4)}.page-back{margin-bottom:var(--sp-2);display:inline-block}.page-header__row{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap;display:flex}.page-header__titles{min-width:0}.page-title{align-items:center;gap:var(--sp-2);letter-spacing:-.02em;color:var(--text-h);overflow-wrap:anywhere;flex-wrap:wrap;margin:0;font-size:22px;font-weight:700;line-height:1.2;display:flex}.page-subtitle{margin:var(--sp-1) 0 0;font-size:var(--fs-sm);color:var(--text);overflow-wrap:anywhere}.page-header__action{flex-shrink:0}@media (width<=599px){.page-header__action,.page-header__action .btn{width:100%}}@media (width>=768px){.page-title{font-size:26px}.page-header{margin-bottom:var(--sp-5)}}:where(.app-content) .card,:where(.app-content) .alert{max-width:none;margin-bottom:16px}.app-content .card h3{font-size:var(--fs-h);letter-spacing:-.01em;color:var(--text-h);margin:0;font-weight:600}.primary-nav{display:contents}.primary-nav__brand{padding:calc(16px + env(safe-area-inset-top)) 20px 16px;max-width:var(--content-max);justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.primary-nav__links{background:var(--card-bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.primary-nav__item{text-align:center;font-size:var(--fs-sm);color:var(--text);flex:1;padding:12px 0;font-weight:600;text-decoration:none}.primary-nav__item.active{color:var(--accent)}.primary-nav__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.stack{flex-direction:column;gap:8px;display:flex}.row{align-items:center;gap:12px;display:flex}.row input{flex:1;min-width:0}.row input[type=checkbox],.row input[type=radio]{flex:none;width:auto}.row input[type=date]{flex:0 auto}.row--between{justify-content:space-between}.row--top{align-items:flex-start}.row--wrap{flex-wrap:wrap}.list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.list>li+li{border-top:1px solid var(--border)}.list-item{padding:var(--sp-3) var(--sp-2);font-size:var(--fs-body);cursor:pointer;border:none;border-radius:8px}a.list-item:hover,.list-item.selected{background:var(--hover-bg)}a.list-item{color:inherit;text-decoration:none;display:block}.list-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.list-item,.hint{overflow-wrap:anywhere}.list-item .hint{margin-top:4px}.list-item .row{margin-top:8px}.masquerade-banner{background:var(--accent);color:#fff;font-size:var(--fs-sm);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.masquerade-banner .link-btn{color:#fff;white-space:nowrap;text-decoration:underline}.modal-backdrop{padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.card{width:100%;max-height:100%;margin-bottom:0;overflow:hidden auto}.modal.card:focus{outline:none}.modal-title{font-size:var(--fs-h);letter-spacing:-.01em;color:var(--text-h);margin:0;font-weight:600}.work-item-photo-thumb{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:64px;height:64px}.contract-summary{margin-bottom:16px}.contract-amount{font-size:var(--fs-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text-h);margin-bottom:var(--sp-2);font-weight:700}.progress-bar{background:var(--bg);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .2s}.contract-summary .hint{margin-top:8px;margin-bottom:0}.wi-title{font-size:var(--fs-strong);color:var(--text-h);flex-wrap:wrap;align-items:baseline;gap:0 6px;font-weight:600;line-height:1.35;display:flex}.wi-date{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--accent);cursor:pointer;flex-shrink:0;font-weight:600;display:inline-block;position:relative}.wi-date:hover{text-decoration:underline}.wi-date input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.wi-date input:focus-visible{opacity:1}.wi-sep{color:var(--border);font-weight:400}.wi-name{flex:auto;min-width:0}.badge{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);background:var(--bg);color:var(--text);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:1px 7px;font-weight:600;display:inline-block}.badge--ok{color:var(--ok-text);background:var(--ok-bg);border-color:var(--ok-border)}.badge--warn{color:var(--warn-text);background:var(--warn-bg);border-color:var(--warn-border)}.badge--danger{color:var(--err-text);background:var(--err-bg);border-color:var(--err-text)}.wi-description{font-size:var(--fs-body);color:var(--text);margin-top:var(--sp-1);overflow-wrap:anywhere}.wi-materials{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);color:var(--text);padding-left:18px;list-style:outside}.wi-materials li{overflow-wrap:anywhere}.row-title{align-items:center;gap:0 var(--sp-2);font-size:var(--fs-strong);color:var(--text-h);flex-wrap:wrap;font-weight:600;line-height:1.35;display:flex}.row-link{color:var(--text-h);font-weight:600;text-decoration:none}.row-link:hover{color:var(--accent);text-decoration:underline}.badge-row{gap:var(--sp-1);flex-wrap:wrap;margin-top:6px;display:flex}.count{font-size:var(--fs-sm);color:var(--text);background:var(--bg);border:1px solid var(--border);margin-left:var(--sp-1);border-radius:999px;padding:0 7px;font-weight:600}.empty{padding:var(--sp-4) var(--sp-2);text-align:center;font-size:var(--fs-sm);color:var(--text);opacity:.65}.stats{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0;display:grid}.stats dt{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text);font-weight:600}.stats dd{font-size:var(--fs-body);color:var(--text-h);overflow-wrap:anywhere;margin:2px 0 0}.stats .stat-strong{font-size:var(--fs-h);font-variant-numeric:tabular-nums;font-weight:700}.callout{padding:var(--sp-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);gap:var(--sp-2);flex-direction:column;align-items:flex-start;display:flex}.callout--ok{border-color:var(--ok-border);background:var(--ok-bg)}.callout--warn{border-color:var(--warn-border);background:var(--warn-bg)}.callout-head{font-size:var(--fs-strong);color:var(--text-h);font-weight:600}.callout--ok .callout-head{color:var(--ok-text)}.callout--warn .callout-head{color:var(--warn-text)}.callout-body{font-size:var(--fs-sm);color:var(--text);margin:0}.overview{gap:var(--sp-4);flex-direction:column;display:flex}.overview-desc{font-size:var(--fs-body);color:var(--text);margin:0}.overview-actions{gap:var(--sp-4)}.day-board{gap:var(--sp-5);flex-direction:column;display:flex}.day{gap:var(--sp-2);border-radius:var(--radius);flex-direction:column;transition:background .12s;display:flex}.day--over{background:var(--hover-bg);outline:2px dashed var(--accent);outline-offset:4px}.day-heading{align-items:baseline;gap:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:2px solid var(--border);margin:0;display:flex}.day-name{font-size:var(--fs-h);letter-spacing:-.01em;text-transform:uppercase;color:var(--text-h);font-weight:700}.day-date{font-size:var(--fs-sm);color:var(--text)}.day-items{gap:var(--sp-2);flex-direction:column;min-height:44px;display:flex}.day-empty{padding:var(--sp-3) var(--sp-2);font-size:var(--fs-sm);color:var(--text);opacity:.55;margin:0}.wi-card{align-items:stretch;gap:var(--sp-2);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);display:flex}.wi-card:hover{border-color:var(--accent)}.wi-card--dragging{border-color:var(--accent);box-shadow:0 8px 24px #0000002e}.wi-card__grip{color:var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;padding:0 2px;font-size:18px;display:flex}.wi-card__grip:active{cursor:grabbing}.wi-card__body{min-width:0;color:inherit;flex:1;text-decoration:none}.wi-card__head{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.wi-card__title{min-width:0;font-size:var(--fs-strong);color:var(--text-h);overflow-wrap:anywhere;flex:auto;font-weight:600}.wi-card__desc{margin:var(--sp-1) 0 0;font-size:var(--fs-body);color:var(--text);overflow-wrap:anywhere}.wi-card__comments{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--accent);font-weight:600;display:inline-block}.scope-row{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2);display:flex}.scope-row__toggle{font-size:var(--fs-sm);color:var(--text);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;line-height:1.4}.scope-row__toggle:hover{color:var(--accent)}.scope-row__body{min-width:0;color:inherit;flex:1;text-decoration:none}.scope-row__body:hover .row-title{color:var(--accent)}.scope-row__board{padding:var(--sp-3) var(--sp-2) var(--sp-4)}.meeting-banner{align-items:baseline;gap:var(--sp-2);margin:0 20px var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius);color:var(--warn-text);font-size:var(--fs-sm);flex-wrap:wrap;text-decoration:none;display:flex}.meeting-banner:hover{border-color:var(--warn-text)}.meeting-banner__when{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-weight:700}.meeting-banner__what{color:var(--text-h);overflow-wrap:anywhere}.meeting-time{font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap;font-weight:700}.meeting-group+.meeting-group{margin-top:var(--sp-4)}.chip{background:var(--bg);border:1px solid var(--border);font-size:var(--fs-sm);color:var(--text);cursor:pointer;border-radius:999px;padding:7px 14px;font-weight:600}.chip:hover{border-color:var(--accent)}.chip--on{background:var(--accent);border-color:var(--accent);color:#fff}.chip__role{opacity:.7;font-weight:400}.comments{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--bg);gap:var(--sp-2);border-radius:8px;flex-direction:column;min-width:0;display:flex}.comments-toggle{align-self:flex-start}.comment-thread{flex-direction:column;gap:10px;display:flex}.comment{flex-direction:column;gap:3px;display:flex}.comment--reply{border-left:2px solid var(--border);margin-left:20px;padding-left:10px}.comment-meta{font-size:var(--fs-xs);color:var(--text);align-items:center;gap:6px;display:flex}.comment-meta strong{color:var(--text-h)}.comment-role{font-size:var(--fs-xs);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:1px 5px;font-weight:600}.comment-body{font-size:var(--fs-body);color:var(--text-h);overflow-wrap:anywhere;white-space:pre-wrap}.comment-body--deleted{color:var(--text);font-style:italic}.comment-actions{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:2px;display:flex}.react-btn{border:1px solid var(--border);font-size:var(--fs-xs);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;min-width:44px;padding:2px 9px}.react-btn:hover{border-color:var(--accent)}.react-btn.active{border-color:var(--accent);color:var(--accent);font-weight:600}.comment-form{align-items:center;gap:8px;display:flex}.comment-form input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text-h);border-radius:8px;flex:1;padding:8px 10px;font-size:16px}.comment-form .btn{padding:8px var(--sp-3);font-size:var(--fs-sm);flex-shrink:0}.tab-bar{border-bottom:1px solid var(--border);margin-bottom:12px;display:flex}.tab-bar-item{font-size:var(--fs-body);color:var(--text);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 0;font-weight:600}.tab-bar-item.active{color:var(--accent);border-bottom-color:var(--accent)}.section-action{margin-inline:auto;width:75%;margin-top:12px}.card-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--card-min)), 1fr));align-items:start;gap:16px;display:grid}.detail-split{align-items:start;gap:16px;display:grid}.card-grid>.card,.detail-split>.card{min-width:0;margin-bottom:0}@media (width>=768px){.primary-nav__links{justify-content:center}.primary-nav__item{flex:0 180px}.modal.card{max-width:480px}}@media (width>=1024px){.app-shell{grid-template-columns:var(--nav-w) minmax(0, 1fr);grid-template-rows:auto auto minmax(0,1fr);display:grid}.primary-nav{background:var(--card-bg);border-right:1px solid var(--border);flex-direction:column;grid-area:1/1/-1;align-self:start;height:100svh;padding:20px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.primary-nav__brand{flex-direction:column;align-items:flex-start;gap:10px;width:auto;max-width:none;margin:0 0 24px;padding:4px 12px 0}.primary-nav__links{background:0 0;border-top:none;flex-direction:column;gap:2px;padding-bottom:0;position:static}.primary-nav__item{text-align:left;font-size:var(--fs-body);border-radius:8px;flex:none;padding:9px 12px}.primary-nav__item:hover{background:var(--hover-bg);color:var(--text-h)}.primary-nav__item.active{background:var(--hover-bg);color:var(--accent)}.masquerade-banner{grid-area:1/2;margin:20px 32px 0}.meeting-banner{max-width:var(--content-max);grid-area:2/2;align-self:start;margin:24px 32px 0}.app-content{grid-area:3/2;min-width:0;padding:24px 32px 48px}.card-grid>.card:only-child{max-width:640px}.detail-split{grid-template-columns:minmax(0,340px) minmax(0,1fr)}.section{grid-template-columns:1fr auto;align-content:start;display:grid}.section>*{grid-column:1/-1}.section>h3{grid-area:1/1;align-self:center}.section>.section-action{margin-inline:0;grid-area:1/2;place-self:center end;width:auto;margin-top:0}.tab-bar-item{flex:none;padding:10px 20px}}