:root{--brand-primary:#2563eb;--brand-primary-dark:#1e3a8a;--brand-accent:#10b981;--bg:#f6f8fb;--surface:#fff;--border:#e6eaf0;--text:#1a2233;--text-muted:#6b7689;--pos:#10b981;--neg:#ef4444;--radius:12px;--shadow:0 1px 2px #1018280a, 0 1px 3px #1018280f;--sidebar-w:256px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:2px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{padding:6px 10px 18px}.brand-name{color:var(--brand-primary-dark);letter-spacing:-.01em;font-size:17px;font-weight:700}.brand-tagline{color:var(--text-muted);margin-top:2px;font-size:12px}.nav-link{color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex}.nav-link:hover{background:var(--bg);color:var(--text)}.nav-link.active{background:color-mix(in srgb, var(--brand-primary) 12%, white);color:var(--brand-primary-dark)}.nav-section{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:16px 12px 6px;font-size:11px}.data-source{color:var(--text-muted);border-top:1px solid var(--border);align-items:center;gap:7px;margin-top:auto;padding:12px 10px 2px;font-size:11px;line-height:1.35;display:flex}.data-source-dot{background:var(--brand-accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-accent) 22%, transparent);border-radius:50%;flex-shrink:0}html[data-present="1"] .cost-figure,html[data-present="1"] .internal-guide,html[data-present="1"] .internal-only{display:none!important}.present-toggle.on{border-color:var(--brand-accent);color:var(--brand-primary-dark);background:color-mix(in srgb, var(--brand-accent) 14%, white)}.audit-banner{background:linear-gradient(90deg, color-mix(in srgb, var(--brand-primary) 7%, white), color-mix(in srgb, var(--brand-accent) 7%, white));border-bottom:1px solid var(--border);color:var(--brand-primary-dark);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:9px 16px;font-size:14px;font-weight:600;display:flex}.audit-banner-dot{background:var(--brand-accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-accent) 25%, transparent);border-radius:50%;flex-shrink:0}.audit-banner-text{line-height:1.4;display:inline}.google-mark,.dfs-mark{vertical-align:baseline}.google-mark{letter-spacing:-.5px;font-family:Product Sans,Google Sans,Segoe UI,Arial,sans-serif;font-size:21px;font-weight:500}.dfs-mark{letter-spacing:-.01em;color:#1b1b1f;font-size:14px;font-weight:800}.dfs-mark-accent{color:#1a73e8}.nav-link.has-data{color:var(--brand-primary);font-weight:700}.nav-link.has-data.active{color:var(--brand-primary-dark)}.data-dot{background:var(--brand-primary);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 22%, transparent);border-radius:999px;margin-left:auto}.main{flex:1;max-width:1280px;padding:28px 32px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-title{letter-spacing:-.01em;font-size:22px;font-weight:700}.page-sub{color:var(--text-muted);margin-top:2px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.kpi-label{color:var(--text-muted);font-size:12px;font-weight:500}.kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:26px;font-weight:700}.kpi-delta{margin-top:4px;font-size:12px;font-weight:600}.kpi-delta.pos{color:var(--pos)}.kpi-delta.neg{color:var(--neg)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px;padding:18px 20px}.panel-title{margin-bottom:14px;font-size:15px;font-weight:700}.panel-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (max-width:1000px){.panel-grid{grid-template-columns:1fr}}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--border);padding:9px 10px}.table tr:last-child td{border-bottom:none}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table tr:hover td{background:var(--bg)}.pill{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.pill.brand{background:color-mix(in srgb, var(--brand-primary) 14%, white);color:var(--brand-primary-dark)}.pill.nonbrand{color:var(--text-muted);background:#eef1f5}.empty{color:var(--text-muted);text-align:center;padding:30px}.muted{color:var(--text-muted)}.btn{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-block}.btn:hover{background:var(--brand-primary-dark)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:40px;margin-bottom:22px;display:flex}.active-bar{border:1px solid var(--border);border-left:3px solid var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 6%, var(--surface));border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:9px 14px;display:flex}.active-bar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.active-bar-biz{color:var(--text);font-size:15px;font-weight:700}.active-bar-site{color:var(--brand-primary);font-size:14px;font-weight:600}.active-bar-empty{color:var(--text-muted);font-size:13px}.lookup{flex:1;gap:8px;min-width:260px;max-width:520px;display:flex}.lookup-input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;flex:1;padding:9px 12px;font-size:14px}.lookup-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 14%, transparent);outline:none}.dayseg{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:inline-flex;overflow:hidden}.dayseg-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;font-weight:600}.dayseg-btn+.dayseg-btn{border-left:1px solid var(--border)}.dayseg-btn.active{background:var(--brand-primary);color:#fff}.scan-form{flex-direction:column;gap:14px;display:flex}.scan-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.scan-form label{color:var(--text-muted);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.scan-form input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 10px;font-size:14px;font-weight:400}.scan-form input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 14%, transparent);outline:none}.scan-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn.ghost{color:var(--brand-primary);border:1px solid var(--border);background:0 0}.btn.ghost:hover{background:var(--bg);color:var(--brand-primary-dark)}.modal-overlay{z-index:1000;background:#10182873;justify-content:center;align-items:flex-start;padding:7vh 16px 16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;max-height:86vh;padding:20px 22px;overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.modal-title{font-size:17px;font-weight:700}.modal-x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:26px;line-height:1}.scan-list{flex-direction:column;gap:4px;display:flex}.scan-row{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 8px;display:flex}.scan-row:hover{background:var(--bg)}.scan-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-primary);flex-shrink:0}.scan-row-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.scan-row-label{font-size:14px;font-weight:600}.scan-row-note{font-size:11px}.scan-row-cost{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:600}.scan-row-status{text-align:right;min-width:84px;font-size:12px}.scan-inputs{border-top:1px solid var(--border);gap:12px;margin:16px 0 4px;padding-top:16px;display:grid}.scan-inputs label{flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.scan-inputs input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 10px;font-size:14px;font-weight:400}.scan-inputs input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 14%, transparent);outline:none}.modal-foot{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.report-head{border-bottom:2px solid var(--brand-primary);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}.report-brand{color:var(--brand-primary-dark);font-size:22px;font-weight:800}.section-title{margin:26px 0 12px;font-size:16px;font-weight:700}.scan-chip{border:1px solid var(--brand-accent);color:var(--brand-primary-dark);cursor:pointer;background:#10b98114;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.scan-chip-dot{background:var(--brand-accent);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite scan-pulse}@keyframes scan-pulse{0%,to{opacity:1}50%{opacity:.3}}.scan-toast{border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.scan-toast.ok{color:var(--pos);background:#10b9811f}.scan-toast.err{color:var(--neg);background:#ef44441f}@media print{.sidebar,.btn,.topbar,.active-bar,.no-print{display:none!important}.main{max-width:none;padding:0}.panel,.kpi-card{box-shadow:none;break-inside:avoid}body{background:#fff}}