:root{--bg:#eef4f6;--panel:#ffffff;--panel-soft:#f0f5f7;--text:#16202a;--muted:#637083;--border:#d8e0e7;--accent:#007c89;--accent-2:#c85f2f;--accent-3:#5d6ec7;--ok:#18855b;--warn:#b66a00;--danger:#ba3b46}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 6%,rgba(0,124,137,.18),transparent 28%),radial-gradient(circle at 88% 4%,rgba(200,95,47,.16),transparent 26%),linear-gradient(180deg,#f7fafb 0,var(--bg) 48%,#edf3f5 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}a{color:var(--accent);text-decoration:none}.page{min-height:100vh}.topbar{align-items:center;background:linear-gradient(135deg,rgba(16,42,51,.98),rgba(0,94,104,.96)),#102a33;border-bottom:1px solid rgba(255,255,255,.18);color:white;display:flex;justify-content:space-between;padding:20px 28px;box-shadow:0 18px 45px rgba(16,42,51,.22)}.topbar h1{font-size:24px;letter-spacing:0;margin:0}.topbar span{color:#c8d6dc;font-size:13px}.eyebrow{color:#9ee6df;font-size:12px;font-weight:700;letter-spacing:0;margin-bottom:4px;text-transform:uppercase}.topbar-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.logout-button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:6px;color:#fff;cursor:pointer;padding:6px 9px}.layout{display:grid;grid-gap:18px;gap:18px;grid-template-columns:240px 1fr;padding:18px}.sidebar{align-self:start;background:rgba(255,255,255,.82);border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 34px rgba(22,32,42,.08);padding:12px;position:-webkit-sticky;position:sticky;top:18px}.nav-button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;margin:2px 0;padding:10px 12px;text-align:left;width:100%}.nav-button.active{background:#e2f2f3;color:#005e68;font-weight:700}.content{min-width:0}.grid{display:grid;grid-gap:14px;gap:14px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.charts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.panel{background:rgba(255,255,255,.88);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 30px rgba(22,32,42,.07);padding:16px}.panel-title{gap:8px;margin-bottom:12px}.panel-title,.section-head{align-items:center;display:flex;justify-content:space-between}.section-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.section-head p{margin:4px 0 0}.panel-title h2,.panel-title h3{margin-bottom:0}.info-hover{display:inline-flex;position:relative}.source-mark{align-items:center;background:#e2f2f3;border:1px solid #b8dfe2;border-radius:999px;color:#005e68;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;cursor:help}.info-card{background:#13232c;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 18px 38px rgba(22,32,42,.24);color:white;font-size:12px;font-weight:400;line-height:1.45;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;right:0;top:28px;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease;width:260px;z-index:20}.info-card .muted,.info-card code{color:#c8d6dc}.info-hover:focus-within .info-card,.info-hover:hover .info-card{opacity:1;transform:translateY(0)}.chart-tooltip{background:white;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 28px rgba(22,32,42,.16);padding:10px 12px}.panel h2,.panel h3{margin:0 0 12px}.panel h2{font-size:18px}.panel h3{font-size:15px}.kpi .label{color:var(--muted);font-size:12px}.kpi-head{align-items:center;display:flex;justify-content:space-between}.kpi .value{font-size:28px;font-weight:700;line-height:1.2;margin-top:6px}.kpi{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,252,.96))}.kpi .note{color:var(--muted);font-size:12px;margin-top:6px}.controls{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.controls input,.controls select,.table-toolbar input,.table-toolbar select{background:white;border:1px solid var(--border);border-radius:6px;padding:9px 10px}.compact-controls{justify-content:flex-start;margin:12px 0 0}.compact-input{border:1px solid var(--border);border-radius:6px;min-width:90px;padding:7px 8px}.seed-input{min-width:180px}.admin-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.toggle-row{align-items:center;background:#f3f6f8;border:1px solid var(--border);border-radius:7px;display:flex;gap:8px;padding:10px}.admin-field{display:grid;font-weight:700;grid-gap:6px;gap:6px;margin:12px 0}.admin-field textarea{border:1px solid var(--border);border-radius:7px;font:inherit;padding:10px}.small-button{padding:7px 9px}.drilldown{border-color:#b8dfe2}.segmented{align-items:center;background:#e7edf1;border:1px solid var(--border);border-radius:8px;display:inline-flex;gap:3px;padding:3px}.segmented button{background:transparent;border:0;border-radius:6px;color:#384553;cursor:pointer;padding:8px 10px}.segmented button.active{background:white;box-shadow:0 2px 8px rgba(22,32,42,.1);color:#005e68;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;font-size:13px;table-layout:auto;width:100%}td,th{border-bottom:1px solid var(--border);padding:9px 8px;text-align:left;vertical-align:top}th{background:#f3f6f8;color:#384553;font-size:12px;position:-webkit-sticky;position:sticky;top:0}.table-panel{min-width:0}.table-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.table-toolbar input{flex:1 1 260px;max-width:460px}.table-meta{color:var(--muted);font-size:12px;margin-left:auto}.data-table{min-width:860px}.dense-table td,.dense-table th{padding:7px 8px;vertical-align:middle}.dense-table td{max-width:360px;overflow:hidden;text-overflow:ellipsis}.nowrap{white-space:nowrap}.sort-button{align-items:center;background:transparent;border:0;color:#253241;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;justify-content:space-between;padding:0;text-align:left;width:100%}.sort-button span{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.table-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:10px}.pagination{display:flex;gap:8px}.badge{border-radius:999px;display:inline-block;font-size:12px;padding:4px 8px}.badge.typeform{background:#eef0ff;color:#3946a3}.badge.website{background:#e5f4ec;color:#166948}.empty-state,.muted{color:var(--muted)}.empty-state{align-items:center;background:#f4f7f8;border:1px dashed #b9c6cf;border-radius:8px;display:flex;min-height:180px;padding:18px}.status-pill{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:4px 8px;white-space:nowrap}.status-pill.ok{background:#e5f4ec;color:#166948}.status-pill.pending{background:#fff7e8;color:#8b5400}.coverage-row{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:160px 1fr 70px;margin:10px 0}.bar{background:#e7edf1;border-radius:999px;height:10px;overflow:hidden}.bar span{background:var(--accent);display:block;height:100%}.xero-actions{display:flex;gap:10px;margin-top:12px}.xero-orgs{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.sync-progress{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.primary-button,.secondary-button{display:inline-block;border-radius:6px;cursor:pointer;padding:10px 12px}.login-page{align-items:stretch;display:grid;grid-template-columns:minmax(0,1.1fr) 420px;min-height:100vh;padding:32px}.login-visual{background:linear-gradient(135deg,rgba(16,42,51,.96),rgba(0,124,137,.88)),#102a33;border-radius:12px 0 0 12px;color:white;display:flex;flex-direction:column;justify-content:center;padding:56px}.login-brand{color:#9ee6df;font-size:13px;font-weight:700;text-transform:uppercase}.login-visual h1{font-size:44px;letter-spacing:0;margin:16px 0;max-width:620px}.login-visual p{color:#d5e5e8;font-size:17px;line-height:1.55;max-width:680px}.login-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.login-pills span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 10px}.login-card{background:white;border-left:1px solid var(--border);border-radius:0 12px 12px 0;display:flex;flex-direction:column;justify-content:center;padding:42px}.login-card h2{font-size:28px;margin:0 0 8px}.login-card form{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.login-card label{color:#384553;display:grid;font-size:13px;font-weight:700;grid-gap:6px;gap:6px}.login-card input{border:1px solid var(--border);border-radius:7px;padding:11px 12px}.login-error{background:#fdecef;border:1px solid #efb7bf;border-radius:7px;color:var(--danger);padding:10px}.primary-button{background:var(--accent);border:1px solid var(--accent);color:white}.secondary-button{background:white;border:1px solid var(--border);color:var(--text)}.callout{background:#fff7e8;border:1px solid #f0d49b;border-radius:8px;color:#5b3a00;margin-top:12px;padding:12px}@media (max-width:980px){.layout{grid-template-columns:1fr}.sidebar{position:static}.charts,.kpis,.login-page{grid-template-columns:1fr}.login-page{padding:0}.login-card,.login-visual{border-radius:0}}