:root{--nav:#071b3b;--nav-active:#19366f;--accent:#4f46e5;--ink:#111827;--muted:#64748b;--border:#dfe4ec;--surface:#fff;--bg:#f8fafc;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{grid-template-columns:216px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#dce6f5;flex-direction:column;padding:24px 14px;display:flex}.brand{align-items:center;gap:11px;padding:0 6px 30px;display:flex}.brand-mark{border:3px solid #bac8dc;border-radius:50%;width:34px;height:34px}.brand strong{color:#fff;font-size:20px}.brand small,.workspace small{color:#9fb0c9;font-size:11px;display:block}.sidebar nav{gap:6px;display:grid}.sidebar nav a{color:#dce6f5;border-radius:7px;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sidebar nav a:hover,.sidebar nav a.active{background:var(--nav-active);color:#fff}.workspace{border:1px solid #284268;border-radius:8px;align-items:center;gap:9px;margin-top:auto;padding:10px;display:flex}.workspace>span,.avatar{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.workspace strong{font-size:12px}.topbar{border-bottom:1px solid var(--border);height:64px;color:var(--muted);background:#fff;justify-content:flex-end;align-items:center;gap:18px;padding:0 32px;font-size:12px;display:flex}.avatar{border-radius:50%;font-size:11px}.page{max-width:1400px;margin:0 auto;padding:28px 32px 56px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-heading h1{letter-spacing:-.03em;margin:0 0 6px;font-size:26px}.page-heading p{color:var(--muted);margin:0;font-size:14px}.primary,.secondary,.table-action{cursor:pointer;border:1px solid #0000;border-radius:7px;padding:11px 16px;font:600 13px/1 inherit}.primary{background:var(--accent);color:#fff}.primary:disabled{opacity:.6}.secondary{border-color:var(--border);background:#fff}.metrics{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px;display:grid}.metrics article{border:1px solid var(--border);background:#fff;border-radius:9px;padding:18px 20px}.metrics span,.metrics small{color:var(--muted);font-size:12px;display:block}.metrics strong{margin:5px 0;font-size:26px;display:block}.table-panel{border:1px solid var(--border);background:#fff;border-radius:9px;overflow:hidden}.table-tools{border-bottom:1px solid var(--border);height:64px;color:var(--muted);justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.table-tools input{border:1px solid var(--border);border-radius:7px;width:280px;padding:10px 12px;font:13px inherit}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:700}td{border-bottom:1px solid #edf0f5;padding:14px 16px}td strong,td small{display:block}td small{color:var(--accent);margin-top:3px}.status{text-transform:capitalize;background:#f1f5f9;border-radius:5px;padding:5px 8px;font-size:11px}.status.qualified,.status.demo_ready{color:#187846;background:#eaf7ef}.table-action{color:var(--accent);border-color:#bbb8ff;padding:7px 10px;text-decoration:none;display:inline-block}.muted{color:var(--muted)}.empty{text-align:center;padding:72px 20px}.empty p{color:var(--muted)}.modal-backdrop{z-index:10;background:#071b3b99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(520px,100%);padding:24px;box-shadow:0 30px 80px #0004}.modal-head{justify-content:space-between;display:flex}.modal h2{margin:0}.modal p{color:var(--muted)}.close{cursor:pointer;background:0 0;border:0;font-size:25px}.modal form{gap:14px;display:grid}.modal label{gap:6px;font-size:12px;font-weight:700;display:grid}.modal input{border:1px solid var(--border);border-radius:7px;padding:10px;font:14px inherit}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.error{font-size:12px;color:#b42318!important}.table-scroll{overflow:auto}@media (max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.page{padding:22px 16px}.metrics{grid-template-columns:1fr}.page-heading{align-items:center}.topbar{padding:0 16px}.form-row{grid-template-columns:1fr}}
.scout-layout{gap:24px;display:grid}.scout-form{border:1px solid var(--border);background:#fff;border-radius:9px;padding:22px}.form-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.form-grid label{gap:7px;font-size:12px;font-weight:700;display:grid}.form-grid input{border:1px solid var(--border);border-radius:7px;min-width:0;padding:10px;font:14px inherit}.scout-metrics{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.scout-metrics article{border:1px solid var(--border);background:#fff;border-radius:9px;padding:16px}.scout-metrics span{color:var(--muted);font-size:11px;display:block}.scout-metrics strong{margin-top:6px;font-size:24px;display:block}@media (max-width:1050px){.form-grid{grid-template-columns:repeat(2,1fr)}.scout-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.form-grid,.scout-metrics{grid-template-columns:1fr}}
.audit-tools>div{align-items:center;gap:12px;display:flex}.audit-tools small{color:var(--muted)}.prospect-filter{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.prospect-filter select{border:1px solid var(--border);background:var(--panel);min-width:150px;color:var(--ink);border-radius:10px;padding:9px 12px}.table-error{border-bottom:1px solid var(--border);margin:0;padding:10px 16px}.prospect-link{color:var(--ink);text-decoration:none}.prospect-link:hover{color:var(--accent)}.audit-status,.recommendation,.severity{text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-block}.audit-status.success{color:#187846;background:#eaf7ef}.audit-status.pending{color:#64748b;background:#f1f5f9}.audit-status.failed,.audit-status.timeout,.audit-status.blocked,.audit-status.invalid_site{color:#b42318;background:#fff1f0}.recommendation.generate_demo{color:#187846;background:#eaf7ef}.recommendation.review{color:#8a5b00;background:#fff7db}.recommendation.skip{color:#64748b;background:#f1f5f9}.audit-action{justify-items:end;gap:6px;display:grid}.audit-grid{grid-template-columns:1fr 2fr;gap:18px;display:grid}.audit-card{border:1px solid var(--border);background:#fff;border-radius:9px;padding:20px}.audit-card h2{margin:0 0 18px;font-size:16px}.audit-card dl{margin:0}.audit-card dl div{border-bottom:1px solid #edf0f5;justify-content:space-between;padding:10px 0;display:flex}.audit-card dt{color:var(--muted)}.audit-card dd{font-weight:700}.issue-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.issue-list li{border-bottom:1px solid #edf0f5;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.issue-list small{color:var(--muted);margin-top:3px;display:block}.severity.high{color:#b42318;background:#fff1f0}.severity.medium{color:#8a5b00;background:#fff7db}.severity.low{color:#4338ca;background:#eef2ff}.score-stack{white-space:nowrap;color:var(--muted);gap:8px;font-size:11px;display:flex}.score-stack strong{color:var(--ink);font-size:14px}.audit-screenshots{grid-template-columns:1.7fr .7fr;gap:18px;margin-top:18px;display:grid}.audit-screenshot{object-fit:contain;object-position:top;border:1px solid var(--border);background:#f8fafc;border-radius:8px;width:100%;height:auto;max-height:520px}.strength-list{color:var(--ink);margin:0;padding-left:20px}@media (max-width:900px){.audit-grid{grid-template-columns:1fr}.audit-tools{align-items:flex-start;height:auto}.audit-tools>div{flex-direction:column;align-items:flex-start}}
.section-title{margin:24px 0 12px;font-size:16px}.costs-metrics{grid-template-columns:repeat(4,1fr)}.cost-alert{color:#7a4b00;background:#fff7e6;border:1px solid #f2c46d;border-radius:8px;margin-bottom:20px;padding:13px 16px}.ai-score-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 22px;display:grid}.ai-score-grid div{border:1px solid var(--border);background:#f8fafc;border-radius:7px;padding:12px}.ai-score-grid span{color:var(--muted);font-size:11px;display:block}.ai-score-grid strong{font-size:20px}.limit-reason{color:#7a4b00;background:#fff7e6;border-radius:7px;padding:10px 12px}@media (max-width:800px){.costs-metrics,.ai-score-grid{grid-template-columns:1fr 1fr}}.detail-actions,.demo-action,.demo-action-buttons,.builder-cell{align-items:flex-end;gap:8px;display:flex}.detail-actions,.demo-action{flex-direction:column}.demo-action small,.builder-cell small{color:var(--muted);font-size:10px}.builder-cell{flex-direction:column;align-items:flex-start}.demo-origin{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;padding:12px 14px;font-size:12px}
.brand-summary{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.brand-summary>div{background:#f7f8fb;border:1px solid #e7eaf0;border-radius:12px;padding:14px}.brand-summary small,.brand-summary strong{display:block}.brand-summary strong{margin-top:5px;font-size:22px}.brand-swatches{gap:8px;margin:18px 0;display:flex}.brand-swatches span{color:#0000;border:1px solid #d9dde5;border-radius:9px;width:66px;height:38px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:18px;display:grid}.asset-grid article{border:1px solid #e1e5ec;border-radius:14px;flex-direction:column;gap:5px;padding:10px;display:flex;overflow:hidden}.asset-grid img{object-fit:cover;background:#eef1f5;border-radius:9px;width:100%;height:130px}.asset-grid small{color:#717987}.asset-grid a{font-size:11px}@media (max-width:720px){.brand-summary,.asset-grid{grid-template-columns:1fr 1fr}}
.asset-placeholder{color:#9a3412;background:#f5f5f5;justify-content:center;align-items:center;height:130px;display:flex}.asset-rejected{opacity:.85;border-color:#fed7aa!important}.asset-reasons{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:10px 12px}
.creative-review{max-width:720px;margin-top:.65rem}.creative-review summary{color:var(--accent);cursor:pointer;font-size:12px;font-weight:700}.creative-head{justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;display:flex}.creative-head>div:first-child{align-items:center;gap:.75rem;display:flex}.creative-head>div>strong{font-size:24px}.creative-head>div>strong small{color:var(--muted);font-size:11px;display:inline}.creative-scores{grid-template-columns:repeat(5,minmax(90px,1fr));gap:.5rem;display:grid}.creative-scores div{border:1px solid var(--border);background:#f8fafc;border-radius:7px;padding:.65rem}.creative-scores span{color:var(--muted);font-size:10px;display:block}.creative-scores strong{font-size:17px}.creative-notes{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.creative-notes h4{margin-bottom:.25rem}.creative-notes ul{margin-top:0;padding-left:1.1rem}.creative-compare{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.creative-compare figure{margin:0}.creative-compare figcaption{margin-bottom:.35rem;font-size:11px;font-weight:700}.creative-compare img{border:1px solid var(--border);border-radius:8px;width:100%;height:auto}@media (max-width:900px){.creative-scores{grid-template-columns:repeat(2,1fr)}.creative-notes,.creative-compare{grid-template-columns:1fr}}.creative-review{max-width:920px}.creative-head{flex-wrap:wrap}.creative-score-comparison{gap:.75rem;display:flex}.creative-score-comparison span{border:1px solid var(--border);color:var(--muted);background:#f8fafc;border-radius:8px;padding:.5rem .7rem;font-size:11px}.creative-score-comparison strong{color:var(--foreground);font-size:20px;display:block}.creative-compare .mobile-shot img{max-width:260px;margin:auto;display:block}.human-review-reason{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:.75rem 0;padding:.75rem}
.app-shell{grid-template-columns:216px minmax(0,1fr)}.page,.table-panel,.table-scroll{min-width:0}.table-scroll{max-width:100%;overflow-x:auto}@media (max-width:800px){.app-shell{grid-template-columns:minmax(0,1fr)}.page{max-width:100vw;overflow-x:hidden}.table-panel{max-width:100%}}
.outreach-copy{white-space:pre-wrap;overflow-wrap:anywhere;max-width:36rem;color:var(--muted);font:inherit;margin:.75rem 0 0;line-height:1.55}.table-panel details summary{cursor:pointer;color:var(--text);font-weight:650}