:root{--bg: #f4f6f8;--surface: #ffffff;--surface-alt: #f8fafc;--border: #dfe3e8;--border-strong: #b8c0cc;--grid-line: #ccd4de;--grid-line-mid: #a9b4c2;--grid-line-strong: #7d8b9d;--text: #1c2530;--text-muted: #667085;--brand: #12507e;--brand-dark: #0d3b5e;--brand-light: #e7f0f7;--planned: #fff7cc;--planned-border: #e8d375;--actual: #d9f0dc;--actual-border: #8fc79a;--label: #cfe4f5;--scope: #fdf3a8;--danger: #b3261e;--danger-bg: #fdecea;--warn: #a15c00;--warn-bg: #fff4e0;--ok: #1c6b3c;--ok-bg: #e6f4ea;--radius: 6px;--shadow: 0 1px 3px rgb(16 24 40 / .09), 0 1px 2px rgb(16 24 40 / .06);--mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.25;font-weight:600}h1{font-size:1.4rem}h2{font-size:1.15rem}h3{font-size:1rem}a{color:var(--brand)}.app{--sidebar-width: 232px;display:flex;min-height:100vh}.app.sidebar-collapsed{--sidebar-width: 60px}.sidebar{width:var(--sidebar-width);background:var(--brand-dark);color:#dce7f0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40;overflow:hidden;transition:width .15s ease}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:1rem .6rem 1rem 1.15rem;border-bottom:1px solid rgb(255 255 255 / .12);min-height:3.6rem}.sidebar-brand-text{min-width:0}.sidebar-brand strong{color:#fff;display:block;font-size:.95rem;white-space:nowrap}.sidebar-brand span{font-size:.72rem;opacity:.7;letter-spacing:.04em}button.sidebar-toggle{flex-shrink:0;background:transparent;border:1px solid rgb(255 255 255 / .25);color:#fff;padding:.1rem .45rem;line-height:1.2}button.sidebar-toggle:hover:not(:disabled){background:#ffffff1f}.sidebar nav{padding:.6rem 0;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar nav a{display:flex;align-items:center;gap:.6rem;padding:.5rem 1.15rem;color:#c6d6e4;text-decoration:none;font-size:.875rem;border-left:3px solid transparent;white-space:nowrap}.nav-icon{width:1.2rem;flex-shrink:0;text-align:center;font-size:.95rem}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:1rem 0}.sidebar-collapsed .sidebar-brand-text,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-user{display:none}.sidebar-collapsed .sidebar nav a{justify-content:center;padding:.55rem 0}.sidebar-collapsed .sidebar-section{height:1px;padding:0;margin:.55rem .8rem;background:#ffffff26;font-size:0}.sidebar-collapsed .sidebar-footer{padding:.7rem .45rem}.sidebar-signout{display:flex;align-items:center;justify-content:center;gap:.5rem}.sidebar nav a:hover{background:#ffffff12;color:#fff}.sidebar nav a.active{background:#ffffff1f;border-left-color:#6fb3e0;color:#fff;font-weight:600}.sidebar-section{padding:.9rem 1.15rem .3rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;opacity:.55}.sidebar-footer{padding:.85rem 1.15rem;border-top:1px solid rgb(255 255 255 / .12);font-size:.8rem}.main{flex:1;min-width:0;display:flex;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left .15s ease}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:.7rem 1.25rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:20}.content{padding:1.25rem;flex:1;min-width:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.card+.card{margin-top:1rem}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem;flex-wrap:wrap}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:1rem}.grid{display:grid;gap:1rem}.muted{color:var(--text-muted)}.small{font-size:.8rem}.mono{font-family:var(--mono)}.right{text-align:right}.center{text-align:center}.nowrap{white-space:nowrap}button,.btn{font:inherit;padding:.42rem .85rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}button:hover:not(:disabled),.btn:hover{background:var(--surface-alt)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary,button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover,button.primary:hover:not(:disabled){background:var(--brand-dark)}button.danger{color:var(--danger);border-color:#e3b5b1}button.danger:hover:not(:disabled){background:var(--danger-bg)}button.subtle{border-color:transparent;background:transparent;padding:.25rem .4rem}button.subtle:hover:not(:disabled){background:var(--surface-alt)}input,select,textarea{font:inherit;padding:.4rem .55rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-light);border-color:var(--brand)}label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.2rem}.field{margin-bottom:.75rem}.field .hint{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;font-size:.83rem}th,td{padding:.42rem .6rem;border-bottom:1px solid var(--border);text-align:left}th{background:var(--surface-alt);font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);white-space:nowrap}tbody tr:hover{background:var(--surface-alt)}tbody tr.task-row{background:var(--brand-light);font-weight:600}tbody tr.task-row:hover{background:#dbe9f4}td.qty{font-family:var(--mono);text-align:right;white-space:nowrap}td.scope{background:var(--scope);font-family:var(--mono);text-align:right}.gad-wrap{--gad-activity-w: 208px;--gad-row-w: 178px;--gad-pane-w: 386px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);max-height:70vh}table.matrix{font-size:.78rem;border-collapse:separate;border-spacing:0}table.matrix th,table.matrix td{border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);padding:.3rem .45rem;background-clip:padding-box}table.matrix tr.actual td,table.matrix tr.actual th{border-bottom:1px solid var(--grid-line-mid)}table.matrix thead th{position:sticky;background:var(--surface-alt);z-index:3}table.matrix thead tr:nth-child(1) th{top:0;height:26px}table.matrix thead tr:nth-child(2) th{top:26px}th.month-band{text-align:left;font-size:.72rem;letter-spacing:.04em;color:var(--brand-dark);background:var(--brand-light);border-left:2px solid var(--border-strong);padding:.25rem 0}th.month-band .month-label{position:sticky;left:calc(var(--gad-pane-w) + 8px);display:inline-block;padding:0 .4rem}th.date-col{text-align:center;font-size:.72rem;padding:.25rem 0}th.date-col.today,td.cell.today{background:#dbeafe}th.date-col.today{color:var(--brand-dark);font-weight:700;box-shadow:inset 0 -2px 0 var(--brand)}th.date-col.weekend{background:#eef1f4}.sticky-activity,.sticky-row{position:sticky;z-index:2;background:var(--surface)}.sticky-activity{left:0;min-width:var(--gad-activity-w);max-width:var(--gad-activity-w)}.sticky-row{left:var(--gad-activity-w);min-width:var(--gad-row-w);max-width:var(--gad-row-w)}thead .sticky-activity,thead .sticky-row{z-index:4;background:var(--surface-alt)}td.activity{background:var(--label);font-weight:600}td.rowlabel{font-size:.74rem}tr.planned td.rowlabel{background:var(--planned);font-weight:600}tr.actual td.rowlabel{background:var(--actual);font-weight:600}td.cell{text-align:right;font-family:var(--mono);padding:0;min-width:56px;background:var(--surface)}td.cell.weekend{background:#f7f8fa}tr.planned td.cell.in-span{background:var(--planned)}tr.actual td.cell.in-span{background:var(--actual)}td.cell.in-span.today{background:#cfe4fb}td.cell.span-start{border-left:3px solid var(--brand)}td.cell.span-end{border-right:3px solid var(--brand)}tr.gad-task td{background:var(--surface-alt);border-top:2px solid var(--grid-line-strong);border-bottom:2px solid var(--grid-line-strong);border-right-color:var(--grid-line-mid)}tr.gad-task td.task-name{font-weight:700;color:var(--brand-dark);background:var(--brand-light);min-width:var(--gad-pane-w);max-width:var(--gad-pane-w)}tr.gad-task td.bar{height:26px}tr.gad-task td.bar.in-span{background:var(--brand);opacity:.85}tr.gad-task td.bar.in-span.today{background:var(--brand-dark)}td.cell.manual{box-shadow:inset 0 0 0 2px var(--planned-border)}td.cell.readonly{color:var(--text);padding:.3rem .45rem}.needs-dates{color:var(--warn);font-weight:600;margin-top:.15rem;line-height:1.25}td.cell.editable{padding:0}.cell-open{width:100%;min-height:26px;border:none;background:transparent;text-align:right;font-family:var(--mono);font-size:.78rem;font-weight:400;color:var(--text);padding:.3rem .45rem;border-radius:0;cursor:pointer}.cell-open:hover{background:#1d4e891f}.cell-open:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.qty-with-unit{display:flex;align-items:stretch}.qty-with-unit input{flex:1;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.qty-with-unit input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.qty-with-unit input[type=number]::-webkit-outer-spin-button,.qty-with-unit input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit-suffix,.pct-suffix{display:flex;align-items:center;padding:0 .6rem;border:1px solid var(--border);border-left:none;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);background:var(--surface-alt);color:var(--text-muted);font-family:var(--mono);font-size:.8rem;white-space:nowrap}.legend-swatch{display:inline-block;width:14px;height:10px;border-radius:2px;border:1px solid var(--border-strong);margin-left:.6rem;margin-right:.15rem;vertical-align:middle}.legend-swatch.planned{background:var(--planned)}.legend-swatch.actual{background:var(--actual)}.legend-swatch.todaycol{background:#dbeafe}.pill{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}.code-sample{margin:0;padding:.6rem .7rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);font-size:.75rem;line-height:1.5;overflow-x:auto;white-space:pre}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.danger{background:var(--danger-bg);color:var(--danger)}.pill.idle{background:#eceff3;color:var(--text-muted)}.pill.info{background:var(--brand-light);color:var(--brand-dark)}.bar{background:#e6eaef;border-radius:3px;height:7px;overflow:hidden;min-width:60px}.bar>span{display:block;height:100%;background:var(--brand)}.bar.complete>span{background:var(--ok)}.bar.behind>span{background:#d98324}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem}.stat .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.stat .value{font-size:1.35rem;font-weight:600;font-family:var(--mono)}.stat .sub{font-size:.75rem;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1rem;z-index:100;overflow-y:auto}.modal{background:var(--surface);border-radius:8px;width:min(760px,100%);box-shadow:0 16px 48px #10182840}.modal header{padding:.9rem 1.15rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal .body{padding:1.15rem}.modal footer{padding:.85rem 1.15rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.6rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem;flex-wrap:wrap}.tabs button{border:none;background:none;border-bottom:2px solid transparent;border-radius:0;padding:.5rem .85rem;color:var(--text-muted);font-weight:500}.tabs button.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.head-tabs{display:flex;gap:.3rem;overflow-x:auto;padding:.15rem 0 .45rem;margin-bottom:.8rem;border-bottom:1px solid var(--border);scrollbar-width:thin}.head-tab{display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto;max-width:18rem;padding:.4rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-weight:500;white-space:nowrap}.head-tab-name{overflow:hidden;text-overflow:ellipsis}.head-tab:hover{color:var(--text);border-color:var(--brand)}button.head-tab.active,button.head-tab.active:hover:not(:disabled){background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.head-tab-badge{font-family:var(--mono);font-size:.72rem;padding:0 .35rem;border-radius:999px;background:var(--surface-alt);color:var(--text-muted)}.head-tab.active .head-tab-badge{background:#fff3;color:#fff}.head-tab.drop-target{outline:2px dashed var(--brand);outline-offset:2px}.alert{padding:.6rem .85rem;border-radius:var(--radius);font-size:.85rem;margin-bottom:.85rem}.alert.error{background:var(--danger-bg);color:var(--danger);border:1px solid #f0c4c0}.alert.info{background:var(--brand-light);color:var(--brand-dark);border:1px solid #bcd8ea}.alert.success{background:var(--ok-bg);color:var(--ok);border:1px solid #b6ddc3}.alert.warn{background:var(--warn-bg);color:var(--warn);border:1px solid #f0d9ab}.empty{padding:2.5rem 1rem;text-align:center;color:var(--text-muted)}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand-dark),#17688f);padding:1rem}.login-card{width:min(400px,100%);background:var(--surface);border-radius:10px;padding:1.75rem;box-shadow:0 18px 48px #0000004d}.login-card h1{font-size:1.25rem}.checklist{max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);padding:.5rem}.checklist label{display:flex;gap:.5rem;align-items:flex-start;font-weight:400;margin-bottom:.35rem;font-size:.83rem}.checklist input{margin-top:.2rem}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.wbs-task{margin-bottom:1rem}.wbs-task:last-child{margin-bottom:0}.wbs-task>table th,.wbs-task>table td{border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line)}.wbs-task>table th:last-child,.wbs-task>table td:last-child{border-right:0}.wbs-task>table tr.wbs-attrs>th,.wbs-task>table tr.wbs-attrs>td{border-right:0}.wbs-task>table thead tr.wbs-title>th{border-bottom:2px solid var(--grid-line-strong)}.wbs-task>table tbody tr.task-row>td{border-top:2px solid var(--grid-line-strong);border-bottom:2px solid var(--grid-line-strong);border-right-color:var(--grid-line-mid)}.wbs-task>table tbody tr:last-child>td{border-bottom:2px solid var(--grid-line-strong)}.wbs-task.dragging{opacity:.45}.wbs-task.drop-target{box-shadow:0 -3px 0 0 var(--brand)}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;padding:0 .15rem;letter-spacing:-.1em;color:var(--brand-dark);opacity:.55}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}button.wbs-collapse{padding:0 .2rem;color:inherit;font-size:.8rem;line-height:1}thead tr.wbs-title>th{background:var(--brand-light);color:var(--brand-dark);font-size:.92rem;padding:.45rem .6rem;text-transform:none;letter-spacing:0}thead tr.wbs-title .muted{color:var(--brand-dark);opacity:.7}tr.wbs-attrs>th,tr.wbs-attrs>td{padding:0;background:var(--surface);border-bottom:1px solid var(--border);text-transform:none;letter-spacing:0}table.attr-table{width:100%;table-layout:fixed;border-collapse:collapse}table.attr-table th{padding:.22rem .6rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--surface)}table.attr-table td{padding:.3rem .6rem;font-size:.85rem;font-weight:600;text-align:left;text-transform:none;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--surface)}table.attr-table .attr-pad{background:none;border-color:transparent}table.attr-table th .attr-label{vertical-align:middle}table.attr-table th button.subtle{color:inherit;padding:0 .15rem;font-size:.8rem;vertical-align:middle}table.attr-table th button.subtle:hover{background:#ffffff40}@media(max-width:720px){table.attr-table,table.attr-table tbody,table.attr-table tr{display:block}table.attr-table th,table.attr-table td{display:block;width:100%}table.attr-table .attr-pad{display:none}}.attr-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 .7rem}@media(max-width:720px){.attr-inputs{grid-template-columns:1fr}}button.attr-edit{padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.attr-edit:hover{text-decoration:underline;background:none}.swatch{width:20px;height:20px;padding:0;border:1px solid var(--border-strong);border-radius:4px;cursor:pointer}.color-picker{display:grid;gap:.45rem}.color-picker-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.color-preview{width:30px;height:30px;border-radius:var(--radius);border:1px solid var(--border-strong);flex-shrink:0;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%,transparent 75%,#e5e7eb 75%),linear-gradient(45deg,#e5e7eb 25%,transparent 25%,transparent 75%,#e5e7eb 75%);background-size:10px 10px;background-position:0 0,5px 5px}.color-custom{position:relative;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);font-size:.85rem;cursor:pointer;margin:0;font-weight:500}.color-custom:hover{background:var(--surface-alt)}.color-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}input.color-hex{width:6.5rem;font-family:var(--mono);text-transform:lowercase}input.color-hex.invalid{border-color:var(--danger)}.swatch-grid{display:flex;flex-wrap:wrap;gap:.3rem}.wbs-head{border:1px solid var(--border-strong);border-radius:var(--radius);margin-bottom:1.1rem;background:var(--surface)}.wbs-head:last-child{margin-bottom:0}.wbs-head.fullpage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;margin:0;border:0;border-radius:0;overflow:auto;background:var(--surface)}.wbs-head.fullpage .wbs-head-title{position:sticky;top:0;z-index:6;border-radius:0;padding:.6rem 1.1rem}.wbs-head.fullpage .wbs-head-name{font-size:1.1rem}.wbs-head.fullpage .wbs-head-body{padding:1rem 1.1rem}button.wbs-fullpage-exit{margin-left:.5rem;background:#fff;color:var(--brand-dark);border-color:#fff;font-weight:600;padding:.25rem .75rem}button.wbs-fullpage-exit:hover:not(:disabled){background:#e3edf5}.wbs-head.dragging{opacity:.45}.wbs-head.drop-target{box-shadow:0 -3px 0 0 var(--brand)}.wbs-head-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem .7rem;background:var(--brand-dark);color:#fff;border-radius:var(--radius) var(--radius) 0 0}.wbs-head.collapsed .wbs-head-title{border-radius:var(--radius)}.wbs-head-name{font-weight:600;font-size:.98rem}.wbs-head-meta{font-weight:400;font-size:.8rem;opacity:.75}.wbs-head-title button.subtle{color:inherit}.wbs-head-title button.subtle:hover:not(:disabled){background:#ffffff29}.wbs-head-title .drag-handle{color:#fff;opacity:.7}.wbs-head-title .drag-handle:hover{opacity:1}button.wbs-head-collapse{padding:0 .2rem;font-size:.85rem;line-height:1}.wbs-head-body{padding:.65rem}.wbs-head-fields{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:.5rem}.wbs-head-summary{margin:0 0 .6rem}.wbs-head-empty{padding:.3rem .1rem}tbody tr.head-row{background:var(--brand-dark);color:#fff;font-weight:600}tbody tr.head-row:hover{background:var(--brand-dark)}tbody tr.head-row .muted{color:#cfe0ee}tbody tr.head-row button.subtle{color:inherit}tbody tr.head-row button.subtle:hover:not(:disabled){background:#ffffff29}tr.gad-head td{background:#dde7f1;border-top:3px solid var(--brand-dark);border-bottom:2px solid var(--brand-dark);border-right-color:var(--grid-line-mid)}tr.gad-head td.head-name{background:var(--brand-dark);color:#fff;font-weight:600;font-size:.82rem}tr.gad-head td.head-name .head-window{color:#cfe0ee;font-weight:400}tr.gad-head td.bar{height:26px}tr.gad-head td.bar.in-span{background:var(--brand-dark);opacity:.9}tr.gad-head td.bar.in-span.today{background:#0a2c46}.import-head{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .6rem;margin-bottom:.7rem}.import-head-title{font-weight:600;margin-bottom:.35rem}