:root{--bg:#f6f8f7;--surface:#fff;--surface-2:#eef7f5;--ink:#17211f;--muted:#63716d;--line:#dbe5e1;--brand:#0f766e;--brand-2:#0b5f59;--green:#15803d;--amber:#b45309;--red:#b42318;--yellow:#facc15;--shadow:0 12px 36px #1a242114;--radius:8px;--sidebar:284px}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:var(--bg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:42px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:9px 12px;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}button:hover{background:#f8fbfa;border-color:#b9cbc5}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}.primary{background:var(--brand);border-color:var(--brand);color:#fff}.primary:hover{background:var(--brand-2);border-color:var(--brand-2)}.full{width:100%}.wide{grid-column:1/-1}.mobile-only{display:none}.loading-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.loading-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(360px,100%);box-shadow:var(--shadow);justify-items:center;gap:8px;padding:22px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{rotate:360deg}}.app-shell{grid-template-columns:var(--sidebar) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:16px;height:100vh;padding:18px;display:flex;position:sticky;top:0}.brand-block{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding-bottom:12px;display:flex}.brand-block strong{line-height:1.1;display:block}.brand-block span,.eyebrow,small{color:var(--muted)}.brand-mark{border-radius:var(--radius);background:var(--brand);color:#fff;place-items:center;width:42px;height:42px;display:grid}.sidebar nav{gap:6px;display:grid;overflow:auto}.sidebar nav button{border-color:#0000;justify-content:flex-start;min-height:40px}.sidebar nav button.active{background:var(--surface-2);color:var(--brand-2);border-color:#b9d7d0}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.source-link{border:1px solid var(--line);border-radius:var(--radius);min-height:38px;color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.source-link:hover{background:var(--surface-2);color:var(--brand-2);border-color:#b9d7d0}.workspace{min-width:0;padding:20px}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:72px;margin-bottom:18px;display:flex}.topbar h1{letter-spacing:0;margin:2px 0 0;font-size:26px}.eyebrow{text-transform:uppercase;letter-spacing:0;margin:0;font-size:12px;font-weight:800}.topbar-actions{align-items:center;gap:10px;display:flex}.session-picker{min-width:260px}.stack{gap:18px;display:grid}.hero-band{color:#fff;border-radius:var(--radius);background:linear-gradient(90deg,#0f766ef2,#14532de6),radial-gradient(circle at 92% 18%,#facc1557,#0000 28%);grid-template-columns:1.2fr .8fr;align-items:end;gap:24px;min-height:196px;padding:24px;display:grid}.hero-band .eyebrow{color:#ffffffc2}.hero-band h2{letter-spacing:0;max-width:780px;margin:8px 0 0;font-size:34px;line-height:1.08}.migration-hero{border-radius:var(--radius);color:#fff;background:linear-gradient(110deg,#0f766ef5,#166534eb),radial-gradient(circle at 88% 12%,#facc154d,#0000 30%);justify-content:space-between;align-items:flex-end;gap:18px;min-height:168px;padding:22px;display:flex}.migration-hero h2{letter-spacing:0;margin:6px 0;font-size:32px}.migration-hero p{max-width:760px;margin:0}.migration-hero .eyebrow{color:#ffffffc7}.wizard-steps{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.wizard-steps button{justify-content:flex-start;min-height:44px;font-size:13px;font-weight:800}.wizard-steps button.active{color:#fff;background:var(--brand);border-color:var(--brand)}.migration-selection-grid,.method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.migration-check{align-items:flex-start;min-height:58px}.migration-check span{gap:2px;display:grid}.migration-check small{font-size:11px}.migration-check.manual{background:#fffbeb;border-color:#fde68a}.method-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-content:start;gap:8px;min-height:126px;padding:13px;display:grid}.method-card input{width:18px;height:18px}.method-card span{color:var(--muted);line-height:1.4}.method-card.disabled{color:var(--muted);background:#f8fbfa}.readiness-level{border:1px solid var(--line);text-transform:capitalize;border-radius:999px;place-self:start end;padding:5px 9px;font-size:12px;font-weight:900}.hero-actions{grid-template-columns:1fr;gap:10px;display:grid}.hero-actions button:not(.primary){color:#fff;background:#ffffff1f;border-color:#ffffff47}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-height:106px;padding:16px;display:flex;box-shadow:0 3px 14px #1a24210a}.metric-card span{color:var(--muted);font-size:13px;font-weight:700}.metric-card strong{letter-spacing:0;overflow-wrap:anywhere;margin-top:8px;font-size:24px;display:block}.metric-card.good{background:#f0fdf4;border-color:#bbf7d0}.metric-card.warn{background:#fff7ed;border-color:#fed7aa}.metric-icon{border-radius:var(--radius);width:40px;height:40px;color:var(--brand);background:var(--surface-2);flex:none;place-items:center;display:grid}.dashboard-grid,.split-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;padding:16px;box-shadow:0 3px 14px #1a24210a}.panel>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel>header>div{align-items:center;gap:8px;display:flex}.panel h2{letter-spacing:0;margin:0;font-size:17px}.toolbar-band{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.search-field{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex:1;align-items:center;gap:8px;min-width:220px;min-height:42px;padding:0 10px;display:flex}.search-field input{background:0 0;border:0;outline:0;width:100%;min-width:0}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:12px;font-weight:800}.field input,.field select,.field textarea,.toolbar-band select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:42px;color:var(--ink);background:#fff;padding:9px 10px}.field textarea{resize:vertical}.field.compact{gap:4px}.field.compact select,.field.compact input{min-height:36px;font-size:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.check-chip,.toggle-line{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:8px;min-height:38px;padding:8px 10px;display:inline-flex}.list,.quality-list,.compact-table,.timeline,.flag-list,.report-list,.product-pick-list{gap:9px;display:grid}.row-button,.product-pick-list button,.session-card{text-align:left;justify-content:space-between;min-height:58px}.row-button span,.product-pick-list button span,.session-card span{gap:3px;display:grid}.summary-block{gap:10px;display:grid}.quality-line,.compact-row,.permission-row,.timeline-row,.report-row{border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px;display:flex}.quality-line strong,.quality-line span,.compact-row span,.report-row span,.report-row strong{overflow-wrap:anywhere}.status-pill,.sync-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.status-pill{color:#3730a3;background:#eef2ff}.status-in-progress{color:#155e75;background:#ecfeff}.status-review{color:var(--amber);background:#fff7ed}.status-finalized,.status-locked,.status-exported{color:var(--green);background:#f0fdf4}.sync-pill{border:1px solid var(--line);gap:7px}.sync-pill.online{color:var(--green);background:#f0fdf4;border-color:#bbf7d0}.sync-pill.offline{color:var(--amber);background:#fffbeb;border-color:#fde68a}.notice{z-index:20;border-radius:var(--radius);color:#fff;max-width:min(440px,100vw - 32px);min-height:42px;box-shadow:var(--shadow);background:#17211f;align-items:center;gap:9px;padding:10px 12px;display:flex;position:fixed;top:16px;right:16px}.session-table{gap:10px;display:grid}.session-card.selected{border-color:var(--brand);background:var(--surface-2)}.join-screen{place-items:center;min-height:calc(100vh - 130px);display:grid}.join-card{border:1px solid var(--line);border-radius:var(--radius);width:min(430px,100%);box-shadow:var(--shadow);text-align:center;background:#fff;gap:13px;padding:20px;display:grid}.join-card h2{margin:0;font-size:25px}.qr-box{aspect-ratio:1;border:2px dashed var(--brand);border-radius:var(--radius);width:172px;color:var(--brand);background:var(--surface-2);place-items:center;margin:0 auto 4px;display:grid}.qr-box span{font-weight:900}.join-meta{border:1px solid var(--line);border-radius:var(--radius);gap:4px;padding:10px;display:grid}.join-meta span{color:var(--muted);font-size:12px;font-weight:800}.count-layout{grid-template-columns:minmax(320px,480px) 1fr;align-items:start;gap:16px;display:grid}.phone-panel{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;border:1px solid #cfe0dc;overflow:hidden}.phone-header{background:var(--brand);color:#fff;gap:2px;min-height:74px;padding:14px;display:grid}.phone-header small,.phone-header span{color:#ffffffc7}.count-form{gap:12px;padding:14px;display:grid}.count-form .field input,.count-form .field select,.count-form .field textarea{min-height:48px;font-size:16px}.conversion-box{border:1px solid var(--line);border-radius:var(--radius);background:#fbfefd;gap:9px;padding:10px;display:grid}.warning-copy{color:var(--amber);margin:0;font-size:13px;line-height:1.4}.mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-actions button{min-height:48px}.count-side{gap:14px;display:grid}.mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px;display:grid}.mini-metrics .metric-card{min-height:84px}.mini-metrics .metric-card strong{font-size:18px}.data-table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:auto}.data-table{border-collapse:collapse;background:#fff;width:100%;min-width:720px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px}.data-table th{text-transform:uppercase;color:var(--muted);letter-spacing:0;background:#f8fbfa;font-size:12px;position:sticky;top:0}.import-actions,.button-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.counter-grid,.export-grid,.checklist-grid,.permission-grid{gap:10px;display:grid}.counter-card,.flag-card,.export-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px}.counter-card{gap:8px;display:grid}.progress-bar{background:#edf3f1;border-radius:999px;height:8px;overflow:hidden}.progress-bar span{background:var(--brand);height:100%;display:block}.flag-card{grid-template-columns:1fr auto;gap:12px;display:grid}.flag-card>div:first-child{gap:4px;display:grid}.flag-card.critical{background:#fff7f7;border-color:#fecaca}.flag-card.warning{background:#fffaf3;border-color:#fed7aa}.flag-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.checklist-item{border:1px solid var(--line);border-radius:var(--radius);color:var(--amber);background:#fffbeb;align-items:center;gap:8px;padding:10px;display:flex}.checklist-item.done{color:var(--green);background:#f0fdf4;border-color:#bbf7d0}.export-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.export-card{text-align:left;align-content:center;justify-items:start;min-height:126px;display:grid}.export-card span{color:var(--muted)}.contract-grid{flex-wrap:wrap;gap:8px;display:flex}.contract-grid span{border:1px solid var(--line);background:#f8fbfa;border-radius:999px;min-height:32px;padding:6px 10px;font-size:13px;font-weight:700}.timeline-row,.permission-row,.report-row{align-items:flex-start}.timeline-row{grid-template-columns:170px 1fr 180px;display:grid}.permission-row{grid-template-columns:1fr 90px;display:grid}.permission-row small{grid-column:1/-1}.empty-state{min-height:140px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:7px;display:grid}.print-report{display:none}.print-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.print-meta div{border:1px solid #ddd;padding:8px}.print-meta span{color:#555;font-size:11px;font-weight:700;display:block}.print-report table{border-collapse:collapse;width:100%;margin:10px 0 22px}.print-report th,.print-report td{text-align:left;border:1px solid #ddd;padding:6px}@media (max-width:1120px){.metrics-grid,.dashboard-grid,.split-layout,.count-layout,.migration-selection-grid,.method-grid,.hero-band{grid-template-columns:1fr}.wizard-steps,.export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){:root{--sidebar:0px}.app-shell{display:block}.mobile-only{display:inline-flex}.sidebar{z-index:30;width:min(308px,100vw - 46px);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.workspace{padding:12px}.topbar{align-items:flex-start}.topbar-actions{display:none}.topbar h1{font-size:20px}.hero-band{min-height:228px;padding:18px}.migration-hero{flex-direction:column;align-items:flex-start;min-height:220px}.migration-hero h2,.hero-band h2{font-size:25px}.metrics-grid,.mini-metrics,.form-grid,.field-row,.mobile-actions,.export-grid,.print-meta{grid-template-columns:1fr}.toolbar-band{align-items:stretch}.toolbar-band>*{width:100%}.phone-panel{border-left:0;border-right:0;border-radius:0;margin-inline:-12px}.count-form .field input,.count-form .field select,.count-form .field textarea{min-height:52px}.flag-card{grid-template-columns:1fr}.flag-actions{justify-content:stretch}.flag-actions button{flex:140px}.timeline-row,.permission-row{grid-template-columns:1fr}}@media print{body{background:#fff}.sidebar,.topbar,.screen-content,.notice,.source-link{display:none!important}.app-shell,.workspace{padding:0;display:block}.print-report{color:#111;padding:0;display:block}}