:root{--bg:#fbfbfa;--surface:#fff;--border:#e5e3df;--text:#1c1b19;--muted:#6b6862;--accent:#1a5cff;--on-accent:#fff;--warn:#7a5200;--warn-bg:#fff5e0;--danger:#96201a;--danger-bg:#fdeceb;--radius:8px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,system-ui,sans-serif}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;top:1rem;left:1rem}.shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:1.25rem 1rem}.brand{letter-spacing:-.01em;margin:0 0 1rem;font-weight:700}.nav-list{gap:2px;margin:1rem 0 0;padding:0;list-style:none;display:grid}.nav-list a{color:var(--muted);border-radius:6px;padding:.45rem .6rem;text-decoration:none;display:block}.nav-list a:hover{background:var(--bg);color:var(--text)}.nav-list a[aria-current=page]{background:var(--bg);color:var(--text);font-weight:600}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;padding:.5rem .9rem;text-decoration:none;display:inline-block}.btn-cta{text-align:center;background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600;display:block}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.picker{align-items:center;gap:1rem;display:flex}.picker label{color:var(--muted);gap:2px;font-size:12px;display:grid}.picker select{font:inherit;border:1px solid var(--border);background:var(--bg);border-radius:6px;min-width:190px;padding:.3rem .5rem}.mock-banner{background:var(--warn-bg);color:var(--warn);border-bottom:1px solid var(--border);margin:0;padding:.5rem 1.5rem;font-size:13px}.main{max-width:1100px;padding:1.75rem 1.5rem 4rem}.screen-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.screen-head h1{letter-spacing:-.02em;margin:0;font-size:1.5rem}.lead{color:var(--muted);margin:.35rem 0 0}h2{margin:2rem 0 .75rem;font-size:1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.card h3{color:var(--muted);margin:0 0 .35rem;font-size:.9rem;font-weight:500}.metric{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.badge{border:1px solid var(--border);color:var(--muted);vertical-align:middle;border-radius:4px;margin-left:.5rem;padding:0 .4rem;font-size:11px;display:inline-block}.list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.75rem 1rem;display:flex}.list li:first-child{border-top:0}.muted{color:var(--muted)}.state{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;padding:2rem 1.5rem}.state h3{margin:0 0 .35rem;font-size:1rem}.state p{color:var(--muted);margin:0 0 1rem}.state p:last-child{margin-bottom:0}.state-error{background:var(--danger-bg);border-color:#f0c8c5}.state-error h3{color:var(--danger)}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}}.notice{border:1px solid var(--border);border-radius:var(--radius);background:var(--warn-bg);color:var(--warn);margin:0 0 1rem;padding:.7rem .9rem;font-size:13px}.err{color:var(--danger)}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-top:2rem;display:flex}.section-head h2{margin:0 0 .75rem}.section-head>.badge{margin:0}.next-action{color:#fff;background:#17223b;border-radius:12px;justify-content:space-between;align-items:center;gap:2rem;padding:1.4rem 1.5rem;display:flex}.next-action h2{margin:.15rem 0 .25rem;font-size:1.2rem}.next-action p{color:#cbd4e7;margin:0}.next-action .btn-cta{flex:none;min-width:160px}.section-label{color:var(--muted);margin:0;font-size:12px;font-weight:600;display:block}.next-action .section-label{color:#9fb4df}.progress{background:#3b4967;border-radius:3px;width:min(420px,100%);height:5px;margin-top:1rem;overflow:hidden}.progress span{background:#73a2ff;height:100%;display:block}.next-action .progress-copy{margin-top:.35rem;font-size:12px}.metric-strip{border-block:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(4,1fr);display:grid}.metric-cell{border-left:1px solid var(--border);padding:1.1rem 1.25rem}.metric-cell:first-child{border-left:0}.metric-cell p{margin:0}.metric-cell>p:first-child,.metric-change{color:var(--muted);font-size:12px}.metric-cell .metric{margin:.2rem 0 .1rem}.metric-change.good{color:#18734a}.dashboard-columns{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:2rem;display:grid}.funnel,.alert-list{background:var(--surface);border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.funnel li{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 70px;align-items:center;gap:1rem;padding:.7rem .25rem;display:grid}.funnel-label,.funnel-rate{color:var(--muted)}.funnel-rate{text-align:right;font-size:12px}.alert-list li{border-bottom:1px solid var(--border);grid-template-columns:8px 1fr;gap:.75rem;padding:.8rem .25rem;display:grid}.alert-list strong,.alert-list p{display:block}.alert-list p{color:var(--muted);margin:.15rem 0 .2rem;font-size:13px}.alert-list a,.section-head a{font-size:13px}.status-dot{background:#2c8f62;border-radius:50%;width:8px;height:8px;margin-top:.45rem}.status-dot.danger{background:var(--danger)}.table-scroll{border-block:1px solid var(--border);overflow-x:auto}.campaign-table{border-collapse:collapse;background:var(--surface);text-align:right;width:100%;min-width:660px}.campaign-table th,.campaign-table td{border-bottom:1px solid var(--border);padding:.7rem .8rem}.campaign-table thead th{color:var(--muted);font-size:12px;font-weight:500}.campaign-table th:first-child{text-align:left}.campaign-table tbody tr:last-child th,.campaign-table tbody tr:last-child td{border-bottom:0}.status-badge{color:#42506a;background:#eef2f9;border-radius:4px;padding:.15rem .45rem;font-size:11px;font-weight:600}@media (max-width:760px){.next-action{flex-direction:column;align-items:stretch;gap:1rem}.metric-strip,.dashboard-columns{grid-template-columns:1fr 1fr}.metric-cell:nth-child(3){border-left:0}.dashboard-columns{gap:0}.dashboard-columns>section{grid-column:1/-1}}.notice-danger{background:var(--danger-bg);color:var(--danger);border-color:#f0c8c5}.quote{border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:var(--radius);background:var(--surface);color:var(--text);margin:0 0 1rem;padding:.7rem .9rem}.quote+p{margin-top:0}.confirm{border:2px solid var(--accent);background:var(--surface);border-radius:12px;margin:0 0 1.5rem;padding:1.1rem 1.25rem 1.25rem}.confirm h2{margin:0 0 .9rem}.confirm-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem;display:grid}.confirm-grid p{margin:0}.confirm-grid .metric{margin:.15rem 0 .2rem;font-size:1.25rem}.diff-table{border-collapse:collapse;background:var(--surface);text-align:left;width:100%;min-width:560px}.diff-table caption{text-align:left;padding:0 0 .5rem;font-size:12px}.diff-table th,.diff-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:.6rem .8rem;font-weight:400}.diff-table thead th{color:var(--muted);font-size:12px}.diff-table tbody tr:last-child th,.diff-table tbody tr:last-child td{border-bottom:0}.badge-ok{color:#18734a;background:#eef7f2;border-color:#bfe0cd}.badge-blocked{background:var(--danger-bg);color:var(--danger);border-color:#f0c8c5;font-weight:600}.badge-warn{background:var(--warn-bg);color:var(--warn);border-color:#e8d5a8}.badge-unknown{color:#4b2e91;background:#f3eefe;border-style:dashed;border-color:#b9a6ec;font-weight:700}.queue-no{min-width:1.5rem;font-weight:700;display:inline-block}.ratio-row{flex-wrap:wrap;align-items:flex-end;gap:1.25rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.ratio-row li{max-width:200px}.ratio-row p{margin:.4rem 0 0}.ratio-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:180px;position:relative}.ratio-safe{border:1px dashed var(--muted);color:var(--muted);border-radius:4px;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:12%}.notice ul{margin:.4rem 0;padding-left:1.1rem}.legal{max-width:46rem;margin:0 auto;padding:2rem 1.25rem 4rem;line-height:1.7}.legal-warning{background:#fff4e5;border:1px solid #f0a500;border-radius:6px;margin-bottom:1.5rem;padding:.75rem 1rem}.legal-head{border-bottom:1px solid #e5e5e5;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.25rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.legal-head a{font-weight:600}.legal-head nav{flex-wrap:wrap;gap:1rem;font-size:.9rem;display:flex}.legal-body h1{margin-bottom:1.5rem;font-size:1.6rem}.legal-body h2{margin-top:2.25rem;margin-bottom:.75rem;font-size:1.15rem}.legal-body h3{margin-top:1.5rem;margin-bottom:.5rem;font-size:1rem}.legal-body ul,.legal-body ol{padding-left:1.25rem}.legal-body li{margin-bottom:.4rem}.legal-body table{border-collapse:collapse;width:100%;margin:1rem 0}.legal-body th,.legal-body td{text-align:left;vertical-align:top;border:1px solid #e5e5e5;padding:.5rem .75rem}.legal-foot{border-top:1px solid #e5e5e5;margin-top:3rem;padding-top:1rem;font-size:.85rem}