:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#1c2128;--surface-primary:#161b22;--surface-secondary:#1c2128;--surface-hover:#232a33;--border-primary:#2d333b;--border-secondary:#3a424c;--primary:#2bbeff;--primary-hover:#14a8f5;--accent:#00d4ff;--success:#26c281;--warning:#ffb84d;--danger:#ff6b6b;--text-primary:#fff;--text-secondary:#b7c0cc;--text-muted:#7d8590}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{background:var(--bg-primary);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-primary);background:var(--bg-primary);flex-direction:column;gap:32px;padding:24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{border-radius:12px}.brand div{gap:3px;display:grid}.brand strong{font-family:DM Sans,Inter,sans-serif;font-size:20px}.brand span{color:var(--text-muted);font-size:14px}.nav-list,.nav-section{gap:8px;display:grid}.nav-section-title,.nav-empty{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;padding:0 12px;font-size:12px;font-weight:800}.nav-empty{text-transform:none;font-size:13px;font-weight:600;display:block}.business-nav-list{gap:6px;display:grid}.nav-item{min-height:44px;color:var(--text-secondary);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.nav-item.active,.nav-item:hover{border-color:var(--border-primary);background:var(--surface-primary);color:var(--text-primary)}.workspace{align-content:start;gap:24px;min-width:0;padding:24px;display:grid}.topbar{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex}.eyebrow{color:var(--primary);text-transform:uppercase;margin-bottom:4px;font-size:14px;font-weight:700;display:block}h1,h2,p{margin:0}h1{font-family:DM Sans,Inter,sans-serif;font-size:32px;line-height:40px}.locale-switcher{gap:8px;display:flex}.locale{border:1px solid var(--border-primary);width:44px;height:40px;color:var(--text-secondary);border-radius:12px;place-items:center;font-size:14px;font-weight:700;display:grid}.locale.active,.locale:hover{border-color:var(--primary);color:var(--text-primary)}.hero-band{border:1px solid var(--border-primary);background:var(--surface-primary);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:stretch;gap:24px;padding:32px;display:grid}.hero-copy{align-content:center;gap:24px;display:grid}.hero-copy p{max-width:760px;color:var(--text-secondary);font-size:18px;line-height:28px}.hero-copy button{background:var(--primary);width:fit-content;min-height:48px;color:var(--text-primary);cursor:default;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-weight:700;display:inline-flex}.primary-button,.secondary-button,.auth-form button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.primary-button,.auth-form button{background:var(--primary);color:var(--text-primary);border:0}.primary-button:hover,.auth-form button:hover{background:var(--primary-hover)}.secondary-button{border:1px solid var(--border-primary);background:var(--surface-primary);color:var(--text-secondary)}.secondary-button:hover{border-color:var(--primary);color:var(--text-primary)}.topbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.business-switcher{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.business-switcher select{border:1px solid var(--border-primary);background:var(--surface-primary);min-width:180px;max-width:min(260px,100%);color:var(--text-primary);font:inherit;border-radius:8px;padding:10px 12px}.text-link{color:var(--primary);font-weight:700}.status-card{border:1px solid var(--border-primary);background:var(--surface-secondary);border-radius:16px;align-items:center;gap:14px;padding:24px;display:flex}.status-card svg{color:var(--success);flex:none}.status-card div{gap:4px;display:grid}.status-card span{color:var(--text-muted);font-size:14px}.metrics-grid,.panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card,.panel-card{border:1px solid var(--border-primary);background:var(--surface-secondary);border-radius:16px;box-shadow:0 2px 8px #0003}.metric-card{gap:8px;padding:24px;display:grid}.metric-card span,.panel-card span{color:var(--text-muted);font-size:14px}.metric-card strong{font-family:DM Sans,Inter,sans-serif;font-size:40px;line-height:48px}.metric-card small{color:var(--accent);font-size:14px}.panel-card{gap:18px;padding:24px;display:grid}.panel-card div{justify-content:space-between;align-items:start;gap:12px;display:flex}.panel-card h2{font-family:DM Sans,Inter,sans-serif;font-size:20px;line-height:28px}.panel-card p{color:var(--text-secondary);line-height:26px}.auth-shell,.center-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel,.access-state,.table-panel{border:1px solid var(--border-primary);background:var(--surface-primary);border-radius:8px}.auth-panel{gap:28px;width:min(100%,440px);padding:28px;display:grid}.auth-brand{border-bottom:1px solid var(--border-primary);padding-bottom:16px}.auth-heading{gap:10px;display:grid}.auth-heading p,.access-state p,.empty-state{color:var(--text-secondary);line-height:26px}.auth-form{gap:16px;display:grid}.auth-form label{color:var(--text-secondary);gap:8px;font-size:14px;font-weight:700;display:grid}.auth-form input{border:1px solid var(--border-primary);background:var(--bg-primary);min-height:44px;color:var(--text-primary);font:inherit;border-radius:8px;padding:0 12px}.auth-form input:focus{border-color:var(--primary);outline:none}.form-error{color:var(--danger);font-size:14px}.form-success{color:var(--success);font-size:14px}.access-state{gap:16px;width:min(100%,520px);padding:28px;display:grid}.access-state svg{color:var(--warning)}.admin-workspace{min-height:100vh}.admin-status{max-width:720px}.table-panel{gap:18px;padding:24px;display:grid}.table-header{align-items:center;gap:10px;display:flex}.table-header svg{color:var(--primary)}.user-table{gap:10px;display:grid}.user-row{border:1px solid var(--border-primary);background:var(--surface-secondary);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(160px,auto) auto;align-items:center;gap:12px;min-height:64px;padding:12px;display:grid}.crm-lead-row{border:1px solid var(--border-primary);background:var(--surface-secondary);border-radius:8px;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr) minmax(180px,auto);align-items:start;gap:14px;padding:14px;display:grid}.crm-lead-main,.crm-lead-meta{gap:6px;min-width:0;display:grid}.crm-lead-main span,.crm-lead-main p,.crm-lead-meta span{color:var(--text-muted);overflow-wrap:anywhere;font-size:14px}.crm-filter-form{flex-wrap:wrap}.user-row div:first-child{gap:4px;min-width:0;display:grid}.user-row span{color:var(--text-muted);overflow-wrap:anywhere;font-size:14px}.content-row{grid-template-columns:minmax(0,1fr) auto minmax(180px,auto)}.business-metrics-row{grid-template-columns:minmax(180px,1.2fr) repeat(4,minmax(110px,.8fr)) auto}.business-metric-pack{gap:4px;min-width:0;display:grid}.business-metric-pack span{color:var(--text-primary);font-weight:800}.business-metric-pack small{color:var(--text-muted);overflow-wrap:anywhere}.content-row p{color:var(--text-secondary);margin-top:4px;line-height:24px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.business-hero{align-items:stretch}.business-card{align-content:start}.business-card .primary-button{width:fit-content}.business-card-meta{color:var(--text-muted);gap:6px;font-size:14px;display:grid}.business-section-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:16px;display:grid}.link-config-grid{grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:start;gap:16px;display:grid}.link-form{border:1px solid var(--border-primary);background:var(--surface-secondary);border-radius:8px;padding:16px}.content-card{border:1px solid var(--border-primary);background:var(--surface-secondary);border-radius:8px;gap:14px;padding:16px;display:grid}.content-card div{flex-wrap:wrap;gap:6px;display:flex}.content-card h3{margin:0;font-family:DM Sans,Inter,sans-serif;font-size:18px;line-height:26px}.content-card p{color:var(--text-secondary);line-height:24px}.content-card small{color:var(--text-muted);overflow-wrap:anywhere}.material-library{gap:18px;display:grid}.material-section{gap:14px;display:grid}.material-section-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:start;gap:16px;padding-bottom:12px;display:flex}.material-section-header h3{margin:0;font-family:DM Sans,Inter,sans-serif;font-size:18px;line-height:26px}.material-section-header p{color:var(--text-secondary);margin:2px 0 0;line-height:24px}.copy-area{border:1px solid var(--border-primary);background:var(--bg-primary);width:100%;min-height:120px;color:var(--text-secondary);font:inherit;resize:vertical;border-radius:8px;padding:12px;line-height:24px}.status-form{align-items:center;gap:8px;display:flex}.status-form input,.status-form select{border:1px solid var(--border-primary);background:var(--bg-primary);min-height:40px;color:var(--text-primary);font:inherit;border-radius:8px;padding:0 10px}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-metrics .metric-card strong{overflow-wrap:anywhere;font-size:30px;line-height:38px}.icon-action,.referral-button{width:fit-content}.role-list{flex-wrap:wrap;gap:6px;display:flex}.role-pill{border:1px solid var(--border-secondary);min-height:28px;color:var(--text-secondary);border-radius:999px;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.role-pill.muted{color:var(--text-muted)}.public-shell{gap:24px;min-height:100vh;padding:24px;display:grid}.public-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;min-height:64px;display:flex}.public-header .text-link{align-items:center;gap:8px;display:inline-flex}.public-hero{border:1px solid var(--border-primary);background:var(--surface-primary);border-radius:8px;gap:18px;padding:32px;display:grid}.public-hero p{max-width:860px;color:var(--text-secondary);font-size:18px;line-height:30px}.public-cta{border:1px solid var(--border-primary);width:fit-content;min-height:44px;color:var(--text-secondary);border-radius:8px;align-items:center;padding:0 14px;font-weight:700;display:inline-flex}.public-note{max-width:760px}.lead-layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:24px;display:grid}.lead-hero{min-height:100%}.lead-form-panel{border:1px solid var(--border-primary);background:var(--surface-primary);border-radius:8px;gap:18px;padding:24px;display:grid}.lead-form{background:0 0;border:0;padding:0}.auth-form .checkbox-label{color:var(--text-secondary);grid-template-columns:auto minmax(0,1fr);align-items:start;line-height:22px}.auth-form .checkbox-label input{min-height:auto;margin-top:4px}.privacy-copy{color:var(--text-muted);font-size:14px;line-height:22px}.lead-disclaimer{max-width:none;padding:16px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border-primary)}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-section{grid-column:1/-1}.business-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-item{justify-content:center}.nav-item span{display:none}.business-nav-list .nav-item span{display:inline}.hero-band,.lead-layout,.metrics-grid,.panel-grid,.user-row,.crm-lead-row,.content-row,.content-grid,.link-config-grid,.business-section-grid{grid-template-columns:1fr}.topbar-actions{flex-direction:column;align-items:flex-start}.business-switcher,.business-switcher select{width:100%}.status-form{flex-direction:column;align-items:stretch}.business-metrics-row{grid-template-columns:1fr}}@media (max-width:560px){.workspace,.sidebar{padding:16px}.topbar{flex-direction:column;align-items:stretch;padding-bottom:16px}h1{font-size:26px;line-height:34px}.hero-band{padding:20px}}
