@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0c0e14;color:#e2e2eb;--bg: #0c0e14;--surface: #111319;--surface-low: #191b22;--surface-mid: #1e1f26;--surface-high: #282a30;--border: #474555;--border-strong: #6254e7;--text: #e2e2eb;--muted: #a9a5b8;--primary: #c5c0ff;--primary-strong: #6254e7;--accent: #ffb694;--success: #7bd88f;--warning: #ffd166;--danger: #ff8a80;--shadow: 0 24px 70px rgb(0 0 0 / .34)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgb(98 84 231 / .18),transparent 34%),var(--bg)}button,select,input{font:inherit}button,.primary-link{align-items:center;background:var(--primary);border:0;border-radius:4px;color:#140067;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:38px;padding:0 14px;text-decoration:none}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#0d1018,#080a0f);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:28px;padding:24px 16px;position:sticky;top:0;height:100vh}.brand{align-items:center;color:var(--text);display:flex;gap:12px;min-width:0;text-decoration:none}.brand small,.breadcrumb,.eyebrow,.panel p,.state-card p,.service-card p,td span{color:var(--muted)}.brand span:last-child{display:grid;gap:2px;min-width:0}.brand strong,.brand small{line-height:1.15}.brand-mark{align-items:center;background:var(--primary-strong);border-radius:6px;color:#fff;display:inline-flex;flex:0 0 40px;font-family:Hanken Grotesk,Inter,sans-serif;font-size:20px;font-weight:800;height:40px;justify-content:center;width:40px}.brand-mark.large{height:56px;width:56px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{align-items:center;border-left:3px solid transparent;border-radius:4px;color:var(--muted);display:flex;gap:10px;min-height:40px;min-width:0;overflow-wrap:anywhere;padding:0 12px;text-decoration:none}.sidebar nav a.active,.sidebar nav a:hover{background:#6254e729;border-left-color:var(--primary);color:var(--text)}.sidebar-note{align-items:flex-start;border:1px solid var(--border);color:var(--muted);display:flex;gap:10px;margin-top:auto;padding:12px}.workspace{min-width:0}.topbar{align-items:center;background:#111319eb;border-bottom:1px solid var(--border);display:flex;gap:20px;justify-content:space-between;min-height:78px;padding:14px 28px;position:sticky;top:0;z-index:3}h1,h2,h3{font-family:Hanken Grotesk,Inter,sans-serif;margin:0}.topbar h1{font-size:20px}.breadcrumb,.eyebrow,.service-category,.recommendation-topline,dt{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.control-field{display:grid;gap:4px;min-width:220px}.control-field.compact{min-width:150px}.control-field span{color:var(--muted);font-size:12px}select,input{background:#0f1117;border:1px solid var(--border);border-radius:4px;color:var(--text);min-height:36px;padding:0 10px}.icon-button,.profile-chip{align-items:center;background:var(--surface-low);border:1px solid var(--border);color:var(--text);display:inline-flex;gap:8px;min-height:38px;padding:0 12px}.profile-chip span{display:grid;gap:2px}.profile-chip strong{line-height:1}.profile-chip small{color:var(--muted);font-size:11px}.content{display:grid;gap:24px;margin:0 auto;max-width:1320px;padding:28px;width:100%}.content>*,.metric-card,.panel,.service-card,.recommendation-card,.draft-card,.state-card{min-width:0}.page-header{align-items:flex-end;display:flex;gap:24px;justify-content:space-between}.page-header h2{font-size:clamp(28px,4vw,42px);line-height:1;margin:6px 0 10px}.page-header p{color:var(--muted);margin:0;max-width:760px}.metric-grid,.card-grid,.dashboard-grid,.state-grid,.settings-grid{display:grid;gap:18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid,.card-grid.two,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.services{grid-template-columns:repeat(3,minmax(260px,1fr))}.state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.panel,.service-card,.recommendation-card,.draft-card,.state-card,.login-panel,.login-safety{background:linear-gradient(180deg,#282a30f0,#191b22f5);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow)}.metric-card{display:grid;gap:8px;min-height:130px;padding:18px}.metric-card>span,dt{color:var(--muted)}.metric-card strong{font-family:Hanken Grotesk,Inter,sans-serif;font-size:34px;line-height:1}.metric-delta{align-items:center;display:flex;gap:6px;font-weight:700}.metric-delta.positive{color:var(--success)}.metric-delta.negative{color:var(--danger)}.metric-delta.neutral{color:var(--warning)}.panel,.service-card,.recommendation-card,.draft-card,.state-card{padding:20px}.executive-panel{border-color:#c5c0ff57}.panel-heading,.service-card-header,.draft-header,.recommendation-topline{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.chart-placeholder{align-items:end;background:#0f1117;border:1px solid var(--border);display:flex;gap:10px;height:220px;margin-top:18px;padding:18px}.chart-placeholder span{background:linear-gradient(180deg,var(--primary),var(--primary-strong));border-radius:3px 3px 0 0;flex:1;height:var(--bar-height);min-width:12px}.chart-line{align-items:center}.chart-line span{border-radius:999px;height:10px}.chart-donut{align-items:center;justify-content:center}.donut{background:conic-gradient(var(--primary) 0 64%,var(--accent) 64% 82%,var(--border) 82% 100%);border-radius:50%;height:150px;position:relative;width:150px}.donut:after{background:#0f1117;border-radius:50%;content:"";inset:34px;position:absolute}.status-badge,.data-source{align-items:center;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;gap:6px;min-height:26px;padding:0 10px}.list-row>.status-badge,td .status-badge{align-self:start;justify-self:start}.status-connected,.status-active,.status-approved,.status-ready,.status-sent,.status-agency,.status-business,.status-pro,.data-source-google_search_console{background:#7bd88f1f;border-color:#7bd88f52;color:var(--success)}.status-needs_attention,.status-warning,.status-review_required,.status-free,.data-source-fallback_mock,.data-source-cloud_api_unavailable{background:#ffd1661f;border-color:#ffd1665c;color:var(--warning)}.status-disconnected,.status-unavailable,.status-blocked,.status-critical{background:#ff8a801f;border-color:#ff8a805c;color:var(--danger)}.data-source-internal_mock,.data-source-cloud_mock,.status-draft,.status-info{background:#c5c0ff1f;border-color:#c5c0ff61;color:var(--primary)}.service-card,.recommendation-card,.draft-card{display:grid;gap:16px}.service-card dl,.definition-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}dd{margin:4px 0 0}.card-actions,.recommendation-meta,.draft-metrics{display:flex;flex-wrap:wrap;gap:10px}.recommendation-meta span,.draft-metrics span,.safety-row{align-items:center;color:var(--muted);display:inline-flex;gap:7px}.draft-card ul,.safety-panel ul,.compact-list{display:grid;gap:10px;margin:0;padding-left:18px}.draft-card li{align-items:center;color:var(--muted);display:flex;gap:8px}.stack-list{display:grid;gap:12px}.list-row{align-items:center;background:#0f1117;border:1px solid var(--border);display:grid;gap:14px;grid-template-columns:auto 1fr auto;padding:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:720px;width:100%}th,td{border-bottom:1px solid var(--border);padding:14px;text-align:left}th{color:var(--muted);font-size:12px;text-transform:uppercase}td strong,td span{display:block}.state-card{align-items:flex-start;display:grid;gap:10px}.error-state{border-color:#ff8a8061}.loader{animation:spin 1s linear infinite;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;height:24px;width:24px}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);min-height:100vh;padding:36px}.login-panel,.login-safety{align-content:center;display:grid;gap:22px;padding:clamp(28px,5vw,72px)}.login-panel h1{font-size:clamp(42px,7vw,78px);line-height:.95;max-width:720px}.login-panel p{color:var(--muted);font-size:20px;line-height:1.6;max-width:660px}.mock-auth-note{background:#0f1117;border:1px solid var(--border);display:grid;gap:5px;max-width:620px;padding:14px}.mock-auth-note span{color:var(--muted)}.demo-login-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}.login-form{display:grid;gap:14px;max-width:460px}.login-form label{color:var(--muted);display:grid;font-size:12px;font-weight:700;gap:6px;text-transform:uppercase}.login-form input{min-height:44px}.access-denied{display:grid;gap:18px;justify-items:start}.access-denied p{color:var(--muted);max-width:760px}@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.brand{align-items:flex-start}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar nav a{min-height:36px}.metric-grid,.card-grid.three,.card-grid.services,.state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.sidebar{gap:18px;padding:20px 16px}.brand{align-items:center}.brand strong{font-size:15px}.brand small{font-size:12px;max-width:190px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar nav a{font-size:14px;gap:8px;padding:0 9px}.sidebar-note{margin-top:0}.topbar,.page-header,.login-screen{align-items:stretch;grid-template-columns:1fr}.topbar{display:grid}.topbar-actions,.control-field,.metric-grid,.dashboard-grid,.card-grid.two,.card-grid.three,.card-grid.services,.state-grid,.settings-grid,.service-card dl,.definition-grid{grid-template-columns:1fr}.topbar-actions{display:grid}.demo-login-grid{grid-template-columns:1fr}.content,.login-screen{padding:18px}.page-header{gap:16px}.data-source{align-self:flex-start;border-radius:8px;max-width:100%}.list-row{align-items:flex-start;grid-template-columns:1fr}.list-row time,.list-row button{justify-self:start}.reports-stack .list-row,.alerts-stack .list-row{gap:10px}table{min-width:0}thead{display:none}tbody,tr,td{display:block;width:100%}tr{background:#0f1117;border:1px solid var(--border);margin-bottom:12px;padding:10px 12px}td{align-items:flex-start;border-bottom:0;column-gap:14px;display:grid;grid-template-columns:minmax(78px,36%) minmax(0,1fr);gap:14px;padding:9px 0;text-align:right}td:before{color:var(--muted);content:attr(data-label);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.04em;text-align:left;text-transform:uppercase}td strong,td span{grid-column:2;justify-self:end;min-width:0;overflow-wrap:anywhere;text-align:right}td .status-badge{justify-self:end}.service-card-header,.draft-header,.recommendation-topline,.panel-heading{align-items:flex-start;flex-direction:column}.card-actions button,.recommendation-card button,.draft-card button,.primary-link{width:100%}.chart-placeholder{height:190px;padding:14px}}@media(max-width:430px){.sidebar nav a{align-items:flex-start;min-height:44px}.sidebar nav a svg{flex:0 0 auto;margin-top:2px}.topbar{padding:18px}.page-header h2{font-size:30px}.metric-card strong{font-size:31px}.service-card,.recommendation-card,.draft-card,.panel,.state-card{padding:18px}th,td{padding:12px}}