:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--bg:#101412;--surface:#171d1a;--surface-2:#202823;--ink:#edf4ef;--muted:#9baaa3;--line:#2d3832;--accent:#61d2af;--accent-2:#ff6f8d;--gold:#e0b15e;--focus:#61d2af2e}[data-theme=range]{--bg:#15130f;--surface:#211e18;--surface-2:#2b271f;--ink:#f5efe2;--muted:#b6a98f;--line:#433a2b;--accent:#d7a93f;--accent-2:#ef6b4a;--gold:#f0c15a;--focus:#d7a93f2e}[data-theme=midnight]{--bg:#0e1220;--surface:#171d30;--surface-2:#202840;--ink:#eff3ff;--muted:#a0abc5;--line:#303b58;--accent:#78a8ff;--accent-2:#ff7cae;--gold:#dac06d;--focus:#78a8ff33}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f3;--surface:#fff;--surface-2:#eef4f1;--ink:#18211f;--muted:#68736f;--line:#dce3de;--accent:#1d6f5f;--accent-2:#b9374d;--gold:#b4822f;--focus:#1d6f5f24}*{box-sizing:border-box}body{min-width:0;color:var(--ink);background:#101412;margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}button:hover{border-color:var(--accent);background:var(--surface-2)}button.active{border-color:var(--accent);background:var(--focus);color:var(--accent)}button.save-button.saved:disabled{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface));opacity:1}.app-shell{background:var(--bg);height:100vh;color:var(--ink);grid-template-rows:86px 1fr 32px;display:grid;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.mobile-nav-toggle,.mobile-bottom-nav,.mobile-nav-backdrop{display:none}.brand{align-items:center;gap:14px;min-width:280px;display:flex}.brand img{object-fit:contain;width:230px;height:68px}.package-status{gap:5px;min-width:0;display:grid}.brand span,.panel-title span,.dashboard p,.statusbar,.stat span{color:var(--muted);font-size:12px}.save-status-chip{border:1px solid var(--line);width:max-content;max-width:180px;min-height:22px;color:var(--muted);background:color-mix(in srgb, var(--surface-2) 64%, var(--surface));white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.save-status-chip.saved{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.save-status-chip.unsaved,.save-status-chip.needsTarget{color:var(--gold);border-color:color-mix(in srgb, var(--gold) 42%, var(--line));background:color-mix(in srgb, var(--gold) 12%, var(--surface))}.save-status-chip.saving,.save-status-chip.autosaving{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.toolbar{flex-wrap:nowrap;flex:auto;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.toolbar button,.panel-actions button,.add-row{border-radius:6px;align-items:center;gap:7px;min-height:36px;padding:0 12px;display:inline-flex}.toolbar button{white-space:nowrap;flex:none;gap:5px;min-height:32px;padding:0 9px;font-size:13px}.user-chip{border:1px solid var(--line);max-width:160px;min-height:32px;color:var(--muted);background:color-mix(in srgb, var(--surface-2) 58%, var(--surface));text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:0 160px;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.theme-picker{align-items:center;gap:8px;display:flex}.theme-picker span{color:var(--muted);font-size:12px;font-weight:650}.theme-picker select{width:128px;min-height:36px}.workspace{grid-template-columns:var(--left-panel,300px) 6px minmax(360px, 1fr) 6px var(--right-panel,340px);min-height:0;display:grid}.sidebar,.inspector{background:color-mix(in srgb, var(--surface) 86%, var(--bg));min-height:0;overflow:auto}.sidebar{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.panel-resizer{cursor:col-resize;background:color-mix(in srgb, var(--line) 42%, var(--bg));border-inline:1px solid color-mix(in srgb, var(--line) 70%, var(--bg));width:6px;min-height:0}.panel-resizer:hover,.panel-resizer:active{background:var(--accent)}.editor{min-width:0;min-height:0;padding:18px;overflow:auto}.tree{--tree-gutter:26px;--tree-chevron:18px;--tree-icon:18px;--tree-gap:8px;--tree-section-offset:calc(var(--tree-chevron) + var(--tree-gap));padding:10px}.tree-row{grid-template-columns:var(--tree-icon) minmax(0, 1fr);align-items:center;column-gap:var(--tree-gap);text-align:left;background:0 0;border:0;border-radius:6px;width:100%;min-height:34px;margin:2px 0;padding:5px 8px;display:grid}.tree-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-item-text{gap:2px;min-width:0;display:grid}.tree-item-text strong,.tree-item-text small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tree-item-text strong{font-size:13px;font-weight:700}.tree-item-text small{color:var(--muted);font-size:11px}.tree-row.selected .tree-item-text small{color:color-mix(in srgb, var(--accent) 72%, var(--muted))}.tree-group{margin:4px 0 10px}.tree-group-children{padding-left:var(--tree-gutter);border-left:1px solid color-mix(in srgb, var(--line) 72%, transparent)}.group-row{grid-template-columns:var(--tree-chevron) minmax(0, 1fr);color:var(--muted);letter-spacing:0;text-transform:uppercase;margin-top:8px;font-size:14px;font-weight:800}.tree-row svg{color:var(--muted)}.tree-row.selected{background:var(--focus);color:var(--accent)}.tree-thumb{object-fit:cover;border:1px solid var(--line);border-radius:4px;width:18px;height:18px}.tree-thumb.round{border-radius:50%}.section-row{grid-template-columns:var(--tree-chevron) var(--tree-icon) minmax(0, 1fr);width:100%;margin-top:8px;margin-left:0;font-weight:650;position:relative}.section-row>svg:first-child{position:static}.section-label{align-items:center;gap:8px;min-width:0;display:inline-flex}.section-row small{text-align:center;min-width:22px;height:22px;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:999px;place-items:center;padding:0 7px;font-size:11px;display:inline-grid}.tree-children{padding-left:var(--tree-section-offset)}.bay-stage-list{padding-left:calc(var(--tree-icon) + var(--tree-gap))}.tree-node-row{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:2px;display:grid}.tree-node-main{margin-left:0}.tree-toggle-button{width:18px;height:30px;min-height:0;color:var(--muted);background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:inline-grid}.tree-toggle-button:hover{color:var(--accent);background:var(--focus)}.tree-toggle-button:disabled{cursor:default;color:color-mix(in srgb, var(--muted) 36%, transparent)}.tree-toggle-button:disabled:hover{background:0 0}.bay-tools{padding-top:4px}.unassigned{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.unassigned>span{color:var(--muted);margin:0 0 4px 8px;font-size:12px;font-weight:650;display:block}.stage-child{min-height:30px;font-size:13px}.stage-staff-children{padding-left:18px}.staff-child{--tree-icon:16px;min-height:24px;padding-top:3px;padding-bottom:3px}.staff-child .tree-thumb{width:16px;height:16px}.staff-child .tree-item-text{gap:0}.staff-child .tree-item-text strong{font-size:11px;font-weight:650}.staff-child .tree-item-text small{font-size:10px}.add-row{width:calc(100% - 4px);color:var(--accent);white-space:nowrap;border-style:dashed;justify-content:center;margin:5px 0 8px}.sort-row{width:calc(100% - 4px);min-height:32px;color:var(--muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:7px;margin:0 0 8px;padding:0 10px;display:inline-flex}.sort-row:hover{color:var(--accent)}.dashboard{justify-content:space-between;align-items:stretch;gap:16px;margin-bottom:16px;display:flex}.dashboard>div:first-child{min-width:0}.dashboard h1{margin:0 0 5px;font-size:28px;line-height:1.1}.stat-grid{grid-template-columns:repeat(7,minmax(48px,1fr));gap:5px;display:grid}.stat,.panel,.inspector-card{background:var(--surface);border:1px solid var(--line);border-radius:8px}.stat{min-height:46px;font:inherit;text-align:left;align-content:center;padding:5px 7px;display:grid}.stat strong{color:var(--accent);font-size:19px}.stat span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel{padding:16px}.panel-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel-title h2{margin:0;font-size:21px}.panel-actions{gap:8px;display:flex}.danger{color:var(--accent-2)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid.nested{grid-template-columns:repeat(3,minmax(0,1fr))}.field{gap:6px;min-width:0;display:grid}.field.wide,.subsection,.preview-image,.empty-preview{grid-column:1/-1}.field span{color:var(--muted);font-size:12px;font-weight:650}.field small{color:var(--muted);font-size:11px;line-height:1.4}input,select,textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 84%, var(--bg));width:100%;min-height:38px;color:var(--ink);border-radius:6px;padding:8px 10px}textarea{resize:vertical;min-height:92px}.field.tall textarea{min-height:440px}.image-field>div,.import-url-field>div,.verify-member-field>div{grid-template-columns:1fr auto;gap:8px;display:grid}.image-field button,.import-url-field button,.verify-member-field button{border-radius:6px;align-items:center;gap:6px;min-height:38px;padding:0 12px;display:inline-flex}input:focus,select:focus,textarea:focus{outline:3px solid var(--focus);border-color:var(--accent)}.subsection{border-top:1px solid var(--line);margin-top:4px;padding-top:14px}.subsection h3,.inspector-card h3,.settings-section h3{align-items:center;gap:8px;margin:0 0 12px;font-size:15px;display:flex}.settings-panel{max-width:760px}.settings-grid{gap:14px;display:grid}.settings-section{border-top:1px solid var(--line);gap:12px;padding-top:14px;display:grid}.settings-section button{border-radius:6px;justify-content:center;justify-self:start;align-items:center;gap:7px;min-height:38px;padding:0 12px;display:inline-flex}.stage-staff-section{gap:12px;display:grid}.mobile-stage-actions{display:none}.mobile-stage-actions>div{flex-wrap:wrap;gap:8px;display:flex}.mobile-stage-actions button{border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;display:inline-flex}.stage-staff-list{gap:8px;display:grid}.stage-staff-row{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 48%, var(--surface));border-radius:6px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:grid}.stage-staff-row>span{gap:2px;min-width:0;display:grid}.stage-staff-row strong,.stage-staff-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-staff-row small{color:var(--muted);font-size:11px}.stage-staff-row button{border-radius:6px;align-items:center;gap:6px;min-height:32px;padding:0 10px;display:inline-flex}.compact-empty{min-height:42px;padding:10px}.account-row{color:var(--ink);gap:3px;display:grid}.account-row small{color:var(--muted);font-size:12px}.inspector-content{gap:12px;padding:12px;display:grid}.inspector-card{min-width:0;padding:12px}.code-card pre{color:#d7ece5;background:#080b0a;border-radius:6px;max-height:calc(100vh - 320px);margin:0;padding:10px;font-size:12px;line-height:1.5;overflow:auto}.map-card{gap:12px;display:grid}.health-card{gap:10px;display:grid}.health-card h3{margin-bottom:0}.health-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.health-card li{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 62%, var(--surface));border-radius:6px;grid-template-columns:8px 1fr;align-items:start;gap:9px;min-width:0;padding:9px;display:grid}.health-card li>span{background:var(--muted);border-radius:50%;width:8px;height:8px;margin-top:5px}.health-card p,.health-empty{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.health-warning>span{background:var(--gold)}.health-error>span{background:var(--accent-2)}.health-info>span{background:var(--accent)}.health-card.clean h3{color:var(--accent)}.map-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.map-card iframe{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;width:100%;min-height:430px}.preview-image{object-fit:contain;border:1px solid var(--line);background:var(--surface-2);border-radius:6px;width:100%;max-height:420px;display:block}.preview-image.compact{max-height:220px}.preview-image.round,.empty-preview.round{object-fit:cover;border-radius:50%;justify-self:start;width:168px;height:168px;min-height:168px}.preview-image.square,.empty-preview.square{aspect-ratio:1;object-fit:contain;justify-self:start;width:min(100%,220px);min-height:0;max-height:none}.empty-preview{border:1px dashed var(--line);min-height:180px;color:var(--muted);background:var(--surface-2);text-align:center;overflow-wrap:anywhere;border-radius:6px;place-items:center;padding:20px;display:grid}.empty-preview.compact{min-height:150px}.stage-design-preview{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 84%, var(--bg));border-radius:6px;grid-column:1/-1;gap:12px;padding:12px;display:grid}.stage-design-preview.empty-preview{border-style:dashed}.stage-design-preview h3{margin:0;font-size:15px}.stage-design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stage-design-grid>div{gap:4px;min-width:0;display:grid}.stage-design-grid>div.wide{grid-column:1/-1}.stage-design-grid span{color:var(--ink);font-size:12px;font-weight:800}.stage-design-grid strong{min-width:0;color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;font-weight:400;line-height:1.4}.report-panel{gap:14px;display:grid}.report-toolbar{max-width:520px}.report-table-wrap{border:1px solid var(--line);border-radius:8px;overflow:auto}.report-table{border-collapse:collapse;width:100%;min-width:760px}.report-table th,.report-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:10px 12px}.report-table th{z-index:1;background:var(--surface-2);position:sticky;top:0}.report-table th:first-child,.report-table td:first-child{width:68px}.dq-report-table th:first-child,.dq-report-table td:first-child{width:auto}.report-table th button{width:100%;min-height:30px;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:700;display:inline-flex}.report-table th button svg{color:var(--muted);flex:none;margin-left:auto}.report-table td{color:var(--ink);font-size:14px}.report-table tr:last-child td{border-bottom:0}.report-table .preview-image.round,.report-table .empty-preview.round{border-radius:50%;width:38px;height:38px;min-height:38px;padding:0;font-size:0}.report-empty{height:120px;color:var(--muted);text-align:center}@media print{@page{margin:.5in}body{color:#111;background:#fff;min-width:0}body *{visibility:hidden}.printable-report,.printable-report *{visibility:visible}.printable-report{color:#111;width:100%;box-shadow:none;background:#fff;border:0;padding:0;position:absolute;inset:0 auto auto 0}.no-print,.report-toolbar{display:none!important}.report-table-wrap{border:1px solid #bbb;overflow:visible}.report-table{color:#111;min-width:0}.report-table th{background:#eee;position:static}.report-table th,.report-table td{color:#111;border-color:#bbb}.report-table th button{color:#111}.report-table th button svg{display:none}}.modal-backdrop{z-index:20;background:#00000094;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(1120px,100%);max-height:min(760px,100vh - 48px);padding:16px;overflow:hidden;box-shadow:0 24px 80px #0000005c}.contact-import-panel{grid-template-rows:auto auto 1fr;gap:12px;display:grid}.match-import-panel{grid-template-rows:auto auto 1fr;gap:12px;width:min(720px,100%);display:grid}.staff-link-panel{gap:12px;width:min(720px,100%);display:grid}.whats-new-panel,.browser-support-panel{gap:14px;width:min(680px,100%);display:grid}.browser-support-summary{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 54%, var(--surface));color:var(--ink);border-radius:6px;padding:12px;font-weight:700}.browser-support-summary.limited{border-color:var(--gold);color:var(--gold)}.browser-support-summary.supported{border-color:var(--accent);color:var(--accent)}.browser-support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.browser-support-grid section{gap:8px;display:grid}.browser-support-grid h3{margin:0;font-size:15px}.browser-support-grid ul{color:var(--muted);gap:7px;margin:0;padding-left:20px;display:grid}.whats-new-content{gap:14px;padding-right:4px;display:grid;overflow:auto}.whats-new-content section{gap:8px;display:grid}.whats-new-content h3{margin:0;font-size:15px}.whats-new-content ul{color:var(--muted);gap:7px;margin:0;padding-left:20px;display:grid}.whats-new-content li{line-height:1.45}.staff-link-panel .panel-actions{justify-content:flex-end}.csv-format-panel{gap:14px;width:min(760px,100%);display:grid}.csv-format-content{color:var(--muted);gap:14px;display:grid}.csv-format-content h3{color:var(--ink);margin:0 0 8px;font-size:14px}.csv-format-content p{margin:0;line-height:1.5}.csv-format-content pre{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:0;padding:12px;overflow:auto}.csv-chip-row{flex-wrap:wrap;gap:8px;display:flex}.csv-chip-row code,.csv-format-content p code{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:6px;padding:3px 6px}.import-actions{color:var(--muted);font-size:13px}.import-actions label{align-items:center;gap:8px;display:inline-flex}.import-actions input,.import-table input,.match-import-option input{width:auto;min-height:0}.match-import-list{align-content:start;gap:8px;min-height:0;display:grid;overflow:auto}.match-import-option{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, var(--bg));border-radius:6px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:10px;display:grid}.match-import-option span{gap:3px;min-width:0;display:grid}.match-import-option strong{font-size:14px}.match-import-option small{color:var(--muted);font-size:12px}.import-table-wrap{border:1px solid var(--line);border-radius:8px;min-height:0;overflow:auto}.import-table{border-collapse:collapse;width:100%;min-width:1040px}.import-table th,.import-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 10px;font-size:13px}.import-table th{z-index:1;color:var(--muted);background:var(--surface-2);position:sticky;top:0}.import-table th:first-child,.import-table td:first-child{text-align:center;width:72px}.import-table tr:last-child td{border-bottom:0}.statusbar{background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:12px;padding:0 14px;transition:background .14s,border-color .14s,color .14s,box-shadow .14s;display:flex}.statusbar .status-message{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.statusbar .app-version{color:var(--muted);flex:none;margin-left:auto;font-weight:800}.statusbar-error{color:color-mix(in srgb, var(--accent-2) 82%, var(--ink));border-top-color:var(--accent-2);background:color-mix(in srgb, var(--accent-2) 14%, var(--surface))}.statusbar-alert{animation:.55s ease-in-out 3 status-error-pulse}@keyframes status-error-pulse{0%,to{box-shadow:inset 0 0 0 0 color-mix(in srgb, var(--accent-2) 0%, transparent)}45%{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent-2) 76%, transparent);background:color-mix(in srgb, var(--accent-2) 28%, var(--surface))}}.status-busy{color:var(--accent);white-space:nowrap;align-items:center;gap:7px;font-weight:700;display:inline-flex}.status-busy>span{border:2px solid color-mix(in srgb, var(--accent) 32%, transparent);border-top-color:var(--accent);border-radius:50%;width:13px;height:13px;animation:.8s linear infinite status-spin}.phone-portrait,.phone-landscape,.tablet-portrait{grid-template-rows:auto minmax(0,1fr) 28px auto;height:100dvh}.phone-portrait .topbar,.phone-landscape .topbar,.tablet-portrait .topbar{min-width:0;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;align-items:center;gap:8px}.phone-portrait .mobile-nav-toggle,.phone-landscape .mobile-nav-toggle,.tablet-portrait .mobile-nav-toggle{border-radius:6px;flex:0 0 38px;place-items:center;width:38px;min-height:38px;padding:0;display:inline-grid}.phone-portrait .brand,.phone-landscape .brand,.tablet-portrait .brand{flex:auto;gap:8px;min-width:0}.phone-portrait .brand img,.phone-landscape .brand img{width:120px;height:40px}.tablet-portrait .brand img{width:168px;height:50px}.phone-portrait .package-status,.phone-landscape .package-status,.tablet-portrait .package-status{min-width:0}.phone-portrait .package-status>span,.phone-landscape .package-status>span,.tablet-portrait .package-status>span{text-overflow:ellipsis;white-space:nowrap;max-width:28vw;overflow:hidden}.phone-portrait .toolbar,.phone-landscape .toolbar,.tablet-portrait .toolbar{flex:0 auto;justify-content:flex-start;max-width:48vw;padding-bottom:2px}.phone-portrait .toolbar button,.phone-landscape .toolbar button{min-height:34px;padding:0 8px;font-size:12px}.phone-portrait .user-chip,.phone-landscape .user-chip{display:none}.phone-portrait .workspace,.phone-landscape .workspace,.tablet-portrait .workspace{grid-template-columns:minmax(0,1fr);min-height:0}.phone-portrait .workspace>.sidebar,.phone-landscape .workspace>.sidebar,.tablet-portrait .workspace>.sidebar,.phone-portrait .workspace>.inspector,.phone-landscape .workspace>.inspector,.tablet-portrait .workspace>.inspector,.phone-portrait .workspace>.panel-resizer,.phone-landscape .workspace>.panel-resizer,.tablet-portrait .workspace>.panel-resizer{display:none}.phone-portrait .editor,.phone-landscape .editor,.tablet-portrait .editor{padding:12px}.phone-portrait .dashboard,.phone-landscape .dashboard{flex-direction:column;gap:10px}.phone-portrait .dashboard h1,.phone-landscape .dashboard h1{font-size:22px}.phone-portrait .stat-grid,.phone-landscape .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tablet-portrait .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.phone-portrait .panel,.phone-landscape .panel,.tablet-portrait .panel{padding:12px}.phone-portrait .panel-title,.phone-landscape .panel-title,.tablet-portrait .panel-title{flex-direction:column;align-items:flex-start}.phone-portrait .form-grid,.phone-portrait .form-grid.nested,.phone-portrait .staff-public-form .form-grid,.phone-portrait .staff-detail-grid,.phone-portrait .matrix-form-grid,.phone-landscape .form-grid,.phone-landscape .form-grid.nested,.phone-landscape .staff-public-form .form-grid,.phone-landscape .staff-detail-grid,.phone-landscape .matrix-form-grid,.tablet-portrait .form-grid,.tablet-portrait .form-grid.nested,.tablet-portrait .staff-public-form .form-grid,.tablet-portrait .staff-detail-grid,.tablet-portrait .matrix-form-grid{grid-template-columns:1fr}.phone-portrait .mobile-stage-actions,.phone-landscape .mobile-stage-actions,.tablet-portrait .mobile-stage-actions{display:grid}.phone-portrait .mobile-bottom-nav,.phone-landscape .mobile-bottom-nav,.tablet-portrait .mobile-bottom-nav{padding:6px max(6px, env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-right));border-top:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.phone-portrait .mobile-bottom-nav button,.phone-landscape .mobile-bottom-nav button,.tablet-portrait .mobile-bottom-nav button{border-radius:6px;place-items:center;gap:2px;min-width:0;min-height:44px;padding:4px 2px;font-size:11px;display:grid}.phone-portrait .mobile-bottom-nav button span,.phone-landscape .mobile-bottom-nav button span,.tablet-portrait .mobile-bottom-nav button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.phone-portrait .mobile-nav-backdrop,.phone-landscape .mobile-nav-backdrop,.tablet-portrait .mobile-nav-backdrop{z-index:30;background:#00000094;display:block;position:fixed;inset:0}.phone-portrait .mobile-nav-panel,.phone-landscape .mobile-nav-panel,.tablet-portrait .mobile-nav-panel{width:min(360px,92vw);height:100%;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--surface) 92%, var(--bg));border-right:1px solid var(--line);grid-template-rows:auto minmax(0,1fr);display:grid;box-shadow:20px 0 50px #00000059}.phone-portrait .mobile-nav-header,.phone-landscape .mobile-nav-header,.tablet-portrait .mobile-nav-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:8px 12px;display:flex}.phone-portrait .mobile-nav-header button,.phone-landscape .mobile-nav-header button,.tablet-portrait .mobile-nav-header button{border-radius:6px;min-height:34px;padding:0 10px}.phone-portrait .mobile-nav-panel .tree,.phone-landscape .mobile-nav-panel .tree,.tablet-portrait .mobile-nav-panel .tree{min-height:0;padding-bottom:18px;overflow:auto}.phone-portrait .modal-backdrop,.phone-landscape .modal-backdrop,.tablet-portrait .modal-backdrop{place-items:stretch stretch;padding:0}.phone-portrait .modal-panel,.phone-landscape .modal-panel,.tablet-portrait .modal-panel{width:100%;height:100dvh;max-height:none;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));border-inline:0;border-radius:0}.phone-portrait .modal-panel .panel-actions,.phone-landscape .modal-panel .panel-actions,.tablet-portrait .modal-panel .panel-actions{flex-wrap:wrap}.phone-portrait .contact-import-panel,.phone-portrait .match-import-panel,.phone-portrait .csv-format-panel,.phone-landscape .contact-import-panel,.phone-landscape .match-import-panel,.phone-landscape .csv-format-panel,.tablet-portrait .contact-import-panel,.tablet-portrait .match-import-panel,.tablet-portrait .csv-format-panel{grid-template-rows:auto auto minmax(0,1fr)}.phone-portrait .matrix-mobile-timeline,.phone-landscape .matrix-mobile-timeline,.tablet-portrait .matrix-mobile-timeline{gap:12px;display:grid}.phone-portrait .matrix-view-panel>.stacked-blocks,.phone-landscape .matrix-view-panel>.stacked-blocks,.tablet-portrait .matrix-view-panel>.stacked-blocks{display:none}.matrix-mobile-block{gap:8px;display:grid}.matrix-mobile-block h3{text-transform:capitalize;margin:0;font-size:15px}.matrix-mobile-block>div{gap:8px;display:grid}.matrix-mobile-row{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, var(--bg));border-radius:8px;gap:8px;padding:10px;display:grid}.matrix-mobile-row>strong{color:var(--accent);font-size:13px}.matrix-mobile-row>div{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px;display:grid}.matrix-mobile-row span{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 62%, var(--surface));border-radius:6px;gap:2px;min-width:0;padding:7px;display:grid}.matrix-mobile-row small{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.matrix-mobile-row b{color:var(--ink);font-size:15px}.matrix-mobile-row.admin{background:color-mix(in srgb, var(--gold) 9%, var(--surface));border-style:dashed}.matrix-mobile-row.admin span{color:var(--muted);background:0 0;border:0;padding:0;font-size:13px;display:block}.phone-landscape{grid-template-rows:auto minmax(0,1fr) 24px auto}.phone-landscape .topbar{padding-top:6px;padding-bottom:6px}.phone-landscape .brand img{width:104px;height:34px}.phone-landscape .dashboard{display:none}@keyframes status-spin{to{transform:rotate(360deg)}}.auth-shell{background:var(--bg);min-height:100vh;color:var(--ink);place-items:center;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:16px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 24px 80px #0000003d}.auth-card img{justify-self:center;width:240px;max-width:100%}.auth-card h1{margin:0 0 6px;font-size:24px}.auth-card p{color:var(--muted);margin:0;line-height:1.45}.auth-card .auth-muted{font-size:13px}.app-version-label{color:var(--muted);justify-self:end;font-size:12px;font-weight:800}.auth-card button{border-radius:6px;min-height:40px;font-weight:700}.auth-link-button{color:var(--accent);background:0 0;border:0}.auth-link-button:hover{background:0 0}.auth-card code{border:1px solid var(--line);color:var(--accent);background:color-mix(in srgb, var(--surface-2) 70%, var(--surface));overflow-wrap:anywhere;border-radius:6px;padding:8px 10px}.public-form-shell{align-items:start}.staff-public-form{width:min(980px,100%)}.staff-public-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-form-match-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 64%, var(--surface));border-radius:6px;gap:4px;padding:12px;display:grid}.staff-form-match-card strong{font-size:18px}.staff-form-match-card span{color:var(--muted);font-size:13px}.form-success{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));overflow-wrap:anywhere;border-radius:6px;padding:10px 12px;font-size:13px}.staff-submission-panel{gap:14px;display:grid}.staff-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.staff-detail-grid>div{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 84%, var(--bg));border-radius:6px;gap:4px;min-width:0;padding:10px;display:grid}.staff-detail-grid>div.wide{grid-column:1/-1}.staff-detail-grid span{color:var(--ink);font-size:12px;font-weight:800}.staff-detail-grid strong{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;font-weight:400;line-height:1.45}.tree-row.new-submission{box-shadow:inset 3px 0 0 var(--accent)}.auth-error{color:var(--accent-2);background:color-mix(in srgb, var(--accent-2) 12%, var(--surface-2));border-radius:6px;padding:10px 12px;font-size:13px}.paywall-card{width:min(620px,100%)}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.plan-grid button{text-align:left;align-content:center;gap:5px;min-height:94px;padding:14px;display:grid}.plan-grid strong{color:var(--ink);font-size:18px}.plan-grid span{color:var(--muted);font-size:13px}.squad-matrix-generator{gap:14px;display:grid}.matrix-hero{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.matrix-hero h2{margin:0 0 6px;font-size:24px}.matrix-hero p{max-width:760px;color:var(--muted);margin:0;line-height:1.45}.matrix-actions,.matrix-tab-row,.day-tabs,.cell-tools{align-items:center;gap:8px;display:flex}.matrix-actions{flex-wrap:wrap;justify-content:flex-end}.matrix-actions button,.day-tabs button,.cell-tools button{border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 10px;display:inline-flex}.matrix-layout{grid-template-columns:1fr;align-items:start;gap:14px;display:grid}.matrix-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:14px}.matrix-panel-title,.matrix-tab-row{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.matrix-panel-title h3{margin:0;font-size:16px}.matrix-panel-title span{color:var(--muted);font-size:12px}.matrix-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.matrix-field{gap:6px;display:grid}.matrix-field span{color:var(--muted);font-size:12px;font-weight:650}.time-picker>div{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.matrix-options{color:var(--muted);gap:8px;margin-top:12px;font-size:13px;display:grid}.matrix-options label{align-items:center;gap:8px;display:flex}.matrix-options input{width:auto;min-height:0}.recommendation-card{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-radius:8px;gap:8px;margin-top:12px;padding:12px;display:grid}.recommendation-card>div{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.recommendation-card strong{font-size:13px}.recommendation-card span,.recommendation-card small{color:var(--muted);font-size:12px}.recommendation-card small{display:block}.link-button{min-height:0;color:var(--accent);background:0 0;border:0;justify-self:start;padding:0;font-weight:700}.advanced-grid{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.stage-bay-list{gap:6px;max-height:178px;margin-top:12px;display:grid;overflow:auto}.stage-bay-list span,.completion-row{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 58%, var(--surface));border-radius:6px;grid-template-columns:1fr auto;gap:4px 10px;padding:8px;font-size:13px;display:grid}.stage-bay-list small,.completion-row small{color:var(--muted);font-size:11px}.matrix-view-panel{overflow:hidden}.matrix-validation-summary{gap:8px;margin-bottom:14px;display:grid}.stacked-blocks{gap:18px;display:grid}.matrix-mobile-timeline{display:none}.block-section{gap:10px;min-width:0;display:grid}.block-section h3{margin:0;font-size:16px}.lunch-break{border:1px dashed var(--line);background:color-mix(in srgb, var(--gold) 9%, var(--surface));border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.lunch-break strong{color:var(--gold)}.lunch-break span,.lunch-break small{color:var(--muted);font-size:13px}.day-tabs{flex-wrap:wrap}.day-tabs button.active{color:var(--accent);border-color:var(--accent);background:var(--focus)}.block-matrix{border:1px solid var(--line);border-radius:8px;max-height:none;overflow:auto}.matrix-grid{min-width:max-content;display:grid}.matrix-corner,.stage-header,.time-cell,.matrix-cell,.matrix-admin-row{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, var(--bg));min-height:58px}.matrix-corner,.stage-header{z-index:2;background:var(--surface-2);align-content:center;padding:8px;display:grid;position:sticky;top:0}.matrix-corner,.time-cell{z-index:3;position:sticky;left:0}.stage-header strong{font-size:13px}.stage-header span{color:var(--muted);font-size:11px}.time-cell{color:var(--muted);background:var(--surface-2);place-items:center;padding:8px;font-size:12px;font-weight:700;display:grid}.admin-time,.matrix-admin-row{min-height:44px}.matrix-admin-row{color:var(--muted);background:color-mix(in srgb, var(--gold) 8%, var(--surface));align-items:center;padding:8px 12px;font-size:13px;font-weight:650;display:flex}.matrix-cell{place-items:center;padding:8px;display:grid}.matrix-cell strong{color:var(--ink);font-size:18px;line-height:1}.cell-tools{gap:4px}.cell-tools button{width:28px;min-height:28px;padding:0}.matrix-cell.manual{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.matrix-cell.locked{box-shadow:inset 0 0 0 1px var(--gold)}.matrix-cell.conflict{background:color-mix(in srgb, var(--accent-2) 18%, var(--surface))}.matrix-cell.empty,.matrix-empty{color:var(--muted);place-items:center;display:grid}.validation-lists{gap:8px;display:grid}.validation-lists p{border-radius:6px;margin:0;padding:8px;font-size:13px;line-height:1.35}.validation-error{color:var(--accent-2);background:color-mix(in srgb, var(--accent-2) 12%, var(--surface-2))}.validation-warning{color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, var(--surface-2))}.validation-ok,.valid-text{color:var(--accent)}.invalid-text{color:var(--accent-2)}.completion-grid{gap:7px;max-height:260px;margin-top:12px;display:grid;overflow:auto}.completion-row strong{font-size:13px}@media (width<=1100px){.workspace{grid-template-columns:minmax(220px, var(--left-panel,260px)) 6px minmax(0, 1fr)}.inspector,.panel-resizer:last-of-type{display:none}.stat-grid{grid-template-columns:repeat(3,minmax(70px,1fr))}}@media (width<=760px){.app-shell{grid-template-rows:auto 1fr auto;height:auto;min-height:100vh}.topbar,.dashboard{flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:38vh}.panel-resizer{display:none}.form-grid,.form-grid.nested,.staff-public-form .form-grid,.staff-detail-grid,.stat-grid,.matrix-form-grid{grid-template-columns:1fr}.matrix-hero,.matrix-panel-title,.matrix-tab-row{flex-direction:column;align-items:flex-start}}.app-shell.phone-portrait,.app-shell.tablet-portrait{grid-template-rows:auto minmax(0,1fr) 28px auto;height:100dvh}.app-shell.phone-landscape{grid-template-rows:auto minmax(0,1fr) 24px auto;height:100dvh}.app-shell.phone-portrait .topbar,.app-shell.phone-landscape .topbar,.app-shell.tablet-portrait .topbar{padding:calc(6px + env(safe-area-inset-top)) 8px 6px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:6px 8px;display:grid}.app-shell.phone-portrait .mobile-nav-toggle,.app-shell.phone-landscape .mobile-nav-toggle,.app-shell.tablet-portrait .mobile-nav-toggle{grid-area:1/1;width:34px;min-height:34px}.app-shell.phone-portrait .brand,.app-shell.phone-landscape .brand,.app-shell.tablet-portrait .brand{grid-area:1/2;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.app-shell.phone-portrait .brand img,.app-shell.phone-landscape .brand img{width:92px;height:30px}.app-shell.tablet-portrait .brand img{width:128px;height:40px}.app-shell.phone-portrait .package-status,.app-shell.phone-landscape .package-status,.app-shell.tablet-portrait .package-status{gap:2px}.app-shell.phone-portrait .package-status>span,.app-shell.phone-landscape .package-status>span,.app-shell.tablet-portrait .package-status>span{max-width:none;font-size:11px}.app-shell.phone-portrait .save-status-chip,.app-shell.phone-landscape .save-status-chip,.app-shell.tablet-portrait .save-status-chip{max-width:132px;min-height:18px;padding:0 6px;font-size:10px}.app-shell.phone-portrait .toolbar,.app-shell.phone-landscape .toolbar,.app-shell.tablet-portrait .toolbar{grid-area:2/1/auto/-1;gap:5px;max-width:none;padding-bottom:0;overflow-x:auto}.app-shell.phone-portrait .toolbar button,.app-shell.phone-landscape .toolbar button,.app-shell.tablet-portrait .toolbar button{min-height:30px;padding:0 8px;font-size:12px}.app-shell.phone-portrait .toolbar .save-button,.app-shell.phone-landscape .toolbar .save-button{font-weight:800}.app-shell.phone-portrait .editor,.app-shell.phone-landscape .editor,.app-shell.tablet-portrait .editor{padding:10px}.app-shell.phone-portrait .dashboard,.app-shell.phone-landscape .dashboard{gap:8px;margin-bottom:10px}.app-shell.phone-portrait .dashboard h1,.app-shell.phone-landscape .dashboard h1{margin-bottom:3px;font-size:24px;line-height:1.05}.app-shell.phone-portrait .dashboard p,.app-shell.phone-landscape .dashboard p{font-size:12px}.app-shell.phone-portrait .stat-grid,.app-shell.phone-landscape .stat-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.app-shell.phone-portrait .stat,.app-shell.phone-landscape .stat{min-height:42px;padding:4px 3px}.app-shell.phone-portrait .stat strong,.app-shell.phone-landscape .stat strong{font-size:15px;line-height:1}.app-shell.phone-portrait .stat span,.app-shell.phone-landscape .stat span{text-align:left;font-size:9px;line-height:1.1}.app-shell.phone-portrait .panel,.app-shell.phone-landscape .panel,.app-shell.tablet-portrait .panel{padding:12px}.app-shell.phone-portrait .panel-title,.app-shell.phone-landscape .panel-title,.app-shell.tablet-portrait .panel-title{gap:10px;margin-bottom:12px}.app-shell.phone-portrait .panel-title h2,.app-shell.phone-landscape .panel-title h2{font-size:26px;line-height:1.05}.app-shell.phone-portrait .panel-actions,.app-shell.phone-landscape .panel-actions,.app-shell.tablet-portrait .panel-actions{flex-wrap:wrap;gap:6px}.app-shell.phone-portrait .panel-actions button,.app-shell.phone-landscape .panel-actions button,.app-shell.tablet-portrait .panel-actions button{min-height:34px;padding:0 10px}.app-shell.phone-portrait .field,.app-shell.phone-landscape .field,.app-shell.tablet-portrait .field{gap:5px}.app-shell.phone-portrait input,.app-shell.phone-portrait select,.app-shell.phone-portrait textarea,.app-shell.phone-landscape input,.app-shell.phone-landscape select,.app-shell.phone-landscape textarea,.app-shell.tablet-portrait input,.app-shell.tablet-portrait select,.app-shell.tablet-portrait textarea{min-height:36px;padding:7px 9px}.app-shell.phone-portrait .mobile-bottom-nav,.app-shell.phone-landscape .mobile-bottom-nav,.app-shell.tablet-portrait .mobile-bottom-nav{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.app-shell.phone-portrait .mobile-bottom-nav button,.app-shell.phone-landscape .mobile-bottom-nav button,.app-shell.tablet-portrait .mobile-bottom-nav button{min-height:38px}
