:root{--primary: #00adee;--primary-dark: #0070ba;--navy: #19153d;--dark-navy: #001224;--body-gray: #a3a1b0;--light-gray: #fafafa;--ok: #1faa59;--warn: #e0a106;--bad: #e04545;--radius: 10px;--shadow: 0 10px 30px rgba(44, 61, 73, .08)}*{box-sizing:border-box}body{margin:0;background:var(--light-gray)}.app{max-width:1100px;margin:0 auto;padding:24px;font-family:Poppins,Open Sans,system-ui,sans-serif;color:var(--navy)}.topbar{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;padding:18px 22px;border-radius:var(--radius);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{background:var(--primary);color:#fff;font-weight:700;padding:8px 12px;border-radius:var(--radius);letter-spacing:1px}.topbar h1{font-size:18px;margin:0}.topbar p{margin:2px 0 0;font-size:12px}.muted{color:var(--body-gray)}.small{font-size:12px}.status-chips{display:flex;gap:8px}.chip{font-size:12px;padding:4px 10px;border-radius:100px;background:#ffffff1f;color:#fff}.chip.ok{background:var(--ok)}.chip.bad{background:var(--bad)}.callout{margin:16px 0;padding:14px 16px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);font-size:14px}.callout.warn{border-left:4px solid var(--warn)}.callout.bad{border-left:4px solid var(--bad)}.callout code{background:#eef1f4;padding:1px 5px;border-radius:4px}.layout{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-top:20px}.pages-list,.page-detail{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.pages-list h2,.page-detail h2{font-size:15px;margin:0 0 12px}.pages-list ul{list-style:none;margin:0;padding:0}.page-row{width:100%;text-align:left;border:1px solid #eef1f4;background:#fff;border-radius:var(--radius);padding:10px 12px;margin-bottom:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:border-color .15s,background .15s}.page-row:hover{border-color:var(--primary)}.page-row.active{border-color:var(--primary);background:#f0fbff}.page-row.missing{opacity:.6;cursor:not-allowed}.page-name{font-weight:600;font-size:14px}.page-slug{font-size:12px;color:var(--body-gray)}.badge{align-self:flex-start;font-size:10px;padding:2px 7px;border-radius:100px;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.missing-badge{background:#fbe6e6;color:var(--bad)}.draft-badge{background:#fff3d6;color:var(--warn)}.content-row{display:flex;align-items:stretch;gap:6px;margin-bottom:8px}.content-row .page-row{flex:1;min-width:0;margin-bottom:0}.pin-btn{flex:0 0 auto;width:34px;border:1px solid #eef1f4;background:#fff;border-radius:var(--radius);cursor:pointer;font-size:16px;line-height:1;color:var(--body-gray);transition:border-color .15s,color .15s,background .15s}.pin-btn:hover{border-color:var(--primary);color:var(--primary)}.pin-btn.on{color:var(--warn)}.pin-btn.locked{cursor:default;color:var(--warn);opacity:.55}.pin-btn.locked:hover{border-color:#eef1f4}.topbar-right{display:flex;align-items:center;gap:12px}.site-switcher{display:flex;align-items:center;gap:8px}.site-switcher select{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius);padding:7px 10px;font-size:13px;max-width:220px}.site-switcher select option{color:var(--navy)}.btn{border:1px solid #d8dde2;background:#fff;color:var(--navy);cursor:pointer;border-radius:var(--radius);padding:7px 12px;font-size:13px;font-weight:600}.btn:hover{border-color:var(--primary)}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.ghost{background:transparent}.btn.ghost:disabled{opacity:.5;cursor:not-allowed}.btn.danger{color:var(--bad);border-color:#f0c9c9}.btn.danger:hover{border-color:var(--bad)}.sites-head{display:flex;align-items:center;justify-content:space-between}.sites-list{list-style:none;margin:12px 0;padding:0}.site-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #eef1f4;border-radius:var(--radius);padding:12px;margin-bottom:8px}.site-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.site-actions{display:flex;gap:6px;flex:0 0 auto}.small.ok{color:var(--ok)}.small.bad{color:var(--bad)}.site-form{margin-top:18px;padding-top:16px;border-top:1px solid #eef1f4;display:flex;flex-direction:column;gap:10px;max-width:460px}.site-form input{border:1px solid #d8dde2;border-radius:var(--radius);padding:8px 10px;font-size:14px}.page-detail.empty{display:flex;align-items:center;justify-content:center;min-height:200px}.detail-head{border-bottom:1px solid #eef1f4;padding-bottom:12px;margin-bottom:14px}.detail-head a{text-decoration:none}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:2px}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--body-gray)}.field-value{font-size:13px;word-break:break-word}.seo-form{display:flex;flex-direction:column;gap:14px}.form-field{display:flex;flex-direction:column;gap:5px}.form-label-row{display:flex;justify-content:space-between;align-items:baseline}.form-field label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--body-gray)}.counter{font-size:11px}.counter.ok{color:var(--ok)}.counter.warn{color:var(--warn)}.form-field input,.form-field textarea,.form-field select{font-family:inherit;font-size:13px;color:var(--navy);border:1px solid #dfe4ea;border-radius:8px;padding:9px 11px;width:100%;background:#fff;transition:border-color .15s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--primary)}.form-field textarea{resize:vertical}.form-actions{display:flex;align-items:center;gap:12px;margin-top:4px}.saved-msg{color:var(--ok)}.btn.ghost{background:#eef1f4;color:var(--navy)}.btn.ghost:hover{background:#e3e8ee}.variables-section{margin-top:22px;border-top:1px solid #eef1f4;padding-top:16px}.variables-section h3{font-size:14px;margin:0 0 8px}.snippet{display:block;background:#f3f6f9;border:1px dashed #d6dde5;border-radius:6px;padding:6px 9px;font-size:11px;color:var(--primary-dark);word-break:break-all}.copy-btn{border:none;background:none;color:var(--primary-dark);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;padding:0}.copy-btn:hover{text-decoration:underline}.layout.single{grid-template-columns:1fr}.toggle-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.toggle-row input{width:16px;height:16px}.schema-settings h2{margin-bottom:4px}.audit-bar{display:flex;align-items:center;gap:12px;margin:20px 0 8px;border-top:1px solid #eef1f4;padding-top:18px}.btn{border:none;border-radius:100px;padding:9px 18px;font-weight:600;cursor:pointer;font-family:inherit;font-size:13px}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn:disabled{opacity:.6;cursor:default}.audit{margin-top:16px;border-top:1px solid #eef1f4;padding-top:16px}.audit-score-row{display:flex;align-items:center;gap:16px;margin-bottom:14px}.score-ring{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px}.score-ring.ok{background:var(--ok)}.score-ring.warn{background:var(--warn)}.score-ring.bad{background:var(--bad)}.findings{list-style:none;margin:0;padding:0}.finding{display:grid;grid-template-columns:14px 110px 1fr;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid #f4f6f8;font-size:13px}.finding-dot{width:10px;height:10px;border-radius:50%;margin-top:4px}.finding.pass .finding-dot{background:var(--ok)}.finding.warn .finding-dot{background:var(--warn)}.finding.fail .finding-dot{background:var(--bad)}.finding-check{text-transform:capitalize;font-weight:600}.extracted{margin-top:14px;font-size:13px}.extracted summary{cursor:pointer;color:var(--primary-dark)}.extracted dl{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;margin-top:10px}.extracted dt{color:var(--body-gray);font-size:12px}.extracted dd{margin:0;word-break:break-word}.view-tabs{display:flex;gap:8px;margin-top:18px}.tab{border:1px solid #dfe4ea;background:#fff;color:var(--navy);border-radius:100px;padding:8px 18px;font-weight:600;font-size:13px;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.tab:hover{border-color:var(--primary)}.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.content-filters{display:flex;gap:8px;margin-bottom:12px}.content-filters input,.content-filters select{font-family:inherit;font-size:13px;color:var(--navy);border:1px solid #dfe4ea;border-radius:8px;padding:8px 10px;background:#fff}.content-filters input{flex:1;min-width:0}.content-filters input:focus,.content-filters select:focus{outline:none;border-color:var(--primary)}.coverage{display:inline-flex;align-items:center;gap:4px;margin-top:4px}.cov-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.cov-dot.set{background:var(--ok)}.cov-dot.unset{background:var(--bad);opacity:.55}.cov-legend{margin-top:10px}.pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.pager .btn{padding:6px 12px;font-size:12px}.foot{text-align:center;margin-top:28px;font-size:12px}@media (max-width: 820px){.layout,.meta-grid{grid-template-columns:1fr}}