.spotlight-auth-page{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background-color:#09090b;color:#fafafa;font-family:var(--font-sans, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);overflow-x:hidden;box-sizing:border-box}.spotlight-auth-glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:580px;height:380px;border-radius:50%;filter:blur(140px);background:radial-gradient(ellipse,rgba(37,99,235,.12) 0%,rgba(59,130,246,.04) 50%,transparent 70%);pointer-events:none;z-index:1}.spotlight-theme-toggle{position:absolute;top:20px;right:20px;z-index:20;width:36px;height:36px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#a1a1aa;transition:all .15s ease}.spotlight-theme-toggle:hover{background:#ffffff14;border-color:#ffffff26;color:#fafafa}.spotlight-auth-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;z-index:10;position:relative}.spotlight-auth-card{width:100%;background:#111215;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:36px 32px 32px;box-shadow:0 16px 40px -12px #00000080,0 0 0 1px #ffffff05 inset;display:flex;flex-direction:column;box-sizing:border-box}.spotlight-auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}.spotlight-auth-logo-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#1d4ed8,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 10px #2563eb59;flex-shrink:0}.spotlight-auth-brand-name{font-size:16px;font-weight:600;color:#fafafa;letter-spacing:-.02em}.spotlight-auth-header{text-align:center;margin-bottom:24px}.spotlight-auth-title{font-size:22px;font-weight:600;color:#fafafa;letter-spacing:-.025em;margin:0 0 6px}.spotlight-auth-subtitle{font-size:13.5px;color:#a1a1aa;margin:0;line-height:1.45}.spotlight-auth-content{width:100%}.spotlight-clerk-root{width:100%!important}.spotlight-clerk-card-box,.spotlight-clerk-card,.cl-card,.cl-cardBox,.cl-rootBox{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;width:100%!important;max-width:100%!important}.spotlight-clerk-footer,.cl-footer,.cl-footerAction,.cl-footerAction__signIn{background:transparent!important;border-top:none!important;box-shadow:none!important}.spotlight-clerk-hidden{display:none!important}.spotlight-clerk-social-btn{background:#17181d!important;border:1px solid rgba(255,255,255,.1)!important;color:#fafafa!important;font-size:13.5px!important;font-weight:500!important;border-radius:8px!important;height:40px!important;transition:all .15s ease!important}.spotlight-clerk-social-btn:hover{background:#1f2027!important;border-color:#ffffff2e!important}.spotlight-clerk-social-btn-text{font-size:13px!important;font-weight:500!important;color:#fafafa!important}.spotlight-clerk-divider-row{margin:16px 0!important}.spotlight-clerk-divider-line{background:#ffffff14!important}.spotlight-clerk-divider-text{color:#71717a!important;font-size:12px!important;text-transform:lowercase!important;font-weight:400!important}.spotlight-clerk-label{font-size:12.5px!important;font-weight:500!important;color:#d4d4d8!important;margin-bottom:5px!important}.spotlight-clerk-input{background:#17181d!important;border:1px solid rgba(255,255,255,.1)!important;color:#fafafa!important;font-size:13.5px!important;border-radius:8px!important;height:40px!important;padding:0 12px!important;transition:all .15s ease!important}.spotlight-clerk-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb33!important;outline:none!important}.spotlight-clerk-submit-btn{background:#2563eb!important;color:#fff!important;font-size:13.5px!important;font-weight:500!important;border-radius:8px!important;height:40px!important;border:none!important;margin-top:10px!important;transition:all .15s ease!important;box-shadow:0 2px 8px #2563eb40!important}.spotlight-clerk-submit-btn:hover{background:#1d4ed8!important;box-shadow:0 4px 12px #2563eb59!important}.spotlight-clerk-footer-action{margin-top:14px!important;font-size:12.5px!important;color:#71717a!important;text-align:center!important}.spotlight-clerk-footer-link{color:#3b82f6!important;font-weight:500!important;text-decoration:none!important}.spotlight-clerk-footer-link:hover{text-decoration:underline!important}.spotlight-clerk-identity-preview{background:#17181d!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important}.spotlight-clerk-error{color:#f87171!important;font-size:12px!important;margin-top:4px!important}.spotlight-dev-form{width:100%;display:flex;flex-direction:column;gap:16px}.spotlight-dev-banner{padding:10px 14px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#94a3b8;font-size:12px;line-height:1.5}.spotlight-dev-banner strong{color:#60a5fa}.spotlight-dev-field{display:flex;flex-direction:column;gap:6px}.spotlight-dev-label{font-size:12.5px;font-weight:500;color:#d4d4d8}.spotlight-dev-input-wrap{position:relative;display:flex;align-items:center}.spotlight-dev-input-icon{position:absolute;left:12px;color:#71717a;pointer-events:none}.spotlight-dev-input{width:100%;height:40px;background:#17181d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 12px 0 38px;color:#fafafa;font-size:13.5px;box-sizing:border-box;transition:all .15s ease}.spotlight-dev-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.spotlight-dev-submit-btn{width:100%;height:40px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;box-shadow:0 2px 8px #2563eb40}.spotlight-dev-submit-btn:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb59}.spotlight-auth-footer{margin-top:24px;text-align:center;font-size:12px;color:#71717a}[data-theme=light] .spotlight-auth-page{background-color:#f8fafc;color:#0f172a}[data-theme=light] .spotlight-auth-glow{background:radial-gradient(ellipse,rgba(37,99,235,.06) 0%,rgba(59,130,246,.02) 50%,transparent 70%)}[data-theme=light] .spotlight-theme-toggle{background:#fff;border:1px solid #e2e8f0;color:#64748b;box-shadow:0 1px 2px #00000008}[data-theme=light] .spotlight-theme-toggle:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}[data-theme=light] .spotlight-auth-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 12px 32px -8px #0f172a0f,0 1px 3px #0f172a08}[data-theme=light] .spotlight-auth-brand-name,[data-theme=light] .spotlight-auth-title{color:#0f172a}[data-theme=light] .spotlight-auth-subtitle{color:#64748b}[data-theme=light] .spotlight-clerk-social-btn{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important;box-shadow:0 1px 2px #00000005!important}[data-theme=light] .spotlight-clerk-social-btn:hover{background:#f8fafc!important;border-color:#cbd5e1!important}[data-theme=light] .spotlight-clerk-social-btn-text{color:#0f172a!important}[data-theme=light] .spotlight-clerk-divider-line{background:#e2e8f0!important}[data-theme=light] .spotlight-clerk-divider-text{color:#94a3b8!important}[data-theme=light] .spotlight-clerk-label{color:#334155!important}[data-theme=light] .spotlight-clerk-input{background:#fff!important;border:1px solid #cbd5e1!important;color:#0f172a!important}[data-theme=light] .spotlight-clerk-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}[data-theme=light] .spotlight-clerk-footer-action{color:#64748b!important}[data-theme=light] .spotlight-clerk-footer-link{color:#2563eb!important}[data-theme=light] .spotlight-clerk-identity-preview{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .spotlight-dev-input{background:#fff;border:1px solid #cbd5e1;color:#0f172a}[data-theme=light] .spotlight-dev-label{color:#334155}[data-theme=light] .spotlight-auth-footer{color:#94a3b8}@media(max-width:480px){.spotlight-auth-page{padding:56px 14px 20px;justify-content:flex-start}.spotlight-theme-toggle{top:14px;right:14px}.spotlight-auth-card{padding:28px 20px 24px;border-radius:14px}.spotlight-auth-logo-icon{width:30px;height:30px;border-radius:8px}.spotlight-auth-title{font-size:20px}.spotlight-auth-subtitle{font-size:13px}}.saas-user-pill{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:#141418;border:1px solid rgba(255,255,255,.09);border-radius:9999px;cursor:pointer;transition:all .15s ease}.saas-user-pill:hover{background:#1c1c22;border-color:#ffffff2e}.saas-user-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;text-transform:uppercase}.saas-user-name{font-size:12px;font-weight:500;color:#fafafa}.saas-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#121215;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 14px 40px #000000b3;padding:8px;z-index:100;display:flex;flex-direction:column;gap:4px}.saas-user-menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;border:none;background:transparent;color:#d4d4d8;font-size:12.5px;cursor:pointer;text-align:left;width:100%;transition:all .15s ease}.saas-user-menu-item:hover{background:#1c1c22;color:#fff}.saas-user-menu-item.danger{color:#f87171}.saas-user-menu-item.danger:hover{background:#ef44441f;color:#ef4444}[data-theme=light] .saas-user-menu-item{color:#475569!important}[data-theme=light] .saas-user-menu-item:hover{background:#f1f5f9!important;color:#0f172a!important}.client-access-container{display:flex;flex-direction:column;gap:20px;width:100%;max-width:var(--cms-content-max, 1320px);margin:0 auto;padding-bottom:60px}.client-access-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.client-access-header-left{display:flex;flex-direction:column;gap:4px}.client-access-title-row{display:flex;align-items:center;gap:10px}.client-access-title{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:10px}.client-access-subtitle{font-size:13px;color:var(--text-muted);margin:0}.client-access-header-actions{display:flex;align-items:center;gap:10px}.btn-add-client{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:600;border-radius:var(--radius-md, 8px);background:#2563eb;color:#fff;border:1px solid #1d4ed8;cursor:pointer;box-shadow:0 1px 3px #2563eb59;transition:all var(--transition, .2s ease)}.btn-add-client:hover{background:#1d4ed8;border-color:#1e40af;box-shadow:0 3px 10px #2563eb73;transform:translateY(-1px)}.client-access-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-metric-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-card, #141519);border:1px solid var(--border-card, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 10px);transition:border-color var(--transition, .2s ease)}.summary-metric-card:hover{border-color:var(--border-card-hover, rgba(255, 255, 255, .16))}.summary-metric-icon-wrap{width:38px;height:38px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-metric-icon-wrap.total{background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.summary-metric-icon-wrap.multi{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.summary-metric-icon-wrap.needs-setup{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.summary-metric-content{display:flex;flex-direction:column;min-width:0}.summary-metric-value-row{display:flex;align-items:baseline;gap:6px}.summary-metric-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2}.summary-metric-label{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.summary-metric-subtext{font-size:11px;color:var(--text-muted);margin-top:1px}.client-access-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.client-access-search-wrap{position:relative;flex:1;min-width:260px;max-width:440px}.client-access-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.client-access-search-input{width:100%;height:38px;padding:0 34px 0 36px;background:var(--bg-card, #141519);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);color:var(--text-primary);font-size:12.5px;outline:none;transition:all var(--transition, .2s ease)}.client-access-search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf826}.client-access-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.client-access-search-clear:hover{color:var(--text-primary)}.client-access-filters{display:flex;align-items:center;gap:6px;background:var(--bg-card, #141519);padding:3px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px)}.filter-tab-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all var(--transition, .15s ease)}.filter-tab-btn.active{background:var(--bg-subtle, #27272a);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #00000026}.filter-count-badge{font-size:10.5px;padding:1px 5px;border-radius:10px;background:#ffffff14;color:inherit}.filter-tab-btn.active .filter-count-badge{background:#ffffff2e}.client-access-table-card{background:var(--bg-card, #141519);border:1px solid var(--border-card, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 10px);overflow:hidden}.client-access-table{width:100%;border-collapse:collapse;text-align:left}.client-access-table th{padding:12px 18px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:#00000026;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.client-access-table td{padding:14px 18px;vertical-align:middle;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.client-access-table tr:last-child td{border-bottom:none}.client-access-table tr:hover td{background:var(--bg-card-hover, rgba(255, 255, 255, .02))}.client-cell{display:flex;align-items:center;gap:12px;min-width:220px}.client-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:0 1px 3px #0000004d}.client-avatar.needs-setup{background:linear-gradient(135deg,#d97706,#b45309)}.client-info{display:flex;flex-direction:column;min-width:0}.client-name{font-size:13.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-email-row{display:flex;align-items:center;gap:6px}.client-email{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-copy-email{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:3px;opacity:.6}.btn-copy-email:hover{opacity:1;color:var(--text-primary)}.website-access-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:260px}.site-access-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:var(--bg-subtle, rgba(255, 255, 255, .05));border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:var(--radius-sm, 6px);font-size:11.5px;font-weight:500;color:var(--text-primary);white-space:nowrap}.site-badge-dot{width:6px;height:6px;border-radius:50%;background-color:#10b981}.site-more-badge{display:inline-flex;align-items:center;padding:3px 7px;background:#ffffff14;border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));border-radius:var(--radius-sm, 6px);font-size:11px;font-weight:600;color:var(--text-secondary);cursor:default}.site-empty-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:#f59e0b14;border:1px dashed rgba(245,158,11,.3);border-radius:var(--radius-sm, 6px);font-size:11.5px;font-weight:500;color:#f59e0b}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:11.5px;font-weight:600}.status-badge.ready{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.status-badge.ready .status-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.status-badge.needs-setup{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.status-badge.needs-setup .status-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b}.actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:8px}.btn-manage-access{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-subtle, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition, .15s ease)}.btn-manage-access:hover{background:#38bdf81a;border-color:#38bdf866;color:#38bdf8}.btn-preview-portal{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;background:#10b98114;border:1px solid rgba(16,185,129,.28);border-radius:var(--radius-sm, 6px);color:#10b981;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-preview-portal:hover{background:#10b9812e;border-color:#10b98173;color:#34d399}.client-access-mobile-list{display:none;flex-direction:column;gap:12px}.client-mobile-card{background:var(--bg-card, #141519);border:1px solid var(--border-card, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 10px);padding:16px;display:flex;flex-direction:column;gap:14px}.client-mobile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.client-mobile-websites-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.client-mobile-actions{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.client-mobile-actions .btn-manage-access{flex:1;justify-content:center;padding:8px 12px}.client-mobile-actions .btn-preview-portal{justify-content:center;padding:8px 12px}.client-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:var(--bg-card, #141519);border:1px dashed var(--border-subtle, rgba(255, 255, 255, .12));border-radius:var(--radius-lg, 10px)}.empty-state-icon{width:44px;height:44px;border-radius:50%;background:#ffffff0d;color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.empty-state-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.empty-state-subtext{font-size:12px;color:var(--text-muted);max-width:320px;margin:0 0 16px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:drawerFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.drawer-panel{width:100%;max-width:460px;height:100%;background:var(--bg-page, #0c0d10);border-left:1px solid var(--border-subtle, rgba(255, 255, 255, .12));display:flex;flex-direction:column;box-shadow:-8px 0 32px #0009;animation:drawerSlideIn .25s cubic-bezier(.16,1,.3,1)}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:20px 24px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:var(--bg-card, #141519)}.drawer-client-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#38bdf8;margin-bottom:2px}.drawer-client-name{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 2px}.drawer-client-email{font-size:12.5px;color:var(--text-muted);margin:0}.btn-drawer-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm, 6px);display:flex;align-items:center;justify-content:center;transition:all var(--transition, .15s ease)}.btn-drawer-close:hover{background:#ffffff14;color:var(--text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:18px}.drawer-section-title-row{display:flex;align-items:center;justify-content:space-between}.drawer-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0}.drawer-section-subtext{font-size:12px;color:var(--text-secondary);margin:4px 0 0}.drawer-sites-list{display:flex;flex-direction:column;gap:8px}.drawer-site-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-card, #141519);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition, .15s ease);gap:12px}.drawer-site-row:hover{border-color:var(--border-card-hover, rgba(255, 255, 255, .18));background:var(--bg-card-hover, rgba(255, 255, 255, .02))}.drawer-site-row.assigned{border-color:#10b98159;background:#10b9810a}.drawer-site-left{display:flex;align-items:center;gap:12px;min-width:0}.drawer-checkbox-box{width:20px;height:20px;border-radius:4px;border:1.5px solid var(--border-subtle, rgba(255, 255, 255, .2));background:var(--bg-card, #141519);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition, .15s ease)}.drawer-site-row.assigned .drawer-checkbox-box{background:#10b981;border-color:#10b981;color:#fff}.drawer-site-meta{display:flex;flex-direction:column;min-width:0}.drawer-site-name{font-size:13.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-site-domain{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-site-status-tag{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;white-space:nowrap}.drawer-site-status-tag.assigned{background:#10b9811f;color:#34d399}.drawer-site-status-tag.unassigned{background:#ffffff0d;color:var(--text-muted)}.drawer-footer{padding:16px 24px;background:var(--bg-card, #141519);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-footer-count{font-size:12px;color:var(--text-muted)}.confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;animation:drawerFadeIn .15s ease-out}.confirm-modal-box{width:100%;max-width:420px;background:var(--bg-page, #0c0d10);border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));border-radius:var(--radius-lg, 12px);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 40px #0009}.confirm-modal-header{display:flex;align-items:flex-start;gap:12px}.confirm-icon-wrap{width:36px;height:36px;border-radius:50%;background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirm-modal-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.confirm-modal-body{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.confirm-target-highlight{font-weight:600;color:var(--text-primary)}.confirm-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}.btn-confirm-cancel{padding:8px 14px;font-size:12.5px;font-weight:500;background:var(--bg-card, #141519);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:var(--radius-sm, 6px);color:var(--text-primary);cursor:pointer}.btn-confirm-cancel:hover{background:var(--bg-subtle, #1e1e24)}.btn-confirm-danger{padding:8px 14px;font-size:12.5px;font-weight:600;background:#dc2626;border:1px solid #ef4444;border-radius:var(--radius-sm, 6px);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-confirm-danger:hover:not(:disabled){background:#b91c1c}.btn-confirm-danger:disabled{opacity:.6;cursor:not-allowed}[data-theme=light] .client-access-title{color:#0f172a}[data-theme=light] .summary-metric-card,[data-theme=light] .client-access-table-card,[data-theme=light] .client-mobile-card,[data-theme=light] .client-access-search-input,[data-theme=light] .client-access-filters,[data-theme=light] .drawer-header,[data-theme=light] .drawer-footer,[data-theme=light] .drawer-site-row,[data-theme=light] .confirm-modal-box{background:#fff;border-color:#e2e8f0}[data-theme=light] .client-access-table th{background:#f8fafc;border-color:#e2e8f0;color:#64748b}[data-theme=light] .client-access-table td{border-color:#f1f5f9}[data-theme=light] .client-access-table tr:hover td{background:#f8fafc}[data-theme=light] .client-name,[data-theme=light] .drawer-client-name,[data-theme=light] .drawer-site-name,[data-theme=light] .confirm-modal-title,[data-theme=light] .empty-state-title{color:#0f172a}[data-theme=light] .site-access-badge{background:#f1f5f9;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .btn-manage-access{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}[data-theme=light] .btn-manage-access:hover{background:#e0f2fe;border-color:#38bdf8;color:#0284c7}[data-theme=light] .drawer-panel{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .filter-tab-btn.active{background:#f1f5f9;color:#0f172a}@media(max-width:900px){.client-access-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.summary-metric-card{padding:10px 12px;gap:10px}.summary-metric-value{font-size:17px}}@media(max-width:768px){.client-access-summary-grid{grid-template-columns:1fr;gap:8px}.client-access-table-card{display:none}.client-access-mobile-list{display:flex}.client-access-controls{flex-direction:column;align-items:stretch}.client-access-search-wrap{max-width:100%}.client-access-filters{overflow-x:auto;width:100%}.drawer-panel{max-width:100%}}.add-client-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease-out}.add-client-modal-box{width:100%;max-width:520px;max-height:90vh;background:var(--bg-card, #141519);border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));border-radius:var(--radius-lg, 12px);box-shadow:0 20px 48px #0009;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleIn .2s ease-out}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-client-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.add-client-header-left{display:flex;flex-direction:column;gap:3px}.add-client-tag{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:#38bdf8;letter-spacing:.05em;text-transform:uppercase}.add-client-title{font-size:18px;font-weight:700;color:var(--text-primary, #ffffff);letter-spacing:-.01em;margin:0}.add-client-subtitle{font-size:12.5px;color:var(--text-muted, #94a3b8);margin:0}.btn-close-modal{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .15s ease}.btn-close-modal:hover{background:#ffffff14;color:var(--text-primary, #ffffff)}.add-client-form{padding:18px 22px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:11.5px;font-weight:700;color:var(--text-secondary, #94a3b8);letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:3px}.label-required{color:#ef4444}.form-input{width:100%;padding:9px 12px;font-size:13.5px;background:var(--bg-input, #090a0d);border:1px solid var(--border-subtle, rgba(255, 255, 255, .15));border-radius:8px;color:var(--text-primary, #ffffff);outline:none;transition:all .15s ease}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.form-input:disabled{opacity:.6;cursor:not-allowed}.website-access-group{gap:8px}.website-access-header{display:flex;align-items:center;justify-content:space-between}.website-access-counter{font-size:11px;font-weight:500;color:var(--text-muted, #64748b);margin-left:6px}.btn-link-action{background:none;border:none;font-size:11.5px;font-weight:600;color:#38bdf8;cursor:pointer;padding:0;transition:opacity .15s ease}.btn-link-action:hover{text-decoration:underline;opacity:.85}.website-checklist{display:flex;flex-direction:column;gap:6px;max-height:190px;overflow-y:auto;padding:4px;background:var(--bg-surface, #0d0e12);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:8px}.website-check-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;background:transparent;cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.website-check-row:hover{background:#ffffff0a}.website-check-row.selected{background:#3b82f617}.website-checkbox{width:15px;height:15px;accent-color:#3b82f6;cursor:pointer}.website-check-info{display:flex;flex-direction:column;gap:1px;min-width:0}.website-check-name{font-size:13px;font-weight:600;color:var(--text-primary, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.website-check-domain{font-size:11px;color:var(--text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zero-site-note{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:11.5px;color:#f59e0b}.add-client-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.btn-cancel{padding:8px 16px;font-size:12.5px;font-weight:600;border-radius:8px;background:transparent;border:1px solid var(--border-subtle, rgba(255, 255, 255, .15));color:var(--text-secondary, #cbd5e1);cursor:pointer;transition:all .15s ease}.btn-cancel:hover{background:#ffffff0d;color:var(--text-primary, #ffffff)}.btn-submit-client{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;font-size:12.5px;font-weight:600;border-radius:8px;background:#2563eb;border:1px solid #1d4ed8;color:#fff;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #2563eb59}.btn-submit-client:hover{background:#1d4ed8;border-color:#1e40af;box-shadow:0 3px 10px #2563eb73}.btn-submit-client:disabled{opacity:.6;cursor:not-allowed}.add-client-error-banner{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:12px}.add-client-duplicate-card{padding:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.28);border-radius:8px;display:flex;flex-direction:column;gap:6px}.duplicate-card-header{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#f59e0b}.duplicate-card-desc{font-size:11.5px;color:var(--text-secondary, #cbd5e1);margin:0}.btn-manage-duplicate{align-self:flex-start;margin-top:4px;padding:6px 12px;font-size:11.5px;font-weight:600;background:#f59e0b;border:1px solid #d97706;border-radius:6px;color:#000;cursor:pointer;transition:all .15s ease}.btn-manage-duplicate:hover{background:#d97706}.add-client-success-box{padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.add-client-success-icon{width:52px;height:52px;border-radius:50%;background:#10b98126;border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center}.add-client-success-title{font-size:18px;font-weight:700;color:var(--text-primary, #ffffff);margin:0}.add-client-success-desc{font-size:13px;color:var(--text-secondary, #cbd5e1);margin:0;max-width:400px}.add-client-access-notice{width:100%;padding:14px 16px;background:var(--bg-surface, #0d0e12);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:8px;text-align:left;display:flex;flex-direction:column;gap:4px;margin:4px 0 10px}.notice-label{font-size:10px;font-weight:700;color:#38bdf8;letter-spacing:.05em;text-transform:uppercase}.notice-text{font-size:12.5px;color:var(--text-secondary, #cbd5e1)}.notice-email{font-size:13.5px;font-weight:700;color:#38bdf8;font-family:var(--font-mono, monospace);padding:4px 0}.notice-footer{font-size:11.5px;color:var(--text-muted, #94a3b8);border-top:1px solid rgba(255,255,255,.06);padding-top:6px;margin-top:2px}.add-client-success-actions{width:100%;display:flex;justify-content:center}[data-theme=light] .add-client-modal-box{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 48px #0000002e}[data-theme=light] .add-client-header{border-color:#f1f5f9}[data-theme=light] .add-client-title{color:#0f172a}[data-theme=light] .add-client-subtitle{color:#64748b}[data-theme=light] .btn-close-modal:hover{background:#f1f5f9;color:#0f172a}[data-theme=light] .form-input{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}[data-theme=light] .website-checklist{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .website-check-row:hover{background:#f1f5f9}[data-theme=light] .website-check-row.selected{background:#eff6ff}[data-theme=light] .website-check-name{color:#0f172a}[data-theme=light] .website-check-domain{color:#64748b}[data-theme=light] .add-client-actions{border-color:#f1f5f9}[data-theme=light] .btn-cancel{border-color:#cbd5e1;color:#475569}[data-theme=light] .btn-cancel:hover{background:#f1f5f9;color:#0f172a}[data-theme=light] .add-client-access-notice{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .notice-email{color:#0284c7}[data-theme=light] .notice-footer{border-color:#e2e8f0;color:#64748b}@media(max-width:480px){.add-client-modal-backdrop{padding:0;align-items:flex-end}.add-client-modal-box{max-width:100%;max-height:88vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.add-client-header,.add-client-form{padding:16px}}.preview-portal-banner{position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;background:linear-gradient(90deg,#064e3b,#065f46,#047857);border-bottom:1px solid rgba(16,185,129,.4);color:#ecfdf5;box-shadow:0 4px 20px #00000059;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-banner-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.preview-badge-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#065f46;font-weight:800;font-size:11px;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px 3px #00000026;flex-shrink:0}.preview-client-details{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.preview-client-name{font-weight:700;color:#fff}.preview-client-email{color:#a7f3d0;font-size:12px}.preview-banner-divider{color:#fff6;font-weight:600}.preview-site-summary{color:#d1fae5;font-size:12.5px}.preview-site-summary strong{color:#fff}.preview-site-list{color:#a7f3d0;font-weight:500}.preview-warning-pill{display:inline-flex;align-items:center;gap:5px;background:#f59e0b38;border:1px solid rgba(251,191,36,.45);color:#fef3c7;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:4px;white-space:nowrap}.preview-warning-icon{color:#fbbf24;flex-shrink:0}.btn-exit-preview{display:inline-flex;align-items:center;gap:6px;background:#0000004d;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.btn-exit-preview:hover{background:#00000080;border-color:#ffffff80;transform:translateY(-1px)}.btn-exit-preview:active{transform:translateY(0)}[data-theme=light] .preview-portal-banner{background:linear-gradient(90deg,#047857,#059669,#10b981);border-bottom:1px solid #047857;color:#fff;box-shadow:0 4px 16px #04785740}[data-theme=light] .preview-badge-pill{background:#fff;color:#047857}[data-theme=light] .preview-client-name{color:#fff}[data-theme=light] .preview-client-email,[data-theme=light] .preview-site-summary{color:#ecfdf5}[data-theme=light] .preview-site-list{color:#d1fae5}[data-theme=light] .preview-warning-pill{background:#fef3c74d;border:1px solid rgba(255,255,255,.6);color:#fff}[data-theme=light] .preview-warning-icon{color:#fef08a}[data-theme=light] .btn-exit-preview{background:#00000038;border-color:#fff6}[data-theme=light] .btn-exit-preview:hover{background:#00000059;border-color:#fff9}[data-theme=light] .btn-preview-portal{background:#05966914;border-color:#0596694d;color:#059669}[data-theme=light] .btn-preview-portal:hover{background:#05966929;border-color:#05966980;color:#047857}.client-zero-sites-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 180px);padding:40px 20px}.client-zero-sites-card{max-width:540px;width:100%;background:var(--bg-card, #121316);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:14px;padding:44px 32px;text-align:center;box-shadow:0 12px 32px #00000040}.client-zero-sites-icon{width:64px;height:64px;border-radius:50%;background:#38bdf81a;color:#38bdf8;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.client-zero-sites-title{font-size:19px;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:12px;line-height:1.4}.client-zero-sites-subtext{font-size:14px;color:var(--text-muted, #a1a1aa);line-height:1.6;margin-bottom:24px}.client-zero-sites-contact{display:flex;justify-content:center}.client-zero-sites-link{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:#ffffff0d;border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));border-radius:8px;color:var(--text-primary, #ffffff);font-size:13px;font-weight:500;text-decoration:none;transition:all .15s ease}.client-zero-sites-link:hover{background:#ffffff1a;border-color:#ffffff38}[data-theme=light] .client-zero-sites-card{background:#fff;border-color:#e2e8f0;box-shadow:0 12px 32px #0000000f}[data-theme=light] .client-zero-sites-title{color:#0f172a}[data-theme=light] .client-zero-sites-subtext{color:#64748b}[data-theme=light] .client-zero-sites-link{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}[data-theme=light] .client-zero-sites-link:hover{background:#f1f5f9}@media(max-width:768px){.preview-portal-banner{flex-direction:column;align-items:flex-start;padding:10px 14px;gap:10px}.preview-banner-left{gap:8px;width:100%}.preview-client-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.preview-banner-divider{display:none}.preview-site-summary{width:100%;font-size:12px}.preview-warning-pill{width:100%;font-size:11px;padding:3px 6px;white-space:normal}.btn-exit-preview{width:100%;justify-content:center;padding:8px 12px}.client-zero-sites-card{padding:32px 20px}.client-zero-sites-title{font-size:17px}}.site-client-access-container{display:flex;flex-direction:column;gap:16px;background:var(--bg-card, #141519);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 12px);padding:20px;transition:all .15s ease}.site-client-access-container.compact{padding:16px;background:transparent;border:none}.site-client-access-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));padding-bottom:14px}.site-client-access-title-block{display:flex;flex-direction:column;gap:4px}.site-client-access-title-row{display:flex;align-items:center;gap:8px}.site-client-access-icon{color:#10b981}.site-client-access-title{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary, #ffffff);margin:0}.site-client-count-pill{font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.site-client-access-subtext{font-size:12.5px;color:var(--text-muted, #94a3b8);margin:0}.site-client-access-actions{display:flex;align-items:center;gap:8px}.btn-give-access-primary{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;background:#10b981;color:#090a0d;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-give-access-primary:hover{background:#34d399;transform:translateY(-1px)}.btn-refresh-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-surface, rgba(255, 255, 255, .04));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:6px;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .15s ease}.btn-refresh-icon:hover{background:#ffffff14;color:var(--text-primary, #ffffff)}.site-access-error-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:6px;font-size:12px;color:#f87171}.btn-link-retry{background:none;border:none;color:#38bdf8;font-weight:600;cursor:pointer;padding:0 0 0 6px;text-decoration:underline}.site-access-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--text-muted, #94a3b8);font-size:12.5px}.site-access-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 20px;background:var(--bg-surface, rgba(255, 255, 255, .02));border:1px dashed var(--border-subtle, rgba(255, 255, 255, .1));border-radius:8px}.site-access-empty-state .empty-state-icon-wrap{width:44px;height:44px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.site-access-empty-state .empty-state-title{font-size:13.5px;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 6px}.site-access-empty-state .empty-state-desc{font-size:12px;color:var(--text-muted, #94a3b8);max-width:420px;margin:0 0 16px;line-height:1.45}.site-access-empty-state .empty-state-btn{padding:8px 16px}.site-access-people-section{display:flex;flex-direction:column;gap:10px}.people-with-access-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #71717a)}.site-access-people-list{display:flex;flex-direction:column;gap:8px}.site-access-person-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--bg-surface, rgba(255, 255, 255, .03));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:8px;transition:all .15s ease}.site-access-person-row:hover{border-color:var(--border-card-hover, rgba(255, 255, 255, .16));background:var(--bg-card-hover, rgba(255, 255, 255, .04))}.person-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.person-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;flex-shrink:0}.person-details{display:flex;flex-direction:column;gap:2px;min-width:0}.person-name{font-size:13px;font-weight:600;color:var(--text-primary, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-email{font-size:11.5px;color:var(--text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-role-and-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.site-role-badge{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:capitalize;letter-spacing:.02em}.site-role-badge.client{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.site-role-badge.editor{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.site-role-badge.reviewer{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.site-role-badge.admin{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.btn-remove-access{padding:4px 10px;font-size:11.5px;font-weight:500;background:transparent;border:1px solid rgba(239,68,68,.25);color:#f87171;border-radius:5px;cursor:pointer;transition:all .15s ease}.btn-remove-access:hover{background:#ef44441f;border-color:#ef444466}.site-access-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.site-access-modal{width:100%;max-width:480px;background:var(--bg-card, #141519);border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));border-radius:var(--radius-lg, 12px);box-shadow:0 20px 48px #000000a6;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleIn .18s ease-out}.site-access-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.site-access-modal-title{font-size:15px;font-weight:700;letter-spacing:.04em;color:var(--text-primary, #ffffff);margin:0}.site-access-modal-subtitle{font-size:12px;color:var(--text-muted, #94a3b8);margin:3px 0 0}.site-access-modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px;max-height:70vh;overflow-y:auto}.give-access-search-box{position:relative;width:100%}.give-access-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted, #64748b)}.give-access-search-input{width:100%;padding:8px 30px 8px 32px;font-size:12.5px;background:var(--bg-input, #090a0d);border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));border-radius:6px;color:var(--text-primary, #ffffff);outline:none;transition:all .15s ease}.give-access-search-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.give-access-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;padding:2px}.give-access-client-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:8px;background:var(--bg-surface, rgba(0, 0, 0, .2));padding:6px}.give-access-client-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.give-access-client-row:hover{background:#ffffff0d}.give-access-client-row.selected{background:#10b9811f;border:1px solid rgba(16,185,129,.3)}.give-access-radio{width:15px;height:15px;accent-color:#10b981;cursor:pointer}.client-row-avatar{width:26px;height:26px;border-radius:50%;background:#ffffff14;color:var(--text-primary, #ffffff);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;flex-shrink:0}.client-row-info{display:flex;flex-direction:column;gap:1px;min-width:0}.client-row-name{font-size:12.5px;font-weight:600;color:var(--text-primary, #ffffff)}.client-row-email{font-size:11px;color:var(--text-muted, #94a3b8)}.give-access-no-clients{padding:20px 14px;text-align:center;font-size:12px;color:var(--text-muted, #94a3b8);display:flex;flex-direction:column;align-items:center;gap:8px}.btn-add-new-client-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.25);border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-add-new-client-inline:hover{background:#38bdf82e}.give-access-footer-add-option{display:flex;align-items:center;justify-content:space-between;padding:4px 2px;font-size:11.5px}.footer-add-text{color:var(--text-muted, #94a3b8)}.give-access-role-group{display:flex;flex-direction:column;gap:6px}.give-access-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #cbd5e1)}.give-access-select{width:100%;padding:8px 12px;font-size:12.5px;background:var(--bg-input, #090a0d);border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));border-radius:6px;color:var(--text-primary, #ffffff);outline:none}.give-access-select:focus{border-color:#10b981}.role-explanation-text{font-size:11px;color:var(--text-muted, #71717a)}.site-access-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.remove-confirm-modal{max-width:440px}.remove-confirm-header{display:flex;align-items:center;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.remove-confirm-icon-wrap{width:36px;height:36px;border-radius:50%;background:#ef44441f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-confirm-title{font-size:15px;font-weight:700;color:var(--text-primary, #ffffff);margin:0}.remove-confirm-body{padding:18px 20px;display:flex;flex-direction:column;gap:12px}.remove-confirm-desc{font-size:13px;color:var(--text-primary, #ffffff);margin:0;line-height:1.45}.remove-site-highlight{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:var(--bg-surface, rgba(255, 255, 255, .03));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:6px}.remove-site-name{font-size:13px;font-weight:600;color:#38bdf8}.remove-site-domain{font-size:11.5px;color:var(--text-muted, #94a3b8)}.remove-confirm-note{font-size:12px;color:var(--text-muted, #94a3b8);margin:0;line-height:1.4}.btn-danger-confirm{padding:8px 16px;font-size:12.5px;font-weight:600;border-radius:6px;background:#ef4444;color:#fff;border:none;cursor:pointer;transition:all .15s ease}.btn-danger-confirm:hover{background:#dc2626}.card-client-count-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:#10b98114;border:1px solid rgba(16,185,129,.22);border-radius:5px;color:#34d399;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.card-client-count-btn:hover{background:#10b98129;border-color:#10b98161}[data-theme=light] .site-client-access-container,.light-mode .site-client-access-container{background:#fff;border-color:#e2e8f0}[data-theme=light] .site-client-access-title,.light-mode .site-client-access-title{color:#0f172a}[data-theme=light] .site-client-access-subtext,.light-mode .site-client-access-subtext{color:#64748b}[data-theme=light] .site-access-person-row,.light-mode .site-access-person-row{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .site-access-person-row:hover,.light-mode .site-access-person-row:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .person-name,.light-mode .person-name{color:#0f172a}[data-theme=light] .person-email,.light-mode .person-email{color:#64748b}[data-theme=light] .site-access-modal,.light-mode .site-access-modal{background:#fff;border-color:#e2e8f0}[data-theme=light] .site-access-modal-title,.light-mode .site-access-modal-title{color:#0f172a}[data-theme=light] .site-access-modal-subtitle,.light-mode .site-access-modal-subtitle{color:#64748b}[data-theme=light] .give-access-search-input,.light-mode .give-access-search-input{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .give-access-client-list,.light-mode .give-access-client-list{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .client-row-name,.light-mode .client-row-name{color:#0f172a}[data-theme=light] .client-row-email,.light-mode .client-row-email{color:#64748b}[data-theme=light] .give-access-select,.light-mode .give-access-select{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}[data-theme=light] .remove-confirm-desc,.light-mode .remove-confirm-desc{color:#0f172a}[data-theme=light] .remove-site-highlight,.light-mode .remove-site-highlight{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .remove-confirm-note,.light-mode .remove-confirm-note{color:#64748b}@media(max-width:480px){.site-client-access-header{flex-direction:column;align-items:stretch}.site-client-access-actions{width:100%;justify-content:space-between}.btn-give-access-primary{flex:1;justify-content:center}.site-access-person-row{flex-direction:column;align-items:stretch;gap:8px}.person-role-and-actions{justify-content:space-between;width:100%;padding-top:6px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.site-access-modal{max-width:100%;margin:10px}}.updates-container{display:flex;flex-direction:column;gap:24px;padding:0 0 48px;max-width:var(--cms-content-max, 1320px);margin:0 auto;width:100%;animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.updates-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color, rgba(148, 163, 184, .12))}.updates-header-left{display:flex;flex-direction:column;gap:6px}.updates-title-row{display:flex;align-items:center;gap:12px}.updates-title{margin:0;font-size:22px;font-weight:700;color:var(--text-primary, #f8fafc);letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.updates-title svg{color:#38bdf8}.updates-subtitle{margin:0;font-size:13.5px;color:var(--text-secondary, #94a3b8);line-height:1.5}.updates-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.updates-live-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:9999px;background:#10b9811a;border:1px solid rgba(16,185,129,.28);color:#10b981;font-size:12px;font-weight:600;letter-spacing:.01em}.updates-live-dot{width:7px;height:7px;border-radius:50%;background-color:#10b981;box-shadow:0 0 8px #10b98199;animation:pulseDot 2s infinite ease-in-out}.updates-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;background:var(--card-bg, rgba(30, 41, 59, .7));border:1px solid var(--border-color, rgba(148, 163, 184, .16));color:var(--text-secondary, #94a3b8);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease}.updates-refresh-btn:hover{background:var(--card-hover-bg, rgba(51, 65, 85, .8));color:var(--text-primary, #f8fafc);border-color:var(--border-hover, rgba(148, 163, 184, .3))}.updates-refresh-btn .spinning{animation:spin .8s linear infinite}.updates-timeline{position:relative;display:flex;flex-direction:column;gap:24px;padding-left:28px}.updates-timeline:before{content:"";position:absolute;top:14px;bottom:24px;left:9px;width:2px;background:linear-gradient(to bottom,#38bdf866,#94a3b826);border-radius:1px}.timeline-item{position:relative;display:flex;flex-direction:column}.timeline-node{position:absolute;left:-28px;top:18px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--canvas-bg, #090d16);z-index:2}.timeline-node.latest .timeline-node-inner{width:12px;height:12px;border-radius:50%;background:#38bdf8;box-shadow:0 0 10px #38bdf8b3;border:2px solid #090d16}.timeline-node.previous .timeline-node-inner{width:10px;height:10px;border-radius:50%;background:#64748b;border:2px solid #090d16}.release-card{background:var(--card-bg, rgba(17, 24, 39, .75));border:1px solid var(--border-color, rgba(148, 163, 184, .12));border-radius:12px;padding:22px 24px;display:flex;flex-direction:column;gap:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px -4px #00000040}.release-card.latest{border-color:#38bdf847;background:linear-gradient(135deg,rgba(14,165,233,.05) 0%,var(--card-bg, rgba(17, 24, 39, .8)) 100%)}.release-card:hover{border-color:#38bdf859;box-shadow:0 8px 24px -4px #00000059}.release-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.release-card-meta-left{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.release-version-badge{font-family:var(--font-mono, monospace, "Courier New");font-size:13.5px;font-weight:700;padding:4px 10px;border-radius:6px;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:#38bdf8;letter-spacing:-.01em}.release-status-pill{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:9999px}.release-status-pill.latest{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981}.release-status-pill.baseline{background:#94a3b81a;border:1px solid rgba(148,163,184,.2);color:#94a3b8}.release-datetime{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary, #94a3b8);font-weight:500}.release-datetime svg{color:#64748b}.release-title{margin:0;font-size:17px;font-weight:600;color:var(--text-primary, #f8fafc);letter-spacing:-.01em}.release-summary{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary, #cbd5e1)}.release-technical-details{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:12px;margin-top:4px;border-top:1px solid var(--border-color, rgba(148, 163, 184, .08))}.tech-info-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-right:4px}.tech-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;background:var(--input-bg, rgba(15, 23, 42, .6));border:1px solid var(--border-color, rgba(148, 163, 184, .12));font-family:var(--font-mono, monospace, "Courier New");font-size:11.5px;color:#94a3b8;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.tech-pill:hover{background:var(--card-hover-bg, rgba(30, 41, 59, .8));color:#e2e8f0;border-color:#38bdf84d}.tech-pill svg{color:#64748b}.tech-pill-copied{color:#10b981!important;border-color:#10b9814d!important}.updates-empty-state{text-align:center;padding:48px 24px;background:var(--card-bg, rgba(17, 24, 39, .6));border:1px dashed var(--border-color, rgba(148, 163, 184, .16));border-radius:12px;color:var(--text-secondary, #94a3b8)}[data-theme=light] .updates-container{--canvas-bg: #f8fafc;--card-bg: #ffffff;--card-hover-bg: #f1f5f9;--input-bg: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--border-color: #e2e8f0}[data-theme=light] .timeline-node{background:#f8fafc}[data-theme=light] .timeline-node.latest .timeline-node-inner{border-color:#f8fafc;background:#0284c7}[data-theme=light] .timeline-node.previous .timeline-node-inner{border-color:#f8fafc;background:#94a3b8}[data-theme=light] .release-card{box-shadow:0 2px 10px #0000000d}[data-theme=light] .release-card.latest{background:linear-gradient(135deg,#f0f9ffb3,#fff);border-color:#bae6fd}[data-theme=light] .release-card:hover{box-shadow:0 6px 18px #00000014}[data-theme=light] .release-version-badge{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}[data-theme=light] .release-status-pill.latest{background:#dcfce7;color:#15803d;border-color:#bbf7d0}[data-theme=light] .release-summary{color:#334155}[data-theme=light] .tech-pill{background:#f1f5f9;border-color:#cbd5e1;color:#475569}[data-theme=light] .tech-pill:hover{background:#e2e8f0;color:#0f172a}@media(max-width:640px){.updates-container{padding:0 0 36px;gap:18px}.updates-header{flex-direction:column;align-items:flex-start;gap:14px}.updates-header-actions{width:100%;justify-content:space-between}.updates-timeline{padding-left:20px;gap:18px}.updates-timeline:before{left:6px}.timeline-node{left:-20px;width:16px;height:16px}.timeline-node.latest .timeline-node-inner{width:10px;height:10px}.timeline-node.previous .timeline-node-inner{width:8px;height:8px}.release-card{padding:16px;border-radius:10px}.release-card-header{flex-direction:column;align-items:flex-start;gap:8px}.release-card-meta-left{width:100%;justify-content:space-between}.release-title{font-size:15.5px}.release-summary{font-size:13.5px}.release-technical-details{flex-direction:column;align-items:flex-start;gap:6px}}.public-landing{--pl-white: #ffffff;--pl-off-white: #F7F9FC;--pl-bg-dark: #0f1729;--pl-bg-dark-surface: #162033;--pl-text-heading: #0f172a;--pl-text-body: #334155;--pl-text-muted: #64748b;--pl-text-faint: #94a3b8;--pl-green: #10b981;--pl-green-light: #d1fae5;--pl-green-dark: #059669;--pl-blue: #3b82f6;--pl-blue-light: #dbeafe;--pl-cyan: #06b6d4;--pl-border: #e2e8f0;--pl-border-light: #f1f5f9;--pl-shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--pl-shadow-md: 0 4px 16px rgba(15, 23, 42, .08), 0 1px 3px rgba(15, 23, 42, .06);--pl-shadow-lg: 0 12px 40px rgba(15, 23, 42, .12), 0 4px 12px rgba(15, 23, 42, .06);--pl-shadow-xl: 0 20px 60px rgba(15, 23, 42, .15), 0 8px 20px rgba(15, 23, 42, .08);--pl-shadow-mock: 0 8px 40px rgba(15, 23, 42, .18), 0 2px 8px rgba(15, 23, 42, .08);--pl-radius: 12px;--pl-radius-lg: 16px;--pl-radius-sm: 8px;--pl-radius-xs: 6px;--pl-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--pl-transition: .25s cubic-bezier(.16, 1, .3, 1);--pl-container: 1320px;--pl-gutter: 32px}.public-landing{display:flex;flex-direction:column;min-height:100vh;background-color:var(--pl-white);color:var(--pl-text-body);font-family:var(--pl-font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.public-landing *,.public-landing *:before,.public-landing *:after{box-sizing:border-box}.pl-container{max-width:var(--pl-container);margin-left:auto;margin-right:auto;padding-left:var(--pl-gutter);padding-right:var(--pl-gutter);width:100%}.pl-nav{position:sticky;top:0;z-index:100;height:72px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--pl-border)}.pl-nav .pl-container{display:flex;align-items:center;justify-content:space-between;height:100%}.pl-nav-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--pl-text-heading);text-decoration:none;letter-spacing:-.02em}.pl-nav-brand-icon{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.pl-nav-links{display:flex;align-items:center;gap:32px}.pl-nav-links a{font-size:15px;font-weight:500;color:var(--pl-text-muted);text-decoration:none;transition:color var(--pl-transition)}.pl-nav-links a:hover{color:var(--pl-text-heading)}.pl-nav-login{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:var(--pl-text-heading);color:#fff;border:none;border-radius:var(--pl-radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--pl-transition);font-family:var(--pl-font)}.pl-nav-login:hover{background:#1e293b;transform:translateY(-1px);box-shadow:var(--pl-shadow-sm)}.pl-nav-mobile-toggle{display:none;background:none;border:none;color:var(--pl-text-heading);cursor:pointer;padding:4px}.pl-hero{background:var(--pl-white);padding:80px 0 100px;min-height:700px;display:flex;align-items:center}.pl-hero .pl-container{display:flex;align-items:center;gap:56px}.pl-hero-text{flex:0 0 42%;max-width:42%}.pl-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pl-green);margin-bottom:20px}.pl-hero-eyebrow:before{content:"";width:24px;height:2px;background:var(--pl-green);border-radius:2px}.pl-hero-h1{font-size:68px;font-weight:800;line-height:1.05;color:var(--pl-text-heading);letter-spacing:-.03em;margin-bottom:24px}.pl-hero-sub{font-size:18px;line-height:1.7;color:var(--pl-text-muted);margin-bottom:36px;max-width:440px}.pl-hero-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pl-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--pl-green);color:#fff;border:none;border-radius:var(--pl-radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--pl-transition);font-family:var(--pl-font)}.pl-btn-primary:hover{background:var(--pl-green-dark);transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.pl-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:transparent;color:var(--pl-text-heading);border:1px solid var(--pl-border);border-radius:var(--pl-radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--pl-transition);font-family:var(--pl-font)}.pl-btn-secondary:hover{border-color:var(--pl-text-muted);background:var(--pl-off-white);transform:translateY(-1px)}.pl-hero-visual{flex:0 0 58%;max-width:58%;display:flex;justify-content:flex-end}.pl-trust{padding:56px 0;text-align:center;border-top:1px solid var(--pl-border);border-bottom:1px solid var(--pl-border);background:var(--pl-white)}.pl-trust-label{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pl-text-faint);margin-bottom:12px}.pl-trust-features{display:flex;justify-content:center;align-items:center;gap:32px;font-size:16px;font-weight:500;color:var(--pl-text-body)}.pl-trust-features span{display:flex;align-items:center;gap:8px}.pl-trust-dot{width:5px;height:5px;border-radius:50%;background:var(--pl-text-faint);flex-shrink:0}.pl-values{padding:120px 0;background:var(--pl-off-white)}.pl-section-eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pl-green);text-align:center;margin-bottom:16px}.pl-section-heading{font-size:48px;font-weight:800;line-height:1.1;color:var(--pl-text-heading);text-align:center;letter-spacing:-.025em;margin-bottom:16px}.pl-section-sub{font-size:18px;color:var(--pl-text-muted);text-align:center;max-width:560px;margin:0 auto 64px;line-height:1.7}.pl-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.pl-value-card{background:var(--pl-white);border:1px solid var(--pl-border);border-radius:var(--pl-radius);padding:32px 28px;transition:all var(--pl-transition)}.pl-value-card:hover{border-color:var(--pl-green);box-shadow:var(--pl-shadow-md);transform:translateY(-4px)}.pl-value-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:20px}.pl-value-icon--content{background:var(--pl-green-light);color:var(--pl-green-dark)}.pl-value-icon--leads{background:var(--pl-blue-light);color:var(--pl-blue)}.pl-value-icon--analytics{background:#fef3c7;color:#d97706}.pl-value-icon--seo{background:#ede9fe;color:#7c3aed}.pl-value-card h3{font-size:18px;font-weight:700;color:var(--pl-text-heading);margin-bottom:8px;letter-spacing:-.01em}.pl-value-card p{font-size:15px;line-height:1.6;color:var(--pl-text-muted);margin:0}.pl-product{padding:120px 0}.pl-product--alt{background:var(--pl-off-white)}.pl-product .pl-container{display:flex;align-items:center;gap:64px}.pl-product--reverse .pl-container{flex-direction:row-reverse}.pl-product-text{flex:0 0 38%;max-width:38%}.pl-product-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pl-green);margin-bottom:16px}.pl-product-heading{font-size:44px;font-weight:800;line-height:1.1;color:var(--pl-text-heading);letter-spacing:-.025em;margin-bottom:20px}.pl-product-desc{font-size:17px;line-height:1.7;color:var(--pl-text-muted);margin-bottom:28px}.pl-product-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.pl-product-benefits li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--pl-text-body)}.pl-benefit-check{width:20px;height:20px;border-radius:50%;background:var(--pl-green-light);color:var(--pl-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pl-product-visual{flex:0 0 58%;max-width:58%}.pl-app-mock{background:#0f172a;border-radius:var(--pl-radius-lg);overflow:hidden;box-shadow:var(--pl-shadow-mock);display:flex;width:100%}.pl-app-mock{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.pl-app-mock.pl-visible,.pl-hero .pl-app-mock{opacity:1;transform:translateY(0)}.pl-mock-sidebar{width:200px;background:#0f172a;border-right:1px solid rgba(255,255,255,.08);padding:20px 0;flex-shrink:0}.pl-mock-sidebar-brand{display:flex;align-items:center;gap:8px;padding:0 16px 20px;font-weight:700;font-size:14px;color:#f8fafc;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:12px}.pl-mock-sidebar-brand svg{color:var(--pl-green)}.pl-mock-nav-item{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:500;color:#94a3b8;text-decoration:none;transition:all .15s ease;border-left:2px solid transparent}.pl-mock-nav-item--active{color:#f8fafc;background:#ffffff0f;border-left-color:var(--pl-green)}.pl-mock-main{flex:1;background:#111827;padding:24px;min-height:0;overflow:hidden}.pl-mock-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pl-mock-page-title{font-size:18px;font-weight:700;color:#f1f5f9}.pl-mock-btn{padding:6px 14px;background:var(--pl-green);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:default}.pl-mock-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.pl-mock-metric{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px}.pl-mock-metric-label{font-size:11px;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.pl-mock-metric-value{font-size:22px;font-weight:700;color:#f8fafc}.pl-mock-metric-value--green{color:var(--pl-green)}.pl-mock-chart{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:16px;margin-bottom:20px}.pl-mock-chart-label{font-size:12px;font-weight:600;color:#94a3b8;margin-bottom:12px}.pl-mock-table{width:100%;border-collapse:collapse}.pl-mock-table thead th{text-align:left;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.pl-mock-table tbody td{padding:10px 12px;font-size:13px;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.04)}.pl-mock-status{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.pl-mock-status--published{background:#10b98126;color:#34d399}.pl-mock-status--draft{background:#f59e0b26;color:#fbbf24}.pl-mock-activity{list-style:none;padding:0;margin:0}.pl-mock-activity li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;color:#94a3b8}.pl-mock-activity-dot{width:6px;height:6px;border-radius:50%;background:var(--pl-green);flex-shrink:0}.pl-mock-search{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 12px;font-size:12px;color:#64748b}.pl-mock-filter-btn{padding:4px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:11px;font-weight:500;color:#94a3b8;cursor:default}.pl-mock-devices{display:flex;gap:16px;margin-bottom:16px}.pl-mock-device{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8}.pl-mock-device-bar{height:6px;border-radius:3px;background:var(--pl-green)}.pl-mock-seo-score{width:80px;height:80px;border-radius:50%;border:4px solid rgba(255,255,255,.06);border-top-color:var(--pl-green);border-right-color:var(--pl-green);border-bottom-color:var(--pl-green);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--pl-green);margin-bottom:12px;position:relative}.pl-how{padding:120px 0;background:var(--pl-white)}.pl-how-heading{font-size:48px;font-weight:800;color:var(--pl-text-heading);text-align:center;letter-spacing:-.025em;margin-bottom:12px}.pl-how-sub{font-size:18px;color:var(--pl-text-muted);text-align:center;max-width:500px;margin:0 auto 64px;line-height:1.7}.pl-how-steps{display:flex;align-items:flex-start;gap:0;position:relative;max-width:960px;margin:0 auto}.pl-how-step{flex:1;text-align:center;padding:0 24px;position:relative}.pl-how-step-number{width:56px;height:56px;border-radius:50%;background:var(--pl-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;margin:0 auto 20px;position:relative;z-index:2}.pl-how-step h3{font-size:17px;font-weight:700;color:var(--pl-text-heading);margin-bottom:8px;line-height:1.4}.pl-how-step p{font-size:14px;color:var(--pl-text-muted);line-height:1.6}.pl-how-connector{position:absolute;top:28px;left:calc(50% + 40px);right:0;height:2px;background:var(--pl-border);z-index:1}.pl-how-step:last-child .pl-how-connector{display:none}.pl-one-platform{padding:120px 0;background:var(--pl-off-white)}.pl-one-heading{font-size:48px;font-weight:800;color:var(--pl-text-heading);text-align:center;letter-spacing:-.025em;margin-bottom:16px;line-height:1.1}.pl-one-sub{font-size:18px;color:var(--pl-text-muted);text-align:center;max-width:560px;margin:0 auto 64px;line-height:1.7}.pl-ecosystem{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;max-width:900px;margin:0 auto}.pl-eco-node{display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--pl-white);border:1px solid var(--pl-border);border-radius:var(--pl-radius);font-size:15px;font-weight:600;color:var(--pl-text-heading);box-shadow:var(--pl-shadow-sm);transition:all var(--pl-transition)}.pl-eco-node:hover{box-shadow:var(--pl-shadow-md);transform:translateY(-2px)}.pl-eco-arrow{display:flex;align-items:center;color:var(--pl-text-faint)}.pl-eco-center{display:flex;align-items:center;gap:10px;padding:18px 32px;background:linear-gradient(135deg,var(--pl-green),var(--pl-green-dark));border-radius:var(--pl-radius);font-size:16px;font-weight:700;color:#fff;box-shadow:0 6px 24px #10b9814d}.pl-final-cta{padding:120px 0;background:var(--pl-bg-dark);text-align:center}.pl-final-cta-heading{font-size:48px;font-weight:800;color:#f8fafc;line-height:1.1;letter-spacing:-.025em;margin-bottom:20px;max-width:640px;margin-left:auto;margin-right:auto}.pl-final-cta-sub{font-size:18px;color:#94a3b8;max-width:500px;margin:0 auto 40px;line-height:1.7}.pl-btn-cta-light{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:var(--pl-green);color:#fff;border:none;border-radius:var(--pl-radius-sm);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--pl-transition);font-family:var(--pl-font)}.pl-btn-cta-light:hover{background:var(--pl-green-dark);transform:translateY(-2px);box-shadow:0 8px 28px #10b98159}.pl-footer{padding:48px 0;background:var(--pl-white);border-top:1px solid var(--pl-border)}.pl-footer .pl-container{display:flex;align-items:center;justify-content:space-between}.pl-footer-brand{display:flex;flex-direction:column;gap:4px}.pl-footer-name{font-weight:700;font-size:16px;color:var(--pl-text-heading)}.pl-footer-byline{font-size:13px;color:var(--pl-text-muted)}.pl-footer-links{display:flex;align-items:center;gap:28px}.pl-footer-links a{font-size:14px;font-weight:500;color:var(--pl-text-muted);text-decoration:none;transition:color var(--pl-transition)}.pl-footer-links a:hover{color:var(--pl-text-heading)}@keyframes pl-fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pl-hero-text{animation:pl-fadeInUp .8s cubic-bezier(.16,1,.3,1) both}.pl-hero-visual .pl-app-mock{animation:pl-fadeInUp .8s cubic-bezier(.16,1,.3,1) .15s both;opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.pl-hero-text,.pl-hero-visual .pl-app-mock,.pl-app-mock{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}}@media(max-width:1100px){.pl-hero-h1{font-size:52px}.pl-hero .pl-container{gap:40px}.pl-mock-sidebar{width:160px}.pl-product-heading{font-size:38px}.pl-section-heading,.pl-how-heading,.pl-one-heading,.pl-final-cta-heading{font-size:40px}.pl-product .pl-container{gap:40px}.pl-product-text{flex:0 0 40%;max-width:40%}.pl-product-visual{flex:0 0 56%;max-width:56%}}@media(max-width:768px){.pl-nav-links{display:none}.pl-nav-mobile-toggle{display:flex}.pl-hero{padding:48px 0 64px;min-height:auto}.pl-hero .pl-container{flex-direction:column;text-align:center}.pl-hero-text{flex:none;max-width:100%}.pl-hero-eyebrow{justify-content:center}.pl-hero-h1{font-size:42px}.pl-hero-sub{max-width:100%;margin-left:auto;margin-right:auto}.pl-hero-cta{justify-content:center}.pl-hero-visual{flex:none;max-width:100%;width:100%}.pl-mock-sidebar{display:none}.pl-trust-features{flex-wrap:wrap;gap:16px}.pl-values-grid{grid-template-columns:repeat(2,1fr)}.pl-product{padding:80px 0}.pl-product .pl-container,.pl-product--reverse .pl-container{flex-direction:column;text-align:center}.pl-product-text{flex:none;max-width:100%}.pl-product-visual{flex:none;max-width:100%;width:100%}.pl-product-benefits{align-items:center}.pl-product-heading,.pl-section-heading,.pl-how-heading,.pl-one-heading,.pl-final-cta-heading{font-size:34px}.pl-how-steps{flex-direction:column;align-items:center;gap:32px}.pl-how-connector{display:none}.pl-ecosystem{flex-direction:column;align-items:center}.pl-eco-arrow{transform:rotate(90deg)}.pl-footer .pl-container{flex-direction:column;text-align:center;gap:24px}.pl-footer-brand{align-items:center}.pl-values,.pl-how,.pl-one-platform,.pl-final-cta{padding:80px 0}}@media(max-width:480px){:root{--pl-gutter: 20px}.public-landing{--pl-gutter: 20px}.pl-hero-h1{font-size:34px}.pl-hero-sub{font-size:16px}.pl-section-heading,.pl-how-heading,.pl-one-heading,.pl-final-cta-heading,.pl-product-heading{font-size:28px}.pl-values-grid{grid-template-columns:1fr}.pl-hero-cta{flex-direction:column;width:100%}.pl-btn-primary,.pl-btn-secondary{width:100%;justify-content:center}.pl-mock-metrics{grid-template-columns:repeat(2,1fr)}.pl-trust-features{flex-direction:column;gap:8px}.pl-trust-dot{display:none}.pl-footer-links{flex-wrap:wrap;justify-content:center;gap:16px}}.pl-product-preview{--preview-bg: #0c0d10;--preview-panel: #141519;--preview-border: rgba(255,255,255,.08);--preview-text: #fafafa;--preview-muted: #a1a1aa;display:flex;width:100%;min-height:410px;overflow:hidden;color:var(--preview-text);background:var(--preview-bg);border:1px solid rgba(15,23,42,.24);border-radius:12px;box-shadow:0 24px 50px -24px #0f172a7a;font-family:var(--pl-font);text-align:left}.pl-preview-sidebar{width:180px;flex:0 0 180px;padding:18px 10px;background:#0c0d11;border-right:1px solid var(--preview-border);display:flex;flex-direction:column}.pl-preview-brand{display:flex;align-items:center;gap:7px;padding:0 8px 17px;font-size:12px;font-weight:700}.pl-preview-brand-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;color:#38bdf8;background:#38bdf81f}.pl-preview-site{display:grid;grid-template-columns:14px 1fr;gap:5px;padding:10px 8px;margin-bottom:15px;color:#e4e4e7;font-size:10px;border:1px solid var(--preview-border);border-radius:6px}.pl-preview-site small{grid-column:2;color:#71717a;font-size:8px}.pl-preview-nav{display:flex;flex-direction:column;gap:2px}.pl-preview-nav-group{margin:11px 8px 4px;color:#52525b;font-size:8px;font-weight:700;letter-spacing:.09em}.pl-preview-nav-link{display:flex;align-items:center;gap:7px;padding:7px 8px;color:#a1a1aa;font-size:10px;border-radius:5px}.pl-preview-nav-link.is-active{color:#fafafa;background:#222227;box-shadow:inset 2px 0 #38bdf8}.pl-preview-nav-link b{margin-left:auto;padding:1px 4px;font-size:8px;color:#38bdf8;background:#38bdf81f;border-radius:999px}.pl-preview-sidebar-footer{display:flex;gap:6px;align-items:center;margin-top:auto;padding:8px;color:#71717a;font-size:9px;border-top:1px solid var(--preview-border)}.pl-preview-avatar,.pl-preview-lead>b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#27272a;color:#d4d4d8;font-size:8px}.pl-preview-canvas{flex:1;min-width:0;padding:22px;overflow:hidden;background:#0e0e11}.pl-preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px}.pl-preview-header h3{margin:0 0 4px;color:#fafafa;font-size:17px;letter-spacing:-.03em}.pl-preview-header p,.pl-preview-card header p{margin:0;color:#71717a;font-size:9px}.pl-preview-live{display:inline-flex;align-items:center;gap:4px;margin-left:5px;padding:2px 5px;color:#34d399;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:99px;font-size:8px;vertical-align:middle}.pl-preview-live i{width:4px;height:4px;border-radius:50%;background:#10b981}.pl-preview-outline-btn,.pl-preview-primary-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--preview-border);border-radius:5px;color:#d4d4d8;font-size:9px;white-space:nowrap}.pl-preview-primary-btn{color:#082f49;background:#38bdf8;border-color:#38bdf8;font-weight:700}.pl-preview-metric-shelf{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px;background:var(--preview-panel);border:1px solid var(--preview-border);border-radius:7px}.pl-preview-metric-shelf>div{min-width:0;padding:11px;border-right:1px solid var(--preview-border)}.pl-preview-metric-shelf>div:last-child{border:0}.pl-preview-metric-shelf small{display:block;color:#71717a;font-size:8px;line-height:1.25}.pl-preview-metric-shelf strong{display:block;margin:5px 0 2px;font-size:16px;letter-spacing:-.04em}.pl-preview-two-up{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pl-preview-card{overflow:hidden;background:var(--preview-panel);border:1px solid var(--preview-border);border-radius:7px}.pl-preview-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:7px;padding:12px;border-bottom:1px solid var(--preview-border)}.pl-preview-card h4{display:flex;align-items:center;gap:5px;margin:0;font-size:10px;color:#fafafa}.pl-preview-card header>span{display:flex;align-items:center;gap:3px;color:#38bdf8;font-size:8px}.pl-preview-lead{display:flex;gap:8px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.pl-preview-lead p{display:grid;gap:2px;margin:0}.pl-preview-lead strong{font-size:9px}.pl-preview-lead small{color:#71717a;font-size:8px}.pl-preview-performance{display:grid;gap:0}.pl-preview-performance span{display:grid;grid-template-columns:1fr auto;gap:2px;padding:9px 12px;color:#a1a1aa;font-size:9px;border-bottom:1px solid rgba(255,255,255,.05)}.pl-preview-performance b{color:#fafafa;font-size:10px}.pl-preview-performance b.is-good{color:#34d399}.pl-preview-performance small{grid-column:1/-1;color:#71717a;font-size:8px}.pl-preview-actions{display:flex;gap:8px;margin-top:12px}.pl-preview-actions span{display:flex;align-items:center;gap:5px;padding:8px 10px;flex:1;color:#d4d4d8;background:#18181b;border:1px solid var(--preview-border);border-radius:6px;font-size:9px}.pl-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.pl-preview-pills{display:flex;gap:4px}.pl-preview-pills span{padding:5px 7px;color:#71717a;font-size:8px;border:1px solid var(--preview-border);border-radius:5px}.pl-preview-pills span.is-active{color:#fafafa;background:#222227}.pl-preview-pills b{color:#38bdf8}.pl-preview-search{display:flex;align-items:center;gap:5px;min-width:150px;padding:6px 8px;color:#71717a;border:1px solid var(--preview-border);border-radius:5px;font-size:8px}.pl-preview-table-card table{width:100%;border-collapse:collapse}.pl-preview-table-card th{padding:8px 12px;color:#71717a;text-align:left;font-size:7px;letter-spacing:.06em}.pl-preview-table-card td{padding:9px 12px;color:#a1a1aa;font-size:9px;border-top:1px solid rgba(255,255,255,.05)}.pl-preview-table-card td strong,.pl-preview-table-card td small{display:block}.pl-preview-table-card td strong{color:#e4e4e7;font-size:9px}.pl-preview-table-card td small{margin-top:2px;color:#71717a;font-size:8px}.pl-preview-status,.pl-preview-rank{display:inline-block;padding:2px 5px;border-radius:4px;font-size:8px;font-style:normal}.pl-preview-status.live{color:#34d399;background:#10b9811a}.pl-preview-status.draft{color:#fbbf24;background:#f59e0b1a}.pl-preview-rank{color:#7dd3fc;background:#38bdf81a}.pl-preview-rank.muted{color:#a1a1aa}.pl-preview-chart{margin-bottom:12px}.pl-preview-chart svg{display:block;width:100%;height:95px;padding:8px 12px 0}.pl-preview-device{display:grid;grid-template-columns:16px 48px 1fr 26px;gap:5px;align-items:center;padding:8px 12px;color:#a1a1aa;font-size:8px}.pl-preview-device i{height:4px;overflow:hidden;background:#27272a;border-radius:99px}.pl-preview-device i b{display:block;height:100%;background:#38bdf8;border-radius:99px}.pl-preview-device strong{color:#d4d4d8;font-size:8px}.pl-preview-top-pages>span{display:flex;justify-content:space-between;padding:9px 12px;color:#d4d4d8;font-size:9px;border-bottom:1px solid rgba(255,255,255,.05)}.pl-preview-top-pages em{color:#71717a;font-size:8px;font-style:normal}.pl-preview-serp{margin-bottom:12px}.pl-preview-serp>div{display:flex;height:22px;overflow:hidden}.pl-preview-serp>div span{display:grid;place-items:center;color:#082f49;background:#38bdf8;border-right:1px solid rgba(8,47,73,.15);font-size:7px;white-space:nowrap}.pl-preview-serp>div span:nth-child(2){background:#60a5fa}.pl-preview-serp>div span:nth-child(3){background:#93c5fd}.pl-preview-serp>div span:nth-child(4){background:#dbeafe}@media(max-width:768px){.pl-preview-sidebar{width:132px;flex-basis:132px;padding:13px 7px}.pl-preview-canvas{padding:15px}.pl-preview-site small,.pl-preview-sidebar-footer,.pl-preview-nav-group{display:none}.pl-preview-site{margin:0 0 8px}.pl-preview-nav-link{padding:6px}.pl-preview-header h3{font-size:14px}.pl-preview-metric-shelf>div{padding:8px}.pl-preview-metric-shelf strong{font-size:13px}.pl-preview-two-up{gap:8px}}@media(max-width:480px){.pl-product-preview{min-height:310px}.pl-preview-sidebar{display:none}.pl-preview-canvas{padding:13px}.pl-preview-header{margin-bottom:11px}.pl-preview-header p,.pl-preview-outline-btn{display:none}.pl-preview-metric-shelf{grid-template-columns:repeat(2,1fr)}.pl-preview-metric-shelf>div:nth-child(2){border-right:0}.pl-preview-metric-shelf>div:nth-child(-n+2){border-bottom:1px solid var(--preview-border)}.pl-preview-two-up{grid-template-columns:1fr}.pl-preview-two-up>section:nth-child(2),.pl-preview-actions,.pl-preview-toolbar .pl-preview-search,.pl-preview-table-card tbody tr:nth-child(n+3){display:none}.pl-preview-table-card th,.pl-preview-table-card td{padding:7px}.pl-preview-pills span:not(.is-active){display:none}}.public-landing{--pl-gutter: clamp(24px, 4vw, 48px);background:#fff}.pl-container{max-width:1320px}.pl-nav{height:70px;border-bottom:1px solid #e7e9ed;background:#fffffff0}.pl-nav .pl-container{height:100%;display:flex;align-items:center}.pl-nav-brand{gap:10px;font-size:16px;letter-spacing:-.025em}.pl-nav-brand-icon{width:30px;height:30px;border-radius:8px;background:#e9fbf3;color:#059669}.pl-nav-links{margin-left:auto;margin-right:30px;gap:28px}.pl-nav-links a{font-size:14px;font-weight:600;color:#525866}.pl-nav-links a:hover{color:#111827}.pl-nav-login{padding:9px 17px;border-radius:7px;border:1px solid #d9dde4;font-size:14px;font-weight:650;color:#1d2430;background:#fff}.pl-nav-login:hover{border-color:#9da5b3;box-shadow:0 2px 8px #0f172a14}.pl-hero{position:relative;min-height:720px;padding:104px 0 88px;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fafb)}.pl-hero:after{content:"";position:absolute;right:-120px;top:92px;width:620px;height:450px;background:radial-gradient(ellipse,rgba(16,185,129,.09),transparent 68%);pointer-events:none}.pl-hero .pl-container{position:relative;z-index:1;align-items:center;gap:clamp(42px,5vw,80px)}.pl-hero-text{flex-basis:41%;max-width:495px}.pl-hero-eyebrow{margin-bottom:19px;color:#059669;font-size:12px;letter-spacing:.11em}.pl-hero-h1{font-size:clamp(56px,5.1vw,72px);line-height:.99;letter-spacing:-.058em;margin-bottom:24px}.pl-hero-sub{font-size:18px;line-height:1.62;max-width:460px;color:#5d6675;margin-bottom:32px}.pl-btn-primary,.pl-btn-secondary{padding:13px 20px;border-radius:7px;font-size:14px}.pl-btn-primary{background:#059669;box-shadow:0 7px 18px #05966929}.pl-btn-primary:hover{background:#047857;box-shadow:0 10px 24px #05966938}.pl-hero-visual{position:relative;flex-basis:59%;max-width:760px}.pl-hero-visual .pl-product-preview{transform:perspective(1600px) rotateY(-2deg) rotateX(1deg);transform-origin:center;box-shadow:0 30px 55px -28px #0f172a75,0 0 0 1px #0f172a14}.pl-hero-visual .pl-product-preview:hover{transform:perspective(1600px) rotateY(-1deg) translateY(-3px)}.pl-trust{position:relative;padding:21px 0;border-color:#e7e9ed;background:#fff}.pl-trust .pl-container{display:flex;align-items:center;justify-content:center;gap:30px}.pl-trust-label{margin:0;font-size:11px;letter-spacing:.1em;color:#737b89}.pl-trust-features{gap:0;border-left:1px solid #e5e7eb}.pl-trust-features span:not(.pl-trust-dot){padding:3px 20px;border-right:1px solid #e5e7eb;color:#343b48;font-size:13px}.pl-trust-features svg{color:#059669;width:15px}.pl-trust-dot{display:none!important}.pl-values{padding:108px 0 94px;background:#f7f9fa}.pl-section-eyebrow{margin-bottom:14px;font-size:12px;letter-spacing:.11em;color:#059669}.pl-section-heading{font-size:clamp(38px,3.7vw,50px);line-height:1.05;letter-spacing:-.045em;margin-bottom:17px}.pl-section-sub{max-width:610px;margin-bottom:52px;font-size:17px}.pl-values-grid{gap:0;border-top:1px solid #dfe4e8;border-bottom:1px solid #dfe4e8}.pl-value-card{padding:25px 28px 27px;border:0;border-radius:0;border-right:1px solid #dfe4e8;background:transparent}.pl-value-card:last-child{border-right:0}.pl-value-card:hover{transform:none;border-color:#dfe4e8;box-shadow:none;background:#ffffff94}.pl-value-icon{width:36px;height:36px;margin-bottom:17px;border-radius:8px}.pl-value-card h3{font-size:17px;margin-bottom:7px}.pl-value-card p{font-size:14px;line-height:1.6}.pl-product{padding:112px 0;border-top:1px solid rgba(226,232,240,.65)}.pl-product--alt{background:#f8fafb}.pl-product .pl-container{gap:clamp(46px,6vw,96px)}.pl-product-text{flex-basis:40%;max-width:475px}.pl-product-visual{flex-basis:60%;max-width:700px}.pl-product-visual .pl-product-preview{transition:transform .25s ease,box-shadow .25s ease}.pl-product-visual .pl-product-preview:hover{transform:translateY(-4px);box-shadow:0 24px 46px -26px #0f172a7a}.pl-product-heading{font-size:clamp(40px,3.5vw,48px);line-height:1.07;letter-spacing:-.045em;margin-bottom:19px}.pl-product-desc{font-size:17px;line-height:1.66;margin-bottom:27px}.pl-product-benefits{gap:13px}.pl-product-benefits li{font-size:15px}.pl-benefit-check{width:21px;height:21px;background:#e9fbf3;color:#059669}.pl-how{padding:118px 0 130px;background:#fff}.pl-how .pl-section-eyebrow{text-align:center}.pl-how-heading{font-size:clamp(40px,3.6vw,50px);letter-spacing:-.045em;margin-bottom:14px}.pl-how-sub{margin-bottom:72px;font-size:17px}.pl-how-steps{max-width:1120px;gap:0}.pl-how-step{padding:0 44px;text-align:left}.pl-how-step-number{width:auto;height:auto;background:transparent;color:#059669;font-size:45px;letter-spacing:-.06em;line-height:1;margin:0 0 20px;justify-content:flex-start}.pl-how-step h3{font-size:18px;line-height:1.35;margin-bottom:10px}.pl-how-step p{font-size:14px}.pl-how-connector{top:23px;left:calc(50% + 32px);background:#d9e0e3}.pl-one-platform{padding:112px 0 120px;background:#f7f9fa}.pl-one-heading{font-size:clamp(40px,3.6vw,50px);letter-spacing:-.045em}.pl-one-sub{font-size:17px;margin-bottom:52px}.pl-ecosystem{display:grid;grid-template-columns:1fr 1fr 1.45fr;grid-template-rows:repeat(2,70px);gap:16px 25px;max-width:740px}.pl-eco-node{justify-content:center;padding:0 18px;border-radius:8px;box-shadow:none;background:#fff;font-size:14px}.pl-eco-node--content{grid-area:1/1}.pl-eco-node--leads{grid-area:2/1}.pl-eco-node--analytics{grid-area:1/2}.pl-eco-node--seo{grid-area:2/2}.pl-eco-center{grid-area:1/3/3/4;justify-content:center;border-radius:10px;background:#111827;box-shadow:0 14px 28px -18px #0f172a66}.pl-eco-arrow{display:none}.pl-final-cta{padding:96px 0;background:#fff}.pl-final-cta-panel{position:relative;overflow:hidden;padding:88px 44px;border-radius:16px;background:#10151e;box-shadow:0 22px 44px -28px #0f172a8c}.pl-final-cta-panel:after{content:"";position:absolute;inset:auto -100px -210px auto;width:520px;height:400px;border:1px solid rgba(56,189,248,.13);border-radius:50%;box-shadow:0 0 0 40px #10b98109,0 0 0 80px #38bdf806}.pl-final-cta-eyebrow{position:relative;z-index:1;color:#6ee7b7;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:700;margin:0 0 16px}.pl-final-cta-heading{position:relative;z-index:1;font-size:clamp(38px,4vw,52px);letter-spacing:-.05em;margin-bottom:17px}.pl-final-cta-sub{position:relative;z-index:1;font-size:17px;margin-bottom:31px}.pl-btn-cta-light{position:relative;z-index:1;padding:14px 21px;border-radius:7px;background:#10b981;font-size:14px}.pl-footer{padding:44px 0;background:#fff}.pl-footer-name{font-size:15px}.pl-footer-byline{font-size:13px}.pl-footer-links{gap:25px}.pl-footer-links a{font-size:13px}@media(max-width:1024px){.pl-hero{min-height:650px;padding:84px 0 72px}.pl-hero .pl-container{gap:34px}.pl-hero-h1{font-size:54px}.pl-hero-visual .pl-product-preview{transform:none}.pl-product .pl-container{gap:42px}.pl-product{padding:90px 0}.pl-product-text{flex-basis:42%}.pl-product-visual{flex-basis:58%}.pl-how-step{padding:0 28px}}@media(max-width:768px){.pl-nav{height:66px}.pl-nav-login{margin-left:auto;margin-right:12px}.pl-hero{min-height:0;padding:72px 0 60px}.pl-hero-text{max-width:600px}.pl-hero-h1{font-size:52px}.pl-hero-visual{max-width:680px}.pl-trust .pl-container{flex-direction:column;gap:13px}.pl-trust-features{border-left:0}.pl-values{padding:80px 0}.pl-values-grid{grid-template-columns:repeat(2,1fr)}.pl-value-card:nth-child(2){border-right:0}.pl-value-card:nth-child(-n+2){border-bottom:1px solid #dfe4e8}.pl-product .pl-container,.pl-product--reverse .pl-container{gap:36px}.pl-product-text{max-width:620px}.pl-product-visual{max-width:680px}.pl-how{padding:85px 0}.pl-how-steps{gap:34px}.pl-how-step{padding:0;text-align:center}.pl-how-step-number{justify-content:center}.pl-one-platform{padding:82px 0}.pl-final-cta{padding:70px 0}}@media(max-width:480px){.pl-nav-brand{font-size:15px}.pl-nav-mobile-toggle{margin-left:0}.pl-nav-login{padding:8px 13px}.pl-hero{padding:54px 0 45px}.pl-hero-h1{font-size:42px}.pl-hero-sub{font-size:16px}.pl-hero-cta{gap:9px}.pl-trust{padding:18px 0}.pl-trust-features{width:100%;justify-content:center;flex-wrap:wrap}.pl-trust-features span:not(.pl-trust-dot){padding:5px 10px;font-size:12px}.pl-values-grid{grid-template-columns:1fr}.pl-value-card,.pl-value-card:nth-child(2){border-right:0;border-bottom:1px solid #dfe4e8}.pl-value-card:last-child{border-bottom:0}.pl-product{padding:70px 0}.pl-product-heading{font-size:36px}.pl-product-desc{font-size:16px}.pl-how-heading,.pl-one-heading{font-size:36px}.pl-how-sub{font-size:16px;margin-bottom:45px}.pl-how-step-number{font-size:38px}.pl-ecosystem{grid-template-columns:1fr 1fr;grid-template-rows:58px 58px 72px;gap:10px}.pl-eco-center{grid-area:3/1/4/3}.pl-eco-node{font-size:12px}.pl-final-cta-panel{padding:56px 23px;border-radius:12px}.pl-final-cta-heading{font-size:35px}.pl-final-cta-sub{font-size:16px}.pl-footer{padding:35px 0}}.public-landing{--pl-ink:#0c0d10;--pl-zinc:#141519;--pl-rule:#dfe3e8;--pl-cyan:#38bdf8;color:#20242d}.pl-hero{background:#fbfcfc}.pl-hero:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#dfe3e8}.pl-hero:after{width:760px;height:620px;right:-230px;top:28px;background:radial-gradient(ellipse,rgba(56,189,248,.075),transparent 65%)}.pl-hero-text{position:relative;z-index:2}.pl-hero-eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:750}.pl-hero-eyebrow:before{content:"";width:24px;height:1px;background:#10b981}.pl-hero-h1{font-weight:760;color:#10131a}.pl-hero-sub{color:#5d6470}.pl-hero-visual{z-index:2}.pl-hero-visual:before{content:"";position:absolute;top:18px;right:-18px;bottom:-16px;left:18px;border:1px solid rgba(56,189,248,.18);border-radius:12px;z-index:-1}.pl-hero-visual .pl-product-preview{min-height:505px;border-radius:10px}.pl-trust{background:#fcfdfd}.pl-trust-label{font-weight:750;color:#596271}.pl-trust-features span:not(.pl-trust-dot){color:#343b47;font-weight:650}.pl-values{position:relative;padding-top:96px;background:#fff}.pl-values:before{content:"";position:absolute;left:0;top:0;width:100%;height:210px;background:#f4f7f8;z-index:0}.pl-values .pl-container{position:relative;z-index:1}.pl-section-heading{max-width:760px;margin-left:auto;margin-right:auto}.pl-values-grid{background:#fff;box-shadow:0 18px 35px -34px #0f172a99}.pl-value-card{min-height:174px}.pl-value-card:hover{background:#f8fbfb}.pl-value-card h3{color:#171b23}.pl-value-card p{color:#697180}.pl-product{padding:clamp(78px,9vw,142px) 0}.pl-product .pl-container{align-items:center}.pl-product-text{position:relative}.pl-product-text:before{content:"";position:absolute;left:-20px;top:3px;width:2px;height:50px;background:#10b981}.pl-product-eyebrow{font-size:11px;font-weight:750}.pl-product-heading{font-weight:750;color:#11151d}.pl-product-desc{color:#5f6877;max-width:440px}.pl-product-benefits li{color:#384150}.pl-product-visual .pl-product-preview{border-radius:9px}.pl-product--content .pl-product-visual{transform:translateY(20px)}.pl-product--content .pl-product-preview{min-height:455px}.pl-product--leads .pl-product-visual{transform:translateY(-24px)}.pl-product--leads .pl-product-preview{min-height:480px}.pl-product--analytics{background:#101318;color:#fff;overflow:hidden}.pl-product--analytics .pl-product-heading,.pl-product--analytics .pl-product-eyebrow,.pl-product--analytics .pl-product-benefits li{color:#f7fafc}.pl-product--analytics .pl-product-eyebrow{color:#6ee7b7}.pl-product--analytics .pl-product-desc{color:#a9b1bd}.pl-product--analytics .pl-product-text:before{background:#38bdf8}.pl-product--analytics .pl-benefit-check{background:#38bdf821;color:#38bdf8}.pl-product--analytics .pl-product-visual{transform:scale(1.05);transform-origin:center right}.pl-product--analytics .pl-product-preview{box-shadow:0 25px 60px -30px #000}.pl-product--seo .pl-product-visual{transform:translateY(16px)}.pl-product--seo .pl-product-preview{min-height:500px}.pl-preview-metric-shelf--four strong{font-size:13px}.pl-preview-insight{margin-bottom:12px;padding:10px 12px;border:1px solid rgba(56,189,248,.22);border-radius:7px;background:#38bdf80e}.pl-preview-insight span{display:block;margin-bottom:4px;color:#38bdf8;font-size:7px;font-weight:700;letter-spacing:.08em}.pl-preview-insight p{margin:0;color:#a1a1aa;font-size:9px}.pl-preview-insight b{color:#e4e4e7}.pl-how{position:relative;overflow:hidden;background:#fbfcfc}.pl-how:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#e4e7ea}.pl-how .pl-container{position:relative}.pl-how-steps{position:relative;background:#fff;border-top:1px solid #e1e5e8;border-bottom:1px solid #e1e5e8;padding:42px 0 35px}.pl-how-step{z-index:1}.pl-how-step-number{color:#111820}.pl-how-step:first-child .pl-how-step-number{color:#10b981}.pl-how-step h3{color:#222833}.pl-how-step p{color:#697180}.pl-how-connector{background:#d8dee2}.pl-one-platform{background:#fff}.pl-one-platform .pl-container{position:relative}.pl-one-platform .pl-container:after{content:"";position:absolute;left:50%;bottom:-45px;width:200px;height:1px;background:#dfe4e8;transform:translate(-50%)}.pl-ecosystem{position:relative}.pl-ecosystem:before,.pl-ecosystem:after{content:"";position:absolute;right:30%;width:27%;height:1px;background:#d6dce1;transform-origin:right}.pl-ecosystem:before{top:48px;transform:rotate(18deg)}.pl-ecosystem:after{bottom:48px;transform:rotate(-18deg)}.pl-eco-node{position:relative;z-index:1;color:#3c4655}.pl-eco-center{position:relative;z-index:2;background:#111820}.pl-final-cta{background:#fff}.pl-final-cta-panel{border:1px solid #202936;background:#0c0d10}.pl-final-cta-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#38bdf8 55%,transparent 90%)}.pl-final-cta-heading{max-width:690px}.pl-final-cta-sub{color:#9ca6b4}.pl-btn-cta-light{box-shadow:none}.pl-footer{border-top-color:#e3e6e9}.pl-footer-name{color:#1a202a}@media(max-width:768px){.pl-hero-visual:before{top:10px;right:-8px;bottom:-8px;left:8px}.pl-product--content .pl-product-visual,.pl-product--leads .pl-product-visual,.pl-product--analytics .pl-product-visual,.pl-product--seo .pl-product-visual{transform:none}.pl-product--analytics{padding-top:82px;padding-bottom:82px}.pl-how:before{display:none}.pl-ecosystem:before,.pl-ecosystem:after{display:none}}.public-landing{background:#fdfdfc;color:#14171d}.pl-nav{position:sticky;top:0;z-index:20;height:72px;background:#fdfdfce6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pl-nav-brand{font-weight:760}.pl-nav-brand-icon{background:#10151e;color:#62e3b3;box-shadow:inset 0 0 0 1px #ffffff17}.pl-nav-links a{position:relative}.pl-nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:#111820;transform:scaleX(0);transition:transform .18s ease}.pl-nav-links a:hover:after{transform:scaleX(1)}.pl-hero{min-height:742px;padding:105px 0 72px;background-color:#fdfdfc;background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:48px 48px}.pl-hero:after{display:none}.pl-hero:before{background:#dce1e5}.pl-hero .pl-container{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(560px,1.3fr);gap:clamp(48px,6vw,102px);align-items:center}.pl-hero-text{max-width:490px}.pl-hero-h1{max-width:520px;font-size:clamp(58px,5.2vw,76px);letter-spacing:-.065em;line-height:.94}.pl-hero-sub{font-size:18px;max-width:430px}.pl-hero-visual{max-width:none}.pl-hero-product-stage{position:relative;padding:18px 0 25px 16px}.pl-hero-product-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:16px;border:1px solid #d9e0e5;border-radius:12px;background:#ffffffa6}.pl-hero-visual:before{display:none}.pl-hero-visual .pl-product-preview{position:relative;z-index:1;min-height:510px;transform:none;box-shadow:0 24px 48px -30px #0f172a7a,0 0 0 1px #0c0d1024}.pl-hero-visual .pl-product-preview:hover{transform:translateY(-3px)}.pl-hero-product-label{position:absolute;z-index:2;left:0;bottom:0;display:flex;align-items:center;gap:9px;padding:8px 11px;background:#fff;border:1px solid #d9e0e5;border-radius:6px;box-shadow:0 8px 18px -13px #0f172a47}.pl-hero-product-label span{color:#059669;font-size:8px;font-weight:800;letter-spacing:.09em}.pl-hero-product-label strong{color:#303946;font-size:10px}.pl-trust{padding:0;background:#fff}.pl-trust .pl-container{display:grid;grid-template-columns:1.1fr 3fr;gap:0;align-items:stretch}.pl-trust-label{display:flex;align-items:center;margin:0;padding:25px 0;font-size:10px;letter-spacing:.1em;text-align:left}.pl-trust-features{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #e1e5e8}.pl-trust-features span:not(.pl-trust-dot){display:grid;grid-template-columns:16px 1fr;grid-template-rows:auto auto;column-gap:8px;align-content:center;padding:16px 17px;border-right:1px solid #e1e5e8}.pl-trust-features svg{grid-row:1/3;align-self:center;width:15px;color:#059669}.pl-trust-features b{font-size:12px;color:#20252e}.pl-trust-features small{font-size:9px;color:#7a8390}.pl-values{padding:120px 0 105px;background:#f8f9f9}.pl-values:before{height:100%;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(15,23,42,.035) calc(50% - .5px),rgba(15,23,42,.035) calc(50% + .5px),transparent calc(50% + .5px))}.pl-section-eyebrow{font-weight:800}.pl-values-grid{margin-top:62px;background:transparent;box-shadow:none}.pl-value-card{padding:27px 25px;min-height:185px;background:transparent}.pl-value-card:first-child{padding-left:0}.pl-value-card:last-child{padding-right:0}.pl-value-icon{background:transparent!important;color:#111820!important;width:auto;height:auto;margin-bottom:22px}.pl-value-icon svg{width:20px;height:20px}.pl-value-card:hover{background:#fff6}.pl-product{position:relative;padding:clamp(88px,11vw,160px) 0}.pl-product .pl-container{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(530px,1.28fr);gap:clamp(55px,8vw,138px)}.pl-product--reverse .pl-container{grid-template-columns:minmax(530px,1.28fr) minmax(320px,.72fr)}.pl-product-text,.pl-product-visual{max-width:none}.pl-product-text:before{left:-24px;height:74px}.pl-product-heading{max-width:460px;letter-spacing:-.055em}.pl-product-desc{max-width:400px}.pl-product--content:after,.pl-product--seo:after{content:"";position:absolute;right:0;top:18%;width:19vw;height:1px;background:#dbe1e5}.pl-product--leads:after{content:"";position:absolute;left:0;bottom:20%;width:16vw;height:1px;background:#dbe1e5}.pl-product--analytics .pl-container{grid-template-columns:minmax(290px,.65fr) minmax(570px,1.35fr)}.pl-product--analytics .pl-product-visual{transform:scale(1.075) translate(12px)}.pl-product--analytics .pl-product-preview{border-color:#ffffff24}.pl-product-visual .pl-product-preview{box-shadow:0 28px 50px -36px #0f172a80}.pl-how{padding:128px 0 132px;background:#fff}.pl-how:before{display:none}.pl-how .pl-container{border-top:1px solid #dfe4e8;padding-top:76px}.pl-how-steps{max-width:none;background:transparent;border:0;border-top:1px solid #dfe4e8;border-bottom:1px solid #dfe4e8;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}.pl-how-step{min-height:255px;padding:34px 34px 29px;text-align:left;border-right:1px solid #dfe4e8}.pl-how-step:last-child{border-right:0}.pl-how-step-number{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px;font-size:33px;color:#111820}.pl-how-step-number svg{color:#10b981}.pl-how-step h3{max-width:250px;font-size:17px}.pl-how-connector{display:none}.pl-one-platform--dark{padding:135px 0 145px;background:#0c0d10;overflow:hidden}.pl-one-platform--dark .pl-container{border:0}.pl-one-platform--dark .pl-container:after{display:none}.pl-one-platform--dark .pl-one-heading{color:#f7f8fa}.pl-one-platform--dark .pl-one-sub{color:#9ca5b1}.pl-one-platform--dark .pl-ecosystem{margin-top:65px}.pl-one-platform--dark .pl-ecosystem:before,.pl-one-platform--dark .pl-ecosystem:after{background:#414853}.pl-one-platform--dark .pl-eco-node{background:#15181e;border-color:#2a2e36;color:#e4e7eb}.pl-one-platform--dark .pl-eco-node svg{color:#38bdf8}.pl-one-platform--dark .pl-eco-center{background:#f4f7f8;color:#10151e;box-shadow:0 18px 42px -22px #38bdf859}.pl-one-platform--dark .pl-eco-center svg{color:#059669}.pl-final-cta{padding:0;background:#0c0d10}.pl-final-cta .pl-container{max-width:none;padding:0}.pl-final-cta-panel{min-height:430px;padding:104px max(24px,calc((100vw - 1320px)/2));border:0;border-top:1px solid #252a31;border-radius:0;background:linear-gradient(135deg,#0c0d10,#111820);box-shadow:none}.pl-final-cta-panel:after{opacity:.7}.pl-final-cta-panel:before{height:1px;opacity:.7}.pl-final-cta-heading{font-size:clamp(42px,4.2vw,58px);line-height:1;letter-spacing:-.06em}.pl-footer{background:#0c0d10;border-color:#252a31}.pl-footer-name{color:#f1f5f9}.pl-footer-byline,.pl-footer-links a{color:#929baa}.pl-footer-links a:hover{color:#fff}@media(max-width:1024px){.pl-hero .pl-container{grid-template-columns:minmax(290px,.8fr) minmax(450px,1.2fr);gap:42px}.pl-hero-h1{font-size:56px}.pl-hero-visual .pl-product-preview{min-height:450px}.pl-product .pl-container,.pl-product--reverse .pl-container,.pl-product--analytics .pl-container{gap:46px;grid-template-columns:minmax(280px,.75fr) minmax(440px,1.25fr)}.pl-product--analytics .pl-product-visual{transform:scale(1.02)}.pl-trust .pl-container{grid-template-columns:1fr}.pl-trust-label{justify-content:center;padding:16px}.pl-trust-features{border-top:1px solid #e1e5e8;border-left:0}}@media(max-width:768px){.pl-hero{min-height:auto;padding-top:70px}.pl-hero .pl-container{display:flex;gap:44px}.pl-hero-product-stage{padding:12px 0 18px 10px}.pl-hero-product-label{bottom:0}.pl-trust .pl-container{display:block}.pl-trust-label{display:none}.pl-trust-features{grid-template-columns:repeat(2,1fr)}.pl-trust-features span:not(.pl-trust-dot):nth-child(4){border-right:0}.pl-product .pl-container,.pl-product--reverse .pl-container,.pl-product--analytics .pl-container{display:flex;gap:38px}.pl-product--analytics .pl-product-visual{transform:none}.pl-product-text:before{left:-12px}.pl-how .pl-container{padding-top:65px}.pl-how-steps{grid-template-columns:1fr}.pl-how-step{min-height:0;border-right:0;border-bottom:1px solid #dfe4e8}.pl-how-step:last-child{border-bottom:0}.pl-how-step-number{margin-bottom:24px}.pl-one-platform--dark{padding:95px 0}.pl-final-cta-panel{padding:74px 24px}}@media(max-width:480px){.pl-nav{height:64px}.pl-hero{padding:54px 0 42px;background-size:34px 34px}.pl-hero-h1{font-size:44px}.pl-hero-product-stage{padding-left:5px}.pl-hero-product-stage:before{left:5px}.pl-hero-visual .pl-product-preview{min-height:320px}.pl-hero-product-label{display:none}.pl-trust-features span:not(.pl-trust-dot){padding:13px 11px}.pl-values{padding:78px 0}.pl-values-grid{margin-top:40px}.pl-value-card:first-child,.pl-value-card:last-child{padding-left:20px;padding-right:20px}.pl-product{padding:82px 0}.pl-product-heading{font-size:39px}.pl-product--analytics{padding:88px 0}.pl-how{padding:82px 0}.pl-how .pl-container{padding-top:46px}.pl-how-step{padding:28px 0}.pl-one-platform--dark{padding:82px 0}.pl-final-cta-panel{min-height:0;padding:70px 24px}.pl-final-cta-heading{font-size:40px}.pl-footer .pl-container{align-items:flex-start;text-align:left}.pl-footer-brand{align-items:flex-start}}.pl-hero{min-height:900px;padding:90px 0 76px}.pl-hero .pl-container{display:grid;grid-template-columns:1fr;gap:34px}.pl-hero-text{max-width:690px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.pl-hero-eyebrow{justify-content:center}.pl-hero-h1{max-width:660px;font-size:clamp(60px,5vw,78px)}.pl-hero-sub{max-width:590px}.pl-hero-cta{justify-content:center}.pl-hero-workspace{width:min(100%,510px);margin:28px auto 0;padding:8px 11px 9px;display:grid;gap:7px;text-align:left;background:#ffffffeb;border:1px solid #d9dfe4;border-radius:8px;box-shadow:0 12px 26px -20px #0f172a5c;font-family:var(--font-mono,ui-monospace,monospace);color:#384150;font-size:11px}.pl-hero-workspace-label{display:flex;align-items:center;gap:6px;color:#687280;font-family:var(--pl-font);font-size:8px;font-weight:800;letter-spacing:.09em}.pl-hero-workspace-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b9811f}.pl-hero-visual{width:min(100%,1040px);margin:0 auto}.pl-hero-product-stage{padding:18px 0 25px 16px}.pl-hero-visual .pl-product-preview{min-height:470px}.pl-hero-visual .pl-preview-sidebar{width:198px;flex-basis:198px}.pl-hero-visual .pl-preview-canvas{padding:26px}@media(max-width:768px){.pl-hero{min-height:auto;padding:68px 0 58px}.pl-hero-h1{font-size:52px}.pl-hero-workspace{margin-top:22px}.pl-hero-visual{width:100%}.pl-hero-visual .pl-preview-sidebar{width:132px;flex-basis:132px}.pl-hero-visual .pl-preview-canvas{padding:15px}}@media(max-width:480px){.pl-hero{padding:50px 0 42px}.pl-hero-h1{font-size:43px}.pl-hero-sub{font-size:16px}.pl-hero-workspace{font-size:9px}.pl-hero-visual .pl-product-preview{min-height:320px}}.public-landing{--pl-green:#38bdf8;--pl-green-dark:#0284c7;--pl-green-light:#e0f2fe}.pl-nav-brand-icon{background:#0f172a;color:#38bdf8}.pl-hero-eyebrow,.pl-section-eyebrow,.pl-product-eyebrow{color:#0284c7}.pl-hero-eyebrow:before,.pl-product-text:before{background:#38bdf8}.pl-btn-primary,.pl-btn-cta-light{background:#0284c7;box-shadow:0 9px 22px #0284c72e}.pl-btn-primary:hover,.pl-btn-cta-light:hover{background:#0369a1}.pl-benefit-check{color:#0284c7;background:#e0f2fe}.pl-how-step-number svg,.pl-how-step:first-child .pl-how-step-number{color:#38bdf8}.pl-hero-workspace-dot{background:#38bdf8;box-shadow:0 0 0 3px #38bdf824}.pl-hero-product-label span{color:#0284c7}.pl-final-cta-panel:before{background:linear-gradient(90deg,#38bdf8,#60a5fa 55%,transparent 90%)}.pl-one-platform--dark .pl-eco-center svg{color:#0284c7}.pl-final-cta-eyebrow{color:#38bdf8}.pl-trust .pl-container{grid-template-columns:285px 1fr}.pl-trust-label{font-size:12px;line-height:1.25}.pl-trust-features span:not(.pl-trust-dot){min-height:88px;padding:20px 17px;grid-template-columns:22px 1fr;column-gap:10px}.pl-trust-features svg{width:18px;height:18px;color:#0284c7}.pl-trust-features b{font-size:15px}.pl-trust-features small{margin-top:4px;font-size:11px;line-height:1.25;color:#64748b}.pl-hero-visual{max-width:none;flex-basis:auto}.pl-hero-product-stage,.pl-hero-visual .pl-product-preview{width:100%}.pl-hero:after{display:block;content:"";position:absolute;left:50%;top:115px;width:620px;height:390px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(56,189,248,.12),rgba(96,165,250,.035) 42%,transparent 70%);filter:blur(1px);pointer-events:none;animation:pl-ambient-drift 9s ease-in-out infinite alternate}.pl-hero .pl-container{position:relative;z-index:1}.pl-hero:has(.pl-hero-product-stage)::selection{background:#38bdf838}@keyframes pl-ambient-drift{0%{transform:translate(-53%) translateY(-4px) scale(.96);opacity:.56}to{transform:translate(-47%) translateY(10px) scale(1.05);opacity:1}}@media(max-width:1150px){.pl-product .pl-container,.pl-product--reverse .pl-container,.pl-product--analytics .pl-container{display:flex;flex-direction:column;align-items:stretch;gap:42px}.pl-product--reverse .pl-product-text{order:0}.pl-product--reverse .pl-product-visual{order:1}.pl-product-visual{width:100%}.pl-product--content .pl-product-visual,.pl-product--leads .pl-product-visual,.pl-product--seo .pl-product-visual,.pl-product--analytics .pl-product-visual{transform:none}.pl-product .pl-product-preview{min-height:440px}.pl-product--leads .pl-product-preview{min-height:460px}}.pl-one-platform--dark{padding:100px 0;background:#f5f8fb;color:#111827}.pl-one-platform--dark .pl-one-heading{color:#101827}.pl-one-platform--dark .pl-one-sub{color:#5f6b7a}.pl-one-platform--dark .pl-ecosystem{margin-top:44px;max-width:820px;grid-template-rows:64px 64px}.pl-one-platform--dark .pl-eco-node{background:#fff;border-color:#d6dee7;color:#253040;box-shadow:0 6px 16px -14px #0f172a59}.pl-one-platform--dark .pl-eco-node svg{color:#0284c7}.pl-one-platform--dark .pl-eco-center{background:#101827;color:#f8fafc;box-shadow:0 15px 30px -20px #0284c773}.pl-one-platform--dark .pl-ecosystem:before,.pl-one-platform--dark .pl-ecosystem:after{background:#bfd0df}.pl-final-cta{background:#f5f8fb;padding:72px 0}.pl-final-cta .pl-container{max-width:1320px;padding:0 var(--pl-gutter)}.pl-final-cta-panel{min-height:360px;padding:72px 64px;border:1px solid #1d2a3a;border-radius:12px;background:#101827}.pl-final-cta-heading{max-width:620px;font-size:clamp(38px,4vw,54px)}.pl-final-cta-sub{max-width:560px}.pl-footer{background:#101827;border-color:#263342}.pl-footer-name{color:#f8fafc}.pl-footer-byline,.pl-footer-links a{color:#9fb0c3}@media(prefers-reduced-motion:reduce){.pl-hero:after{animation:none}}@media(max-width:768px){.pl-trust .pl-container{display:block}.pl-trust-label{display:block;padding:20px 0;text-align:center}.pl-trust-features{border-top:1px solid #e1e5e8}.pl-trust-features span:not(.pl-trust-dot){min-height:76px;padding:14px}.pl-trust-features b{font-size:13px}.pl-trust-features small{font-size:10px}.pl-hero:after{width:440px;height:300px;top:150px}.pl-final-cta-panel{padding:54px 34px}}@media(max-width:480px){.pl-trust-label{font-size:11px}.pl-trust-features span:not(.pl-trust-dot){grid-template-columns:18px 1fr;padding:13px 10px}.pl-trust-features svg{width:15px;height:15px}.pl-trust-features b{font-size:12px}.pl-trust-features small{font-size:9px}.pl-product .pl-product-preview,.pl-product--leads .pl-product-preview{min-height:320px}.pl-final-cta{padding:45px 0}.pl-final-cta .pl-container{padding:0 20px}.pl-final-cta-panel{padding:48px 24px}}.pl-trust .pl-container{align-items:stretch}.pl-trust-label{justify-content:center;text-align:center}.pl-trust-features span:not(.pl-trust-dot){justify-items:center;text-align:center}.pl-trust-features svg{align-self:center}.pl-trust-features b,.pl-trust-features small{text-align:center}.pl-value-card{display:flex;flex-direction:column;align-items:center;text-align:center}.pl-value-icon{display:none}.pl-value-card h3{margin-top:0}.pl-one-platform--dark{padding:112px 0;background:#eef4fa}.pl-one-platform--dark .pl-container{max-width:1060px}.pl-one-intro{max-width:670px;margin:0 auto 48px;text-align:center}.pl-one-platform--dark .pl-section-eyebrow{margin-bottom:14px;color:#0284c7}.pl-one-platform--dark .pl-one-heading{margin:0;color:#111827;font-size:clamp(38px,4vw,52px);letter-spacing:-.052em;line-height:1.02}.pl-one-platform--dark .pl-one-sub{max-width:580px;margin:18px auto 0;color:#5d6979;font-size:17px;line-height:1.6}.pl-platform-panel{overflow:hidden;border:1px solid #d5e0eb;border-radius:12px;background:#fff;box-shadow:0 24px 50px -40px #0f172a70}.pl-platform-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 28px;border-bottom:1px solid #dfe7ef}.pl-platform-panel-head div{display:grid;gap:5px}.pl-platform-panel-head span{color:#0284c7;font-size:10px;font-weight:800;letter-spacing:.11em}.pl-platform-panel-head strong{color:#182230;font-size:18px;letter-spacing:-.025em}.pl-platform-panel-head em{padding:6px 10px;border-radius:999px;color:#0369a1;background:#e0f2fe;font-size:11px;font-style:normal;font-weight:700;white-space:nowrap}.pl-platform-grid{display:grid;grid-template-columns:repeat(4,1fr)}.pl-platform-grid div{min-height:118px;padding:24px 28px;border-right:1px solid #dfe7ef;display:grid;align-content:center;gap:8px}.pl-platform-grid div:last-child{border-right:0}.pl-platform-grid b{color:#182230;font-size:16px}.pl-platform-grid span{color:#64748b;font-size:13px;line-height:1.45}@media(max-width:1400px){.pl-product .pl-container,.pl-product--reverse .pl-container,.pl-product--analytics .pl-container{display:flex;flex-direction:column;align-items:stretch;gap:44px}.pl-product--reverse .pl-product-text{order:0}.pl-product--reverse .pl-product-visual{order:1}.pl-product-visual{width:100%}.pl-product .pl-product-preview,.pl-product--leads .pl-product-preview,.pl-product--seo .pl-product-preview{min-height:500px}}@media(max-width:768px){.pl-platform-panel-head{padding:20px}.pl-platform-grid{grid-template-columns:repeat(2,1fr)}.pl-platform-grid div{min-height:105px;padding:20px;border-bottom:1px solid #dfe7ef}.pl-platform-grid div:nth-child(2){border-right:0}.pl-platform-grid div:nth-child(n+3){border-bottom:0}}@media(max-width:480px){.pl-platform-panel-head{display:block}.pl-platform-panel-head em{display:inline-block;margin-top:14px}.pl-platform-grid{grid-template-columns:1fr}.pl-platform-grid div{min-height:auto;border-right:0;border-bottom:1px solid #dfe7ef!important}.pl-platform-grid div:last-child{border-bottom:0!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-page)}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bg-page: #0c0d10;--bg-sidebar: #0c0d11;--bg-header: #0c0d11;--bg-surface: #0e0e11;--bg-card: #141519;--bg-card-hover: #18191f;--bg-subtle: #18181b;--bg-muted: #222227;--border-subtle: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .07);--border-card-hover: rgba(255, 255, 255, .15);--border-focus: rgba(255, 255, 255, .35);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-faint: #52525b;--live-green: #10b981;--live-green-bg: rgba(16, 185, 129, .1);--live-green-border: rgba(16, 185, 129, .25);--connecting-blue: #3b82f6;--connecting-blue-bg: rgba(59, 130, 246, .1);--connecting-blue-border: rgba(59, 130, 246, .25);--setup-zinc: #a1a1aa;--setup-zinc-bg: rgba(161, 161, 170, .1);--setup-zinc-border: rgba(161, 161, 170, .2);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-md: 0 4px 14px -2px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .08), inset 0 1px 0 0 rgba(255, 255, 255, .08);--shadow-lg: 0 16px 36px -4px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .1), inset 0 1px 0 0 rgba(255, 255, 255, .12);--shadow-card: inset 0 1px 0 0 rgba(255, 255, 255, .09), 0 4px 20px -2px rgba(0, 0, 0, .45);--shadow-card-hover: inset 0 1px 0 0 rgba(255, 255, 255, .14), 0 8px 28px -4px rgba(0, 0, 0, .65);--shadow-glow-cyan: 0 0 20px -3px rgba(56, 189, 248, .35);--shadow-glow-emerald: 0 0 20px -3px rgba(16, 185, 129, .35);--transition: .18s cubic-bezier(.16, 1, .3, 1);--cms-content-max: 1320px;--cms-page-gutter: 28px;--cms-page-gap: 22px}button:active:not(:disabled),.btn:active:not(:disabled),.top-action-btn:active,.btn-publish:active:not(:disabled),.sub-nav-item:active,.rail-icon-btn:active,.article-action-btn:active:not(:disabled),.preset-chip:active,.editor-tool-btn:active{transform:scale(.97)!important}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);line-height:1.5;min-height:100vh;letter-spacing:-.015em;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.app-shell{display:flex;min-height:100vh;background-color:var(--bg-page)}@media(max-width:899px){.app-shell{flex-direction:column}}.app-sidebar{width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:40}@media(max-width:899px){.app-sidebar{display:none}}.sidebar-top{padding:16px 14px;display:flex;flex-direction:column;gap:16px}.sidebar-org-btn{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 10px;cursor:pointer;transition:var(--transition);text-decoration:none;color:inherit}.sidebar-org-btn:hover{background:var(--bg-subtle);border-color:#ffffff26}.sidebar-org-info{display:flex;align-items:center;gap:10px}.sidebar-brand-icon{width:26px;height:26px;border-radius:6px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center}.sidebar-org-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.2}.sidebar-org-plan{font-size:10.5px;color:var(--text-muted)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:var(--transition);cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.sidebar-nav-item:hover{color:var(--text-primary);background:#ffffff0a}.sidebar-nav-item.active{color:#fff;background:#ffffff14;font-weight:600}.nav-item-content{display:flex;align-items:center;gap:10px}.nav-item-badge{font-size:11px;padding:1px 6px;border-radius:10px;background:#ffffff14;color:var(--text-secondary)}.sidebar-bottom{padding:14px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px}.sidebar-cmd-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:6px 10px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;cursor:pointer;transition:var(--transition)}.sidebar-cmd-btn:hover{background:var(--bg-subtle);border-color:#ffffff26;color:var(--text-secondary)}.user-profile-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.user-profile-row:hover{background:#ffffff0a}.user-profile-left{display:flex;align-items:center;gap:10px}.avatar-badge{width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#27272a,#3f3f46);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff}.user-meta{display:flex;flex-direction:column}.user-name{font-size:12.5px;font-weight:500;color:var(--text-primary);line-height:1.2}.user-role{font-size:11px;color:var(--text-muted)}.mobile-header{display:none;position:sticky;top:0;z-index:50;background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);height:52px;padding:0 16px;align-items:center;justify-content:space-between}@media(max-width:899px){.mobile-header{display:flex}}.mobile-header-left{display:flex;align-items:center;gap:12px}.mobile-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-size:14px;font-weight:600}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;display:flex;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer-content{width:280px;height:100%;background:#0d0d10;border-right:1px solid var(--border-card);display:flex;flex-direction:column;justify-content:space-between;padding:16px;animation:slideDrawer .2s cubic-bezier(.16,1,.3,1)}@keyframes slideDrawer{0%{transform:translate(-100%)}to{transform:translate(0)}}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.desktop-topbar{height:52px;border-bottom:1px solid var(--border-subtle);background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30}@media(max-width:899px){.desktop-topbar{display:none}}.breadcrumb-area{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.breadcrumb-link{color:var(--text-muted);text-decoration:none;transition:var(--transition)}.breadcrumb-link:hover{color:var(--text-primary)}.breadcrumb-active{color:var(--text-primary);font-weight:500}.topbar-actions{display:flex;align-items:center;gap:12px}.page-container{max-width:1200px;width:100%;margin:0 auto;padding:28px 24px 64px;box-sizing:border-box}@media(max-width:650px){.page-container{padding:18px 14px 48px}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.page-title-group{min-width:200px;flex:1}.page-title-group h1{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.02em}.page-title-group p{font-size:13px;color:var(--text-muted);line-height:1.4}.primary-add-btn{display:inline-flex;align-items:center;gap:6px;background:#2563eb;color:#fff;font-size:13px;font-weight:500;padding:0 16px;height:32px;border-radius:6px;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:var(--transition);box-shadow:0 2px 8px #2563eb59}.primary-add-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb73}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:24px}.kpi-card{background:#141519;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px 20px;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;justify-content:space-between;transition:var(--transition)}.kpi-card:hover{border-color:#ffffff26;background:#18191f;transform:translateY(-1px)}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kpi-label{font-size:12px;font-weight:500;color:var(--text-muted)}.kpi-icon{color:var(--text-muted)}.kpi-value{font-size:24px;font-weight:600;letter-spacing:-.03em;color:var(--text-primary);line-height:1.1;margin-bottom:4px}.kpi-footnote{font-size:11.5px;color:var(--text-secondary)}.controls-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle);margin-bottom:20px;flex-wrap:wrap}@media(max-width:720px){.controls-strip{flex-direction:column;align-items:stretch}}.controls-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.search-box-wrapper{position:relative;flex:1;min-width:180px}.search-box-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;height:34px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:0 10px 0 32px;color:var(--text-primary);font-size:12.5px;font-family:inherit;transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--border-focus);background:var(--bg-subtle)}.search-input::placeholder{color:var(--text-muted)}.filter-tabs{display:flex;align-items:center;gap:2px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.filter-tab-btn{background:transparent;border:none;color:var(--text-muted);padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:5px;transition:var(--transition)}.filter-tab-btn:hover{color:var(--text-primary)}.filter-tab-btn.active{background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-subtle)}.tab-count{font-size:10.5px;padding:1px 5px;border-radius:10px;background:#ffffff14;color:var(--text-secondary)}.controls-right{display:flex;align-items:center;gap:8px;justify-content:flex-end}.view-toggle-group{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px}.view-btn{background:transparent;border:none;color:var(--text-muted);padding:4px 7px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-subtle);color:var(--text-primary)}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:var(--radius-full);font-size:11px;font-weight:500;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:var(--radius-full)}.status-pill.live{background:var(--live-green-bg);color:var(--live-green);border:1px solid var(--live-green-border)}.status-pill.live .status-dot{background:var(--live-green);box-shadow:0 0 6px #10b98199}.status-pill.connecting{background:var(--connecting-blue-bg);color:var(--connecting-blue);border:1px solid var(--connecting-blue-border)}.status-pill.connecting .status-dot{background:var(--connecting-blue)}.status-pill.setup{background:var(--setup-zinc-bg);color:var(--setup-zinc);border:1px solid var(--setup-zinc-border)}.status-pill.setup .status-dot{background:var(--setup-zinc)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}@media(max-width:480px){.projects-grid{grid-template-columns:1fr}}.project-card{background:#141519;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px 20px;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:var(--transition)}.project-card:hover{border-color:#ffffff26;background:#18191f;transform:translateY(-1px)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:8px}.card-identity{display:flex;align-items:center;gap:10px;min-width:0}.card-favicon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.card-favicon img{width:16px;height:16px;object-fit:contain}.card-titles{display:flex;flex-direction:column;min-width:0}.card-name-row{display:flex;align-items:center;gap:6px;min-width:0}.card-name{font-size:13.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-link-icon{color:var(--text-muted);transition:var(--transition);display:inline-flex;flex-shrink:0}.card-link-icon:hover{color:var(--text-primary)}.card-domain{font-size:11.5px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-bottom:12px}.card-stat-col{display:flex;flex-direction:column}.stat-label{font-size:10.5px;color:var(--text-muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}.stat-val{font-size:13.5px;font-weight:600;color:var(--text-primary)}.stat-val.muted{font-size:12px;font-weight:400;color:var(--text-muted)}.card-bottom{display:flex;align-items:center;justify-content:space-between}.telemetry-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.telemetry-pulse-dot{width:5px;height:5px;border-radius:var(--radius-full)}.manage-btn-link{font-size:12px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:3px;background:transparent;border:none;cursor:pointer;transition:var(--transition)}.project-card:hover .manage-btn-link{color:#fff}.table-container{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.data-table th{padding:10px 14px;font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease,background-color .15s ease}.sortable-th:hover{color:#fff!important;background:#ffffff0a!important}.sortable-th.active-sort{color:#38bdf8!important}.sort-icon-indicator{display:inline-flex;align-items:center;font-size:11px;opacity:.7;transition:opacity .15s ease,transform .15s ease}.sortable-th:hover .sort-icon-indicator,.sortable-th.active-sort .sort-icon-indicator{opacity:1}.data-table td{padding:12px 14px;font-size:12.5px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.table-row{cursor:pointer;transition:var(--transition)}.table-row:hover{background:var(--bg-card-hover)}.table-site-cell{display:flex;align-items:center;gap:10px}.table-site-info{display:flex;flex-direction:column}.table-site-name{font-weight:500;color:var(--text-primary)}.table-site-domain{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.site-selector-bar{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.site-selector-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.site-selector-dropdown{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-weight:500;padding:6px 12px;font-family:inherit;cursor:pointer;outline:none;max-width:100%}.site-selector-dropdown:focus{border-color:var(--border-focus)}.site-selector-right{display:flex;align-items:center;gap:8px}.analytics-layout{display:flex;flex-direction:column;gap:20px}.analytics-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:800px){.analytics-two-col{grid-template-columns:1fr}}.data-breakdown-card{background:#141519;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column}.card-heading-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px;flex-wrap:wrap}.card-heading-row h3{font-size:13.5px;font-weight:600;color:var(--text-primary)}.card-badge{font-size:10.5px;padding:2px 7px;border-radius:4px;background:#ffffff14;color:var(--text-secondary)}.breakdown-table{width:100%;border-collapse:collapse}.breakdown-table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:7px 0;border-bottom:1px solid var(--border-subtle)}.breakdown-table td{padding:9px 0;font-size:12px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.progress-bar-wrap{width:100%;height:5px;background:#ffffff0f;border-radius:999px;overflow:hidden;margin-top:3px}.progress-bar-fill{height:100%;border-radius:999px;background:#fff}.client-takeaways-card{background:#121318;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:20px 22px;box-shadow:inset 0 1px #ffffff0d;position:relative;overflow:hidden}.takeaways-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.takeaways-title-wrap{display:flex;align-items:center;gap:12px}.takeaways-icon-badge{width:36px;height:36px;border-radius:10px;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.takeaways-title{font-size:15px;font-weight:600;color:#fff;margin:0}.takeaways-subtitle{font-size:12px;color:#a1a1aa;margin:2px 0 0}.takeaways-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#34d399;font-size:11px;font-weight:600}.takeaways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:900px){.takeaways-grid{grid-template-columns:1fr}}.takeaway-item{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:all .2s ease}.takeaway-item:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-1px)}.takeaway-item-header{display:flex;align-items:center;gap:8px}.takeaway-bullet-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.takeaway-label{font-size:12px;font-weight:600;color:#fff}.takeaway-text{font-size:12px;color:#a1a1aa;line-height:1.45;margin:0}.takeaway-text strong{color:#f0fdf4;font-weight:600}.traffic-trend-card{background:#141519;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px;box-shadow:inset 0 1px #ffffff0f,var(--shadow-card);display:flex;flex-direction:column;gap:16px}.traffic-trend-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.trend-title-row{display:flex;align-items:center;gap:8px}.traffic-card-title{font-size:14px;font-weight:600;color:#fff;margin:0}.traffic-card-sub{font-size:12px;color:#71717a;margin:2px 0 0}.trend-header-actions{display:flex;align-items:center;gap:10px}.peak-traffic-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:#38bdf81f;border:1px solid rgba(56,189,248,.28);color:#38bdf8;font-size:11px;font-weight:600}.timeframe-toggle{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:2px;gap:2px}.timeframe-btn{background:transparent;border:none;color:#71717a;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease}.timeframe-btn:hover{color:#fff}.timeframe-btn.active{background:#ffffff1a;color:#fff;box-shadow:0 1px 3px #0003}.trend-chart-container{height:150px;width:100%;position:relative;padding-top:10px}.trend-bars-wrapper{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:4px;padding-bottom:20px;position:relative}.trend-bar-column{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;cursor:pointer}.trend-bar-track{width:100%;height:100%;display:flex;align-items:flex-end;background:#ffffff05;border-radius:4px 4px 0 0}.trend-bar-fill{width:100%;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#38bdf8,#0284c7);box-shadow:inset 0 1px #ffffff40;transition:height .3s cubic-bezier(.16,1,.3,1),background .15s ease,box-shadow .15s ease}.trend-bar-fill.hovered{background:linear-gradient(180deg,#7dd3fc,#0369a1);box-shadow:inset 0 1px #fff6,0 0 12px #38bdf899}.trend-bar-label{position:absolute;bottom:0;font-size:10px;color:#71717a;white-space:nowrap;-webkit-user-select:none;user-select:none}.trend-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e2029;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 12px;box-shadow:0 8px 24px #00000080;white-space:nowrap;z-index:20;pointer-events:none;animation:fadeIn .15s ease}.tooltip-date{font-size:11px;color:#a1a1aa;margin-bottom:2px}.tooltip-val{font-size:12px;color:#fff}.tooltip-val strong{color:#38bdf8}.tooltip-sub{font-size:10.5px;color:#71717a;margin-top:2px}.traffic-donut-card{background:#141519;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px;box-shadow:inset 0 1px #ffffff0f,var(--shadow-card);display:flex;flex-direction:column}.donut-header-title{display:flex;align-items:center;gap:8px}.donut-header-title h3{font-size:13.5px;font-weight:600;color:#fff;margin:0}.donut-content-grid{display:flex;align-items:center;gap:28px;margin-top:14px}@media(max-width:650px){.donut-content-grid{flex-direction:column;align-items:center}}.donut-chart-wrap{width:170px;height:170px;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.donut-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45))}.donut-center-stat{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;padding:10px}.donut-center-value{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.03em;font-family:var(--font-mono, monospace);line-height:1.1;font-variant-numeric:tabular-nums;transition:color .2s ease}.donut-center-label{font-size:10px;color:#a1a1aa;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-top:3px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}.donut-center-sub{font-size:9.5px;color:#71717a;letter-spacing:.02em;margin-top:2px;font-family:var(--font-mono, monospace)}.donut-legend-wrap{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}.legend-channel-row{display:flex;flex-direction:column;gap:4px;padding:6px 10px;border-radius:8px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);transition:all .18s cubic-bezier(.16,1,.3,1);cursor:pointer}.legend-channel-row:hover,.legend-channel-row.active{background:#ffffff0d;border-color:#ffffff1f;transform:translate(2px)}.legend-channel-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.legend-left{display:flex;align-items:center;gap:8px;min-width:0}.legend-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:box-shadow .2s ease,transform .2s ease}.legend-channel-row:hover .legend-swatch,.legend-channel-row.active .legend-swatch{transform:scale(1.25)}.legend-name{font-size:12px;color:#f4f4f5;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.legend-count{font-size:11px;color:#71717a;font-family:var(--font-mono, monospace);font-variant-numeric:tabular-nums}.legend-pct-pill{font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:999px;border:1px solid transparent;min-width:36px;text-align:center;font-variant-numeric:tabular-nums;transition:all .15s ease}.legend-bar-track{width:100%;height:3px;background:#ffffff0d;border-radius:999px;overflow:hidden}.legend-bar-fill{height:100%;border-radius:999px;transition:width .4s ease,opacity .2s ease}.device-breakdown-wrap{display:flex;flex-direction:column;gap:16px;margin-top:10px}.device-segment-track{height:8px;width:100%;border-radius:999px;display:flex;overflow:hidden;gap:2px;background:#ffffff0a}.device-segment-bar{height:100%;border-radius:999px;transition:width .5s ease}.device-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.device-metric-box{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.device-metric-box:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-1px)}.device-box-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.device-box-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.device-box-pct{font-size:15px;font-weight:700;font-family:var(--font-mono)}.device-box-name{font-size:12.5px;font-weight:600;color:#fff}.device-box-sub{font-size:11px;color:#71717a}.device-insight-box{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);font-size:11.5px;color:#a1a1aa}.device-insight-box strong{color:#fff}.page-category-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:600}.page-category-badge.primary{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.page-category-badge.emerald{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.page-category-badge.purple{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.25)}.page-category-badge.amber{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.page-category-badge.neutral{background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.page-share-cell{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.share-pct-text{font-size:11px;color:#a1a1aa;font-family:var(--font-mono)}.page-link-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#a1a1aa;transition:all .15s ease;text-decoration:none}.page-link-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.code-box-container{background:#000;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin:12px 0;overflow:hidden}.code-box-header{padding:7px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--text-muted);gap:8px}.code-box-pre{padding:12px;font-family:var(--font-mono);font-size:11.5px;line-height:1.6;color:#e4e4e7;overflow-x:auto;-webkit-overflow-scrolling:touch}.copy-btn{display:inline-flex;align-items:center;gap:5px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:4px;padding:3px 8px;color:var(--text-primary);font-size:11.5px;cursor:pointer;transition:var(--transition);white-space:nowrap}.copy-btn:hover{background:var(--bg-muted);border-color:#fff3}.seo-layout{display:flex;flex-direction:column;gap:20px}.seo-score-banner{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.seo-score-display{display:flex;align-items:center;gap:16px}.seo-score-number{font-size:42px;font-weight:700;line-height:1;letter-spacing:-.04em}.core-web-vitals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.vitals-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:5px}.vitals-label{font-size:11px;color:var(--text-muted)}.vitals-value{font-size:20px;font-weight:600;color:var(--text-primary)}.vitals-rating{font-size:11px;font-weight:500}.audit-checklist-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:20px}.audit-check-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle);gap:12px}.audit-check-item:last-child{border-bottom:none}.check-item-info{display:flex;align-items:center;gap:10px}.check-item-title{font-size:13px;font-weight:500;color:var(--text-primary)}.check-item-desc{font-size:11.5px;color:var(--text-muted)}.seo-metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.seo-metric-box{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,var(--shadow-card);transition:all .2s cubic-bezier(.16,1,.3,1)}.seo-metric-box:hover{border-color:#ffffff29;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,var(--shadow-card-hover)}.seo-metric-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent}.seo-metric-box.featured:before{background:linear-gradient(90deg,#10b981,#06b6d4)}.seo-metric-header{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--text-muted);font-weight:500}.seo-metric-val{font-size:24px;font-weight:700;letter-spacing:-.03em;color:#fff;margin-top:4px}.seo-metric-sub{font-size:11.5px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.serp-distribution-card{background:#141519;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;box-shadow:inset 0 1px #ffffff0d,var(--shadow-card)}.serp-distribution-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.serp-bar-track{display:flex;height:10px;border-radius:999px;overflow:hidden;background:#ffffff0d;margin-bottom:14px;gap:1px}.serp-legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.serp-legend-item{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-secondary)}.serp-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.serp-legend-dot.p1{background:#10b981}.serp-legend-dot.p2{background:#06b6d4}.serp-legend-dot.p3{background:#3b82f6}.serp-legend-dot.p4{background:#8b5cf6}.serp-legend-dot.p5{background:#71717a}.keywords-card{background:#141519;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;box-shadow:inset 0 1px #ffffff0d,var(--shadow-card)}.keywords-table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:14px}.keywords-table{width:100%;border-collapse:collapse;text-align:left;min-width:620px}.keywords-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:8px 12px;border-bottom:1px solid var(--border-subtle);background:#ffffff04}.keywords-table td{padding:11px 12px;font-size:12.5px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle}.keywords-table tr:hover td{background:#ffffff05}.keyword-main-col{display:flex;flex-direction:column;gap:3px}.keyword-title-row{display:flex;align-items:center;gap:6px;font-weight:500;color:#fff}.keyword-landing-url{font-size:11px;color:#71717a;font-family:var(--font-mono);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;text-decoration:none}.keyword-landing-url:hover{color:#a1a1aa;text-decoration:underline}.competition-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.competition-pill.LOW{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.competition-pill.MEDIUM{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.competition-pill.HIGH{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.cpc-badge{font-family:var(--font-mono);font-size:12px;font-weight:500;color:#e4e4e7}.empty-keywords-banner{padding:32px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted)}.seo-live-badge{display:inline-flex;align-items:center;gap:6px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#10b981;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:500}.seo-live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981cc}.settings-layout{display:flex;flex-direction:column;gap:20px}.settings-card{background:#141519;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:22px;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;gap:16px}.settings-card-header{border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.settings-card-header h2{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.settings-card-header p{font-size:12px;color:var(--text-muted)}.settings-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:650px){.settings-grid-2{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.form-input,.form-select{height:36px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:0 10px;font-size:12.5px;color:var(--text-primary);font-family:inherit;transition:var(--transition);width:100%}.form-input:focus,.form-select:focus{outline:none;border-color:var(--border-focus);background:var(--bg-subtle)}.danger-zone{border-color:#f43f5e40;background:#f43f5e05}.danger-zone .settings-card-header h2{color:#f43f5e}.inspector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:flex-end}.inspector-drawer{width:540px;max-width:100vw;height:100vh;background:#0d0d0f;border-left:1px solid var(--border-card);display:flex;flex-direction:column;box-shadow:-10px 0 40px #000c;animation:slideIn .2s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.inspector-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:10px}.inspector-body{flex:1;overflow-y:auto;padding:20px}.inspector-tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border-subtle);margin-bottom:20px;overflow-x:auto}.inspector-tab-btn{background:transparent;border:none;padding:7px 10px;font-size:12.5px;font-weight:500;color:var(--text-muted);cursor:pointer;position:relative;transition:var(--transition);white-space:nowrap}.inspector-tab-btn:hover{color:var(--text-primary)}.inspector-tab-btn.active{color:#fff}.inspector-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:120;display:flex;align-items:center;justify-content:center;padding:16px}.modal-content{width:460px;max-width:100%;background:#0c0c0e;border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:0 20px 50px #000000e6;overflow:hidden;animation:modalIn .18s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:15px;font-weight:600;color:var(--text-primary)}.modal-form{padding:20px;display:flex;flex-direction:column;gap:14px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;background:#1a1b20;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#8c919c;font-size:12.5px;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn-secondary:hover{color:#fff;background:#22232a;border-color:#ffffff26}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#2563eb;color:#fff;font-size:13px;font-weight:500;padding:0 16px;height:32px;border-radius:6px;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:var(--transition);box-shadow:0 2px 8px #2563eb59;text-decoration:none}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb73}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.nav-icon-btn:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:#ffffff26}.cmd-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:150;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;padding-left:16px;padding-right:16px}.cmd-dialog-content{width:520px;max-width:100%;background:#0c0c0e;border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:0 20px 50px #000000e6;overflow:hidden;animation:modalIn .15s ease-out}.cmd-input-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.cmd-search-input{flex:1;background:transparent;border:none;font-size:14px;color:var(--text-primary);outline:none;font-family:inherit}.cmd-search-input::placeholder{color:var(--text-muted)}.cmd-list{max-height:320px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.cmd-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:6px 8px 4px}.cmd-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--transition)}.cmd-item:hover{background:#ffffff0f;color:#fff}.kbd-badge{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1px 5px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.toast-notice{position:fixed;bottom:20px;right:20px;background:#18181b;border:1px solid rgba(255,255,255,.15);padding:9px 16px;border-radius:var(--radius-sm);color:#fff;font-size:12.5px;font-weight:500;box-shadow:0 10px 30px #000000b3;z-index:200;display:flex;align-items:center;gap:8px;animation:toastIn .2s ease}@keyframes toastIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.rank-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:4px;font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:-.02em}.rank-badge.top-1{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.rank-badge.top-3{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.rank-badge.top-10{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.rank-badge.top-20{background:#a1a1aa26;color:#a1a1aa;border:1px solid rgba(161,161,170,.3)}.serp-distribution-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:#ffffff0d;margin-top:8px;gap:2px}.serp-seg-1{background:#10b981}.serp-seg-2{background:#06b6d4}.serp-seg-3{background:#3b82f6}.serp-seg-4{background:#6366f1}.serp-seg-5{background:#71717a}.spinning{animation:spin .8s linear infinite}.saas-container{display:flex;height:100vh;max-height:100vh;background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden}@media(max-width:899px){.saas-container{height:auto;min-height:100vh;max-height:none;overflow-x:hidden;overflow-y:auto}}.spotlight-sidebar{width:244px;height:100vh;max-height:100vh;background-color:var(--bg-sidebar);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;overflow:hidden;z-index:50;-webkit-user-select:none;user-select:none}@media(max-width:899px){.spotlight-sidebar{display:none;position:fixed;inset:0 auto 0 0;width:280px;z-index:100;box-shadow:8px 0 32px #000c}.spotlight-sidebar.mobile-open{display:flex}}.sidebar-brand-section{padding:16px 14px 12px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:12px}.sidebar-brand-header{display:flex;align-items:center;justify-content:space-between}.brand-identity-row{display:flex;align-items:center;gap:9px;cursor:pointer}.brand-logo-mark{width:24px;height:24px;border-radius:6px;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);display:flex;align-items:center;justify-content:center;color:#38bdf8;flex-shrink:0}.brand-app-name{font-size:13px;font-weight:600;color:#fff;letter-spacing:-.01em}.brand-version-tag{font-size:9.5px;font-weight:700;letter-spacing:.05em;color:#a1a1aa;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:1px 5px;border-radius:4px}.sidebar-back-row{padding-bottom:8px;margin-bottom:2px}.sidebar-back-btn{display:flex;align-items:center;gap:7px;width:100%;padding:6px 10px;border-radius:6px;background:#38bdf80d;border:1px solid rgba(56,189,248,.16);color:#38bdf8;font-size:11.5px;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none}.sidebar-back-btn:hover{background:#38bdf81a;border-color:#38bdf847;color:#7dd3fc;transform:translate(-1px)}.sidebar-site-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;cursor:pointer;transition:all .15s ease;text-align:left}.sidebar-site-btn:hover{background:#ffffff0f;border-color:#ffffff24}.sidebar-site-btn.portfolio-mode{background:#38bdf80a;border-color:#38bdf82e}.sidebar-site-btn.portfolio-mode:hover{background:#38bdf814;border-color:#38bdf847}.portfolio-badge-avatar{width:20px;height:20px;border-radius:5px;background:#38bdf81f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.site-btn-left{display:flex;align-items:center;gap:8px;min-width:0}.site-btn-favicon{width:16px;height:16px;border-radius:3px;flex-shrink:0}.site-btn-text{display:flex;flex-direction:column;min-width:0}.site-btn-name{font-size:12px;font-weight:600;color:#f4f4f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.site-btn-domain{font-size:10.5px;color:#71717a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-site-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#14151a;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 32px #000000b3;padding:6px;z-index:65;display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto}.dropdown-section-title{padding:5px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#52525b}.site-dropdown-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;border:none;background:transparent;color:#f4f4f5;cursor:pointer;width:100%;text-align:left;transition:all .12s ease}.site-dropdown-row:hover{background:#ffffff0d}.site-dropdown-row.active{background:#38bdf814}.btn-add-site-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;border:1px dashed rgba(255,255,255,.15);background:transparent;color:#a1a1aa;font-size:11.5px;cursor:pointer;width:100%;transition:all .15s ease}.btn-add-site-row:hover{background:#ffffff0a;color:#fff;border-color:#ffffff4d}.sidebar-scrollable-nav{flex:1;overflow-y:auto;padding:14px 10px;display:flex;flex-direction:column;gap:20px}.nav-group{display:flex;flex-direction:column;gap:3px}.nav-group-header-row{display:flex;align-items:center;justify-content:space-between;padding:0 8px;margin-bottom:3px}.nav-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #71717a)}.nav-action-micro-btn{background:transparent;border:none;color:#71717a;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.nav-action-micro-btn:hover{color:#fff;background:#ffffff14}.nav-group-items{display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;border-radius:6px;color:#a1a1aa;font-size:12.5px;font-weight:500;background:transparent;border:1px solid transparent;cursor:pointer;width:100%;text-align:left;transition:all .12s ease;position:relative}.sidebar-link-left{display:flex;align-items:center;gap:9px;min-width:0}.sidebar-link-left svg{flex-shrink:0;color:#71717a;transition:color .12s ease}.sidebar-link:hover{color:#fff;background:#ffffff0a}.sidebar-link:hover .sidebar-link-left svg{color:#fff}.sidebar-link.active{color:#fff;background:#ffffff12;font-weight:600;border-color:#ffffff14}.sidebar-link.active .sidebar-link-left svg{color:#38bdf8}.sidebar-link.active:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:0 3px 3px 0;background:#38bdf8}.nav-item-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:#ffffff0f;color:#a1a1aa;border:1px solid rgba(255,255,255,.08)}.sidebar-footer{padding:12px 14px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:10px;background:#00000026}.sidebar-user-block{display:flex;align-items:center;gap:10px}.sidebar-user-meta{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:12px;font-weight:600;color:#f4f4f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.sidebar-user-role{font-size:10px;color:#71717a}.sidebar-status-indicator{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#71717a;padding-top:4px}.status-dot-pulse{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b98199}.saas-workspace{flex:1;display:flex;flex-direction:column;height:100vh;max-height:100vh;min-width:0;overflow:hidden;background-color:var(--bg-page)}@media(max-width:899px){.saas-workspace{height:auto;min-height:100vh;max-height:none;overflow:visible}}.saas-top-bar{height:52px;background:var(--bg-header);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;flex-shrink:0;z-index:45;gap:16px}.top-breadcrumb-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.top-breadcrumb-site{color:#f4f4f5;font-weight:600}.top-breadcrumb-portfolio-link{background:transparent;border:none;color:#38bdf8;font-size:13px;font-weight:500;cursor:pointer;padding:0;display:inline-flex;align-items:center;transition:color .15s ease}.top-breadcrumb-portfolio-link:hover{color:#7dd3fc;text-decoration:underline}.top-breadcrumb-site-name{color:#f4f4f5;font-weight:600}.top-breadcrumb-sep{color:#52525b}.top-breadcrumb-current{color:#a1a1aa}.saas-top-right{display:flex;align-items:center;gap:8px}@media(max-width:640px){.header-cmd-btn,.header-visit-btn{display:none!important}.saas-top-bar{padding:0 12px;gap:8px}.top-breadcrumb-title{font-size:12px;gap:6px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-breadcrumb-site,.top-breadcrumb-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.top-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#a1a1aa;cursor:pointer;transition:all .15s ease;padding:0}.top-action-btn:hover{background:#ffffff14;border-color:#ffffff29;color:#fff}.top-action-btn:active{transform:scale(.96)}.btn-publish{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:6px;background:#fff;color:#09090b;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #0006}.btn-publish:hover:not(:disabled){background:#f4f4f5;box-shadow:0 2px 8px #ffffff26}.btn-publish:disabled{opacity:.6;cursor:not-allowed}.clerk-user-btn-wrap{display:flex;align-items:center;margin-left:4px}.overview-kpi-shelf{display:grid;grid-template-columns:repeat(4,1fr);background:#121318;border:1px solid rgba(255,255,255,.07);border-radius:10px;box-shadow:inset 0 1px #ffffff0f;margin-bottom:22px}@media(max-width:900px){.overview-kpi-shelf{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.overview-kpi-shelf{grid-template-columns:1fr}}.kpi-shelf-cell{padding:18px 20px;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px}.kpi-shelf-cell:last-child{border-right:none}.kpi-shelf-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#71717a}.kpi-shelf-val-row{display:flex;align-items:baseline;gap:8px}.kpi-shelf-number{font-size:26px;font-weight:700;color:#fff;letter-spacing:-.03em;font-family:var(--font-mono);font-variant-numeric:tabular-nums;line-height:1.1}.kpi-shelf-pill{font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:4px}.kpi-shelf-pill.success{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.kpi-shelf-pill.neutral{background:#ffffff0d;color:#a1a1aa;border:1px solid rgba(255,255,255,.08)}.kpi-shelf-sub{font-size:11px;color:#71717a}.saas-canvas{flex:1;height:100%;max-height:100%;padding:24px var(--cms-page-gutter);overflow-y:auto;overflow-x:hidden;min-width:0;background-color:var(--bg-page)}.saas-canvas>:is(.ov-hub,.client-ov-hub,.analytics-layout,.seo-layout,.ai-seo-layout,.image-seo-layout,.settings-layout,.client-access-container,.updates-container,.articles-publisher-container,.client-page-container){width:100%;max-width:var(--cms-content-max);margin-inline:0 auto}.analytics-layout,.seo-layout,.ai-seo-layout,.image-seo-layout,.settings-layout,.client-access-container,.updates-container,.articles-publisher-container{gap:var(--cms-page-gap)}@media(max-width:720px){.saas-canvas{--cms-page-gutter: 16px;padding:16px var(--cms-page-gutter);height:auto;max-height:none;overflow:visible}.analytics-layout,.seo-layout,.ai-seo-layout,.image-seo-layout,.settings-layout,.client-access-container,.updates-container,.articles-publisher-container{gap:18px}}.canvas-breadcrumb-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}.canvas-breadcrumb-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.canvas-page-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.canvas-page-subtext{font-size:12.5px;color:var(--text-secondary)}.canvas-breadcrumb-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.overview-asymmetric-grid{display:grid;grid-template-columns:4.8fr 7.2fr;gap:16px}@media(max-width:1100px){.overview-asymmetric-grid{grid-template-columns:1fr}}.overview-col{display:flex;flex-direction:column;gap:16px}.saas-card{background-color:#141519;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;box-shadow:0 4px 20px #0006;position:relative;display:flex;flex-direction:column}.saas-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.saas-card-title{font-size:14px;font-weight:600;color:#fff}.saas-card-select-btn{background:#1a1b20;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:4px 10px;color:#8c919c;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition)}.saas-card-select-btn:hover{color:#fff;background:#22232a}.gauge-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0 16px;position:relative}.gauge-svg-wrap{position:relative;width:220px;height:125px;display:flex;align-items:center;justify-content:center}.gauge-center-text{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center}.gauge-label{font-size:11px;color:#717682;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.gauge-number-row{display:flex;align-items:baseline;gap:2px}.gauge-number{font-size:40px;font-weight:700;color:#fff;line-height:1}.gauge-total{font-size:12px;color:#717682;font-weight:500}.gauge-pill-badge{margin-top:6px;background:#10b98126;color:#10b981;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;display:inline-block}.sub-scores-section{border-top:1px solid rgba(255,255,255,.06);padding-top:16px;margin-top:8px}.sub-scores-title{font-size:11.5px;color:#717682;font-weight:500;margin-bottom:12px}.sub-scores-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.sub-score-item{display:flex;flex-direction:column;gap:2px}.sub-score-metric{font-size:11px;color:#717682}.sub-score-val{font-size:17px;font-weight:700;color:#fff}.sub-score-status{font-size:11px;font-weight:500}.sub-score-status.good{color:#10b981}.sub-score-status.warning{color:#f59e0b}.gauge-info-banner{background:#151821;border:1px solid rgba(37,99,235,.25);border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:10px;font-size:11.5px;color:#94a3b8;line-height:1.4;margin-bottom:14px}.btn-improve-perf{width:100%;background:#1a1b20;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:9px;color:#fff;font-size:12.5px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition)}.btn-improve-perf:hover{background:#22232a;border-color:#ffffff26}.saas-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:580px){.saas-stats-row{grid-template-columns:1fr}}.saas-stat-top{display:flex;align-items:center;gap:8px;font-size:12px;color:#8c919c;margin-bottom:12px}.stat-icon-wrapper{color:#3b82f6;display:flex;align-items:center}.saas-stat-val-row{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.saas-stat-num{font-size:26px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1}.stat-growth-pill{background:#10b9811f;color:#10b981;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:2px}.saas-stat-sub{font-size:11.5px;color:#717682}.visitors-chart-top{margin-bottom:18px}.visitors-metric-row{display:flex;align-items:baseline;gap:10px}.visitors-metric-val{font-size:26px;font-weight:700;color:#fff;line-height:1}.chart-stage{position:relative;height:175px;width:100%;display:flex;flex-direction:column;justify-content:flex-end;margin-top:14px}.chart-grid-lines{position:absolute;top:0;left:0;right:0;bottom:24px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:1}.chart-grid-line{border-bottom:1px dashed rgba(255,255,255,.07);width:100%;display:flex;align-items:center;justify-content:flex-start}.chart-grid-label{font-size:9.5px;font-family:var(--font-mono);color:#52525b;margin-left:2px;transform:translateY(-8px)}.chart-bars-wrap{position:relative;z-index:2;display:flex;align-items:stretch;justify-content:space-between;height:100%;padding:0 4px 0 26px;gap:3px}.chart-bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;flex:1;cursor:pointer;position:relative;transition:all .15s ease}.chart-bar-track{width:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.chart-bar-fill{width:100%;max-width:22px;min-height:4px;background:linear-gradient(180deg,#3b82f699,#2563eb40);border-top:2px solid #3b82f6;border-radius:3px 3px 0 0;transition:height .3s cubic-bezier(.16,1,.3,1),background .15s ease,box-shadow .15s ease,transform .15s ease}.chart-bar-col:hover .chart-bar-fill,.chart-bar-col.active .chart-bar-fill{background:linear-gradient(180deg,#60a5fa,#2563eb);border-top:2px solid #ffffff;box-shadow:0 0 14px #3b82f6b3;transform:translateY(-2px)}.chart-month-lbl{height:20px;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-family:var(--font-mono);color:#71717a;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color .15s ease}.chart-bar-col:hover .chart-month-lbl,.chart-bar-col.active .chart-month-lbl{color:#fafafa;font-weight:600}.chart-metric-switcher{display:flex;background:#121215;border-radius:6px;padding:2px;border:1px solid rgba(255,255,255,.08)}.chart-metric-btn{padding:2px 8px;font-size:11px;font-weight:500;border-radius:4px;border:none;background:transparent;color:#71717a;cursor:pointer;transition:all .15s ease}.chart-metric-btn.active{background:#27272a;color:#fafafa}.active-bar-tooltip{position:absolute;bottom:calc(100% + 8px);background:#121215;border:1px solid rgba(255,255,255,.15);border-radius:7px;padding:6px 10px;white-space:nowrap;font-size:11px;text-align:center;box-shadow:0 10px 28px #000000d9;z-index:25;pointer-events:none}.active-bar-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#121215 transparent transparent transparent}.top-pages-table{width:100%;border-collapse:collapse}.top-pages-table th{font-size:11px;color:#717682;font-weight:500;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);text-align:right}.top-pages-table th:first-child{text-align:left}.top-pages-table td{padding:11px 0;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.04);color:#a1a1aa;text-align:right}.top-pages-table td:first-child{text-align:left;color:#fff;font-weight:500}.table-url-link{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:4px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:var(--transition)}.table-url-link:hover{color:#3b82f6}.traffic-sources-list{display:flex;flex-direction:column;gap:14px}.traffic-source-item{display:flex;flex-direction:column;gap:4px}.source-item-meta{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.source-item-name{color:#fff;font-weight:500}.source-item-pct{color:#8c919c;font-family:var(--font-mono);font-size:12px}.source-progress-track{height:4px;background:#ffffff0d;border-radius:999px;overflow:hidden}.source-progress-fill{height:100%;background:#2563eb;border-radius:999px}.saas-dropdown-select{background:#16171b;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:4px 8px;color:#fff;font-size:12.5px;font-family:inherit;outline:none;cursor:pointer}.saas-dropdown-select option{background:#16171b;color:#fff}@media(max-width:899px){#mobile-menu-trigger{display:flex!important}}.funnel-timeframe-picker{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:3px;gap:2px}.funnel-tf-btn{background:transparent;border:none;color:#a1a1aa;font-size:12px;font-weight:500;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease}.funnel-tf-btn:hover{color:#fff}.funnel-tf-btn.active{background:#ffffff1a;color:#fff;font-weight:600;box-shadow:0 1px 3px #0003}.funnel-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1080px){.funnel-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.funnel-kpi-grid{grid-template-columns:1fr}}.funnel-kpi-card{background:#0f1015;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;position:relative;box-shadow:inset 0 1px #ffffff0f,var(--shadow-card);transition:all .2s cubic-bezier(.16,1,.3,1)}.funnel-kpi-card:hover{border-color:#ffffff29;background:#13141a;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,var(--shadow-card-hover)}.funnel-kpi-card.highlight-card{border-color:#10b98159;background:linear-gradient(180deg,#10b98114,#0f1015);box-shadow:inset 0 1px #10b98140,0 8px 24px #10b9811f}.kpi-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kpi-label{font-size:12.5px;font-weight:500;color:#a1a1aa}.kpi-icon-wrap{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.kpi-icon-wrap.emerald{background:#10b9811f;color:#10b981}.kpi-icon-wrap.blue{background:#38bdf81f;color:#38bdf8}.kpi-icon-wrap.purple{background:#a855f71f;color:#c084fc}.kpi-icon-wrap.amber{background:#f59e0b1f;color:#fbbf24}.kpi-main-val{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.kpi-number{font-size:26px;font-weight:700;color:#fff;letter-spacing:-.02em}.kpi-pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}.kpi-pill.success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.kpi-pill.neutral{background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.kpi-pill.purple{background:#a855f726;color:#d8b4fe;border:1px solid rgba(168,85,247,.25)}.kpi-pill.amber{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.25)}.kpi-subtext{font-size:12px;color:#71717a;line-height:1.4;margin:0}.funnel-kpi-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}@media(max-width:1024px){.funnel-kpi-shelf{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.funnel-kpi-shelf{grid-template-columns:1fr}}.funnel-shelf-cell{background:#0f1015;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;transition:all .15s ease;position:relative;overflow:hidden}.funnel-shelf-cell:hover{border-color:#ffffff29;background:#13141b}.funnel-shelf-cell.highlight{border-color:#10b9814d;background:linear-gradient(180deg,#10b9810f,#0f1015)}.shelf-cell-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.shelf-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#717682}.shelf-icon-wrap{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center}.shelf-icon-wrap.emerald{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.shelf-icon-wrap.blue{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.shelf-icon-wrap.sky{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.shelf-icon-wrap.purple{background:#a855f71f;color:#c084fc;border:1px solid rgba(168,85,247,.25)}.shelf-metric-row{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.shelf-number{font-size:24px;font-weight:700;color:#fff;font-family:var(--font-mono, monospace);letter-spacing:-.03em;line-height:1}.shelf-tag{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.shelf-tag.success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.shelf-tag.neutral{background:#ffffff0f;color:#a1a1aa;border:1px solid rgba(255,255,255,.08)}.shelf-tag.sky{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.shelf-tag.purple{background:#a855f71f;color:#d8b4fe;border:1px solid rgba(168,85,247,.25)}.shelf-subtext{font-size:11.5px;color:#717682;line-height:1.4;margin-top:auto}.funnel-pipeline-container{background:#0d0e13;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 24px;margin-bottom:24px}.funnel-pipeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.funnel-pipeline-steps{display:flex;align-items:center;gap:8px;width:100%}@media(max-width:1100px){.funnel-pipeline-steps{flex-direction:column;align-items:stretch}}.funnel-step-card{flex:1;background:#14151c;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px 16px 14px;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);position:relative;-webkit-user-select:none;user-select:none}.funnel-step-card:hover{border-color:#fff3;background:#191b24;transform:translateY(-2px)}.funnel-step-card.selected{border-color:#38bdf8;background:#161822;box-shadow:0 0 0 1px #38bdf8,0 8px 24px #38bdf81f}.funnel-step-card.goal.selected{border-color:#10b981;background:#121a17;box-shadow:0 0 0 1px #10b981,0 8px 24px #10b98126}.step-card-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.step-number-badge{font-size:10.5px;font-weight:700;font-family:var(--font-mono, monospace);padding:1px 6px;border-radius:4px;background:#ffffff14;color:#a1a1aa}.step-number-badge.goal{background:#10b98126;color:#34d399}.step-title{font-size:12.5px;font-weight:600;color:#f4f4f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-active-pip{width:6px;height:6px;border-radius:50%;background:#38bdf8;margin-left:auto;box-shadow:0 0 8px #38bdf8}.step-active-pip.goal{background:#10b981;box-shadow:0 0 8px #10b981}.step-primary-metric{font-size:22px;font-weight:700;color:#fff;font-family:var(--font-mono, monospace);letter-spacing:-.02em;line-height:1.1;margin-bottom:3px}.step-metric-label{font-size:11px;color:#717682;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-gauge-track{width:100%;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;margin-bottom:8px}.step-gauge-fill{height:100%;border-radius:3px;transition:width .6s ease}.step-gauge-fill.stage-1{background:linear-gradient(90deg,#0284c7,#38bdf8)}.step-gauge-fill.stage-2{background:linear-gradient(90deg,#2563eb,#60a5fa)}.step-gauge-fill.stage-3{background:linear-gradient(90deg,#7c3aed,#a855f7)}.step-gauge-fill.stage-4{background:linear-gradient(90deg,#059669,#10b981)}.step-footer-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-family:var(--font-mono, monospace)}.funnel-step-bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 4px;min-width:90px;flex-shrink:0}@media(max-width:1100px){.funnel-step-bridge{flex-direction:row;padding:8px 0;gap:12px}}.bridge-drop-pill{font-size:10px;color:#f87171;background:#ef444414;border:1px solid rgba(239,68,68,.2);padding:2px 6px;border-radius:4px;display:flex;flex-direction:column;align-items:center;font-family:var(--font-mono, monospace);line-height:1.2}.bridge-loss-count{font-size:9.5px;color:#ef4444}.bridge-arrow-icon{color:#52525b}.bridge-advance-pill{font-size:10px;color:#38bdf8;background:#38bdf814;border:1px solid rgba(56,189,248,.2);padding:2px 6px;border-radius:4px;white-space:nowrap;font-family:var(--font-mono, monospace)}.bridge-advance-pill.success{color:#34d399;background:#10b98114;border-color:#10b98133}.funnel-inspector-panel{background:#0f1015;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.inspector-nav-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0a0b0e;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:12px}.inspector-tabs-wrap{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.inspector-tab-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:6px;color:#717682;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.inspector-tab-btn:hover{color:#fff;background:#ffffff0a}.inspector-tab-btn.active{color:#fff;background:#181922;border-color:#ffffff1f;font-weight:600}.inspector-search-box{display:flex;align-items:center;gap:6px;background:#14151c;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:4px 10px;width:220px}.inspector-search-box input{background:transparent;border:none;color:#fff;font-size:11.5px;width:100%;outline:none}.inspector-search-box input::placeholder{color:#52525b}.inspector-tab-content{padding:20px}.inspector-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:900px){.inspector-grid-2col{grid-template-columns:1fr}}.inspector-subcard{background:#14151c;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px}.inspector-subcard.full-width{width:100%}.subcard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.inspector-list{display:flex;flex-direction:column;gap:8px}.inspector-row-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#0f1015;border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .12s ease}.inspector-row-item:hover{background:#171822;border-color:#ffffff1a}.row-item-left{display:flex;align-items:center;gap:10px;min-width:0}.item-rank-num{font-size:11px;font-family:var(--font-mono, monospace);color:#717682;width:18px;text-align:center}.item-main-text{display:flex;flex-direction:column;min-width:0}.item-title{font-size:12.5px;font-weight:600;color:#f4f4f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-subtitle{font-size:10.5px;color:#717682;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.item-share-bar-wrap{display:flex;align-items:center;gap:6px}.item-share-bar{width:60px;height:4px;background:#38bdf8;border-radius:2px}.serp-badge{font-size:10.5px;font-weight:700;font-family:var(--font-mono, monospace);padding:2px 6px;border-radius:4px}.serp-badge.top3{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.serp-badge.top10{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.serp-badge.other{background:#ffffff14;color:#a1a1aa}.inspector-table-wrap{width:100%;overflow-x:auto}.inspector-table{width:100%;border-collapse:collapse;font-size:12.5px}.inspector-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#717682;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.inspector-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.inspector-table tr:hover td{background:#ffffff06}.inline-tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:#ffffff14;color:#a1a1aa}.inline-tag.intent{background:#a855f726;color:#d8b4fe;border:1px solid rgba(168,85,247,.25)}.status-pill-subtle{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:4px}.status-pill-subtle.advanced{background:#38bdf81f;color:#38bdf8}.status-pill-subtle.explored{background:#ffffff0f;color:#a1a1aa}.status-pill-subtle.goal{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.lead-avatar-pip{width:26px;height:26px;border-radius:50%;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);color:#38bdf8;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.intent-type-pill{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}.intent-type-pill.high{background:#a855f71f;color:#c084fc}.intent-type-pill.cta{background:#38bdf81f;color:#38bdf8}.badge-telemetry{font-size:10px;font-family:var(--font-mono, monospace);padding:2px 6px;border-radius:4px;background:#ffffff0d;color:#717682}.event-type-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.event-type-dot.intent{background:#a855f7;box-shadow:0 0 6px #a855f780}.event-type-dot.cta{background:#38bdf8;box-shadow:0 0 6px #38bdf880}.dynamic-opportunities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.opportunity-card{background:#14151c;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;display:flex;flex-direction:column;transition:all .15s ease}.opportunity-card:hover{border-color:#ffffff29;background:#171922}.opportunity-card.high{border-left:3px solid #ef4444}.opportunity-card.medium{border-left:3px solid #f59e0b}.opportunity-card.low{border-left:3px solid #38bdf8}.opp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.opp-stage-pill{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:4px}.opp-stage-pill.high{background:#ef444426;color:#f87171}.opp-stage-pill.medium{background:#f59e0b26;color:#fbbf24}.opp-stage-pill.low{background:#38bdf826;color:#38bdf8}.opp-metric-tag{font-size:11px;font-family:var(--font-mono, monospace);color:#a1a1aa}.opp-title{font-size:13.5px;font-weight:600;color:#fff;margin:0 0 6px}.opp-desc{font-size:12px;color:#a1a1aa;margin:0 0 12px;line-height:1.45}.opp-fix-box{background:#38bdf80d;border:1px solid rgba(56,189,248,.12);border-radius:6px;padding:10px;margin-bottom:14px}.opp-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.opp-impact-text{font-size:11px;color:#717682;font-family:var(--font-mono, monospace)}.opp-action-btn{display:inline-flex;align-items:center;gap:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:4px 9px;color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.opp-action-btn:hover{background:#ffffff1f;border-color:#fff3}.simulator-box{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:20px}.simulator-slider-row{margin-bottom:20px}.simulator-pct-badge{font-size:13px;font-weight:700;color:#10b981;background:#10b9811f;padding:3px 10px;border-radius:999px;border:1px solid rgba(16,185,129,.25)}.simulator-range{width:100%;height:6px;background:#ffffff1a;border-radius:4px;outline:none;cursor:pointer;accent-color:#10b981}.simulator-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.sim-result-card{background:#0b0c10;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px;display:flex;flex-direction:column}.sim-label{font-size:11.5px;color:#a1a1aa;margin-bottom:6px}.sim-number{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:2px}.sim-sub{font-size:11px;color:#71717a}.sim-cta-wrap{margin-top:10px}.experiments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;margin-top:16px}@media(max-width:600px){.experiments-grid{grid-template-columns:1fr}}.experiment-card{background:#141519;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;gap:14px;transition:var(--transition)}.experiment-card:hover{border-color:#ffffff29;background:#18191f}.variant-split-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.variant-box{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.variant-box.winner{border-color:#10b9814d;background:#10b98108}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}@media(max-width:700px){.device-grid{grid-template-columns:1fr}}.device-card{background:#141519;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px 18px;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;gap:6px}.portal-banner{background:linear-gradient(135deg,#2563eb1f,#10b9810a),#141519;border:1px solid rgba(37,99,235,.25);border-radius:14px;box-shadow:0 4px 20px #0006;padding:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}.conversions-filter-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.conversions-filter-pills{display:flex;align-items:center;gap:6px;background:#121318;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:3px}.conversions-pill-btn{padding:5px 12px;font-size:11.5px;font-weight:500;border-radius:6px;border:none;background:transparent;color:#717682;cursor:pointer;transition:var(--transition)}.conversions-pill-btn.active{background:#222227;color:#fff;box-shadow:0 1px 4px #0006}.click-element-cell{display:flex;align-items:center;gap:10px}.click-element-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.click-element-title{font-size:13px;font-weight:500;color:#fafafa}.click-element-url{font-size:11px;font-family:var(--font-mono);color:#717682}.click-share-bar-wrap{display:flex;align-items:center;gap:8px;width:140px}.click-share-track{flex:1;height:6px;background:#ffffff0f;border-radius:999px;overflow:hidden}.click-share-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#06b6d4);transition:width .4s ease}.intent-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:10.5px;font-weight:500;letter-spacing:.02em}.intent-badge.primary-cta{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.intent-badge.phone{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.intent-badge.navigation{background:#a1a1aa1f;color:#d4d4d8;border:1px solid rgba(161,161,170,.25)}.intent-badge.outbound{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.click-stream-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.click-stream-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#141418;border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:var(--transition)}.click-stream-item:hover{background:#191a20;border-color:#ffffff1f}.click-stream-item.converted{border-color:#10b98159;background:#10b9810a}.click-stream-left{display:flex;align-items:center;gap:10px}.click-stream-time{font-size:10.5px;font-family:var(--font-mono);color:#717682}.click-stream-text{font-size:12.5px;color:#f4f4f5;font-weight:500}.click-stream-route{font-size:11px;color:#717682;font-family:var(--font-mono);margin-left:6px}.behavior-hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}@media(max-width:860px){.behavior-hardware-grid{grid-template-columns:1fr}}.behavior-hardware-card{background:linear-gradient(135deg,#121319,#161822);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:var(--transition)}.behavior-hardware-card:hover{border-color:#ffffff29;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.behavior-hardware-card-top{display:flex;align-items:center;justify-content:space-between}.behavior-hardware-icon-box{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center}.behavior-hardware-meta{display:flex;flex-direction:column}.behavior-hardware-title{font-size:14px;font-weight:600;color:#fff}.behavior-hardware-sub{font-size:11.5px;color:#717682}.behavior-hardware-metric-row{display:flex;align-items:baseline;justify-content:space-between}.behavior-hardware-count{font-size:20px;font-weight:700;color:#fafafa;font-family:var(--font-mono)}.behavior-hardware-pct{font-size:12.5px;font-weight:600;padding:2px 8px;border-radius:6px}.behavior-progress-track{height:6px;background:#ffffff0f;border-radius:999px;overflow:hidden;margin-top:2px}.behavior-progress-fill{height:100%;border-radius:999px;transition:width .5s ease-out}.behavior-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.behavior-search-box{display:flex;align-items:center;gap:8px;background:#121318;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 12px;min-width:240px;transition:var(--transition)}.behavior-search-box:focus-within{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf826}.behavior-search-input{background:transparent;border:none;color:#fff;font-size:12.5px;outline:none;width:100%}.behavior-search-input::placeholder{color:#52525b}.behavior-table-row-link{color:#38bdf8;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12.5px;transition:var(--transition)}.behavior-table-row-link:hover{color:#7dd3fc;text-decoration:underline}.behavior-limiter-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);background:#ffffff04;font-size:12px;color:#a1a1aa}.behavior-expand-btn{background:#1c1d24;border:1px solid rgba(255,255,255,.1);color:#38bdf8;font-size:11.5px;font-weight:500;padding:4px 12px;border-radius:6px;cursor:pointer;transition:var(--transition)}.behavior-expand-btn:hover{background:#252834;border-color:#38bdf8;color:#fff}.behavior-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}@media(max-width:960px){.behavior-two-col{grid-template-columns:1fr}}.behavior-depth-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.behavior-depth-item{display:flex;flex-direction:column;gap:6px;background:#141419;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:12px 14px}.behavior-depth-item-top{display:flex;align-items:center;justify-content:space-between}.behavior-geo-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.behavior-geo-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#141419;border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:var(--transition)}.behavior-geo-item:hover{background:#191a22;border-color:#ffffff1f}.sync-openpanel-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e4e4e7;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 4px #00000040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none}.sync-openpanel-btn:hover{background:#38bdf814;border-color:#38bdf861;color:#fff;box-shadow:0 0 14px #38bdf833;transform:translateY(-.5px)}.sync-openpanel-btn:active{background:#38bdf826;border-color:#38bdf880;transform:translateY(0)}.sync-openpanel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sync-openpanel-btn .sync-icon{color:#38bdf8;transition:transform .2s ease,color .2s ease}.sync-openpanel-btn:hover .sync-icon{color:#7dd3fc}.sync-openpanel-btn .sync-icon.spinning{animation:spin .8s linear infinite}.date-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#d4d4d8;font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition)}.date-pill:hover{background:#ffffff17;color:#fff}.telemetry-status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;background:#10b98114;border:1px solid rgba(16,185,129,.24);border-radius:8px;color:#34d399;font-size:11.5px;font-weight:500;letter-spacing:.01em;-webkit-user-select:none;user-select:none}.telemetry-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;display:inline-block;animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.seo-subnav-tabs{display:flex;align-items:center;gap:6px;padding:4px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);margin-bottom:20px;width:fit-content}.seo-subnav-tab{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12.5px;font-weight:500;cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none}.seo-subnav-tab:hover{color:var(--text-primary);background:#ffffff0a}.seo-subnav-tab.active{color:#fff;background:#ffffff14;border-color:#ffffff1f;font-weight:600}.seo-tab-tag{font-size:10.5px;padding:2px 7px;border-radius:6px;background:#ffffff0f;color:var(--text-muted);font-weight:500}.seo-subnav-tab.active .seo-tab-tag{background:#ffffff1f;color:#fff}.ai-bots-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}@media(max-width:1280px){.ai-bots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.ai-bots-grid{grid-template-columns:1fr}}.ai-bot-card{padding:16px 18px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:var(--transition)}.ai-bot-card:hover{border-color:var(--border-card-hover);background:var(--bg-card-hover)}.ai-bot-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ai-bot-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s cubic-bezier(.16,1,.3,1)}.ai-bot-icon-wrap.brand-openai{background:#10a37f1f;border-color:#10a37f4d;box-shadow:0 0 12px #10a37f14}.ai-bot-icon-wrap.brand-searchgpt{background:#06b6d41f;border-color:#06b6d44d;box-shadow:0 0 12px #06b6d414}.ai-bot-icon-wrap.brand-chatgpt{background:#10b98124;border-color:#10b98152;box-shadow:0 0 12px #10b9811a}.ai-bot-icon-wrap.brand-claude{background:#d9775724;border-color:#d9775752;box-shadow:0 0 12px #d977571a}.ai-bot-icon-wrap.brand-perplexity{background:#20b8cd24;border-color:#20b8cd52;box-shadow:0 0 12px #20b8cd1a}.ai-bot-icon-wrap.brand-gemini,.ai-bot-icon-wrap.brand-google{background:#ffffff0d;border-color:#4285f44d;box-shadow:0 0 12px #4285f41a}.ai-bot-icon-wrap.brand-apple{background:#ffffff14;border-color:#fff3;box-shadow:0 0 12px #ffffff0f}.ai-bot-icon-wrap.brand-ccbot{background:#10b9811f;border-color:#10b98147;box-shadow:0 0 12px #10b98114}.ai-bot-card:hover .ai-bot-icon-wrap{transform:translateY(-2px) scale(1.05)}.ai-bot-card:hover .ai-bot-icon-wrap.brand-openai{box-shadow:0 0 18px #10a37f40;border-color:#10a37f80}.ai-bot-card:hover .ai-bot-icon-wrap.brand-searchgpt{box-shadow:0 0 18px #06b6d440;border-color:#06b6d480}.ai-bot-card:hover .ai-bot-icon-wrap.brand-chatgpt{box-shadow:0 0 18px #10b98140;border-color:#10b98180}.ai-bot-card:hover .ai-bot-icon-wrap.brand-claude{box-shadow:0 0 18px #d9775740;border-color:#d9775780}.ai-bot-card:hover .ai-bot-icon-wrap.brand-perplexity{box-shadow:0 0 18px #20b8cd40;border-color:#20b8cd80}.ai-bot-card:hover .ai-bot-icon-wrap.brand-gemini,.ai-bot-card:hover .ai-bot-icon-wrap.brand-google{box-shadow:0 0 18px #4285f44d;border-color:#4285f48c}.ai-bot-card:hover .ai-bot-icon-wrap.brand-apple{box-shadow:0 0 18px #fff3;border-color:#fff6}.ai-bot-card:hover .ai-bot-icon-wrap.brand-ccbot{box-shadow:0 0 18px #10b98140;border-color:#10b98180}.ai-bot-name{font-size:13px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px;white-space:nowrap}.ai-bot-provider{font-size:11px;color:#71717a;margin-top:2px}.ai-bot-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.01em;flex-shrink:0}.ai-bot-pill.allowed{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.28)}.ai-bot-pill.restricted{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.28)}.ai-bot-pill.blocked{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.28)}.ai-bot-desc{font-size:11.5px;color:#a1a1aa;line-height:1.4;margin:0}.ai-bot-rule{font-size:10.5px;font-family:var(--font-mono, monospace);color:#71717a;padding:5px 8px;background:#00000059;border-radius:6px;border:1px solid rgba(255,255,255,.04);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:1050px){.ai-two-col{grid-template-columns:1fr}}.ai-card{padding:20px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md)}.ai-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ai-card-title{font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.ai-schema-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;margin-bottom:10px}.ai-schema-type{font-size:13px;font-weight:600;color:#38bdf8;font-family:var(--font-mono, monospace)}.ai-schema-name{font-size:11.5px;color:#a1a1aa;margin-top:2px}.ai-recommendations-card{padding:20px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);margin-bottom:24px}.ai-rec-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:10px;transition:border-color .2s}.ai-rec-item:hover{border-color:#38bdf840}.ai-rec-priority{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.ai-rec-priority.high{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.ai-rec-priority.medium{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.ai-rec-priority.low{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.ai-rec-title{font-size:13.5px;font-weight:600;color:#fff;margin-bottom:3px}.ai-rec-desc{font-size:12px;color:#a1a1aa;line-height:1.45;margin:0}.ai-rec-impact{font-size:11px;font-weight:600;color:#34d399;background:#10b9811a;padding:4px 10px;border-radius:8px;border:1px solid rgba(16,185,129,.2);white-space:nowrap;flex-shrink:0}.image-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1050px){.image-kpi-grid{grid-template-columns:repeat(2,1fr)}}.image-format-card{padding:18px 20px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);margin-bottom:24px}.image-format-bar-track{height:10px;border-radius:5px;background:#ffffff0f;display:flex;overflow:hidden;margin:14px 0 16px}.image-format-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.image-format-item{display:flex;align-items:center;gap:7px;font-size:12px;color:#a1a1aa}.image-format-dot{width:8px;height:8px;border-radius:50%}.image-format-dot.webp{background:#10b981}.image-format-dot.svg{background:#06b6d4}.image-format-dot.png{background:#3b82f6}.image-format-dot.jpeg{background:#f59e0b}.image-format-dot.other{background:#8b5cf6}.image-table-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);overflow:hidden}.image-toolbar{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.image-search-input{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:7px 12px 7px 32px;color:#fff;font-size:12.5px;width:240px;outline:none;transition:border-color .2s}.image-search-input:focus{border-color:#38bdf8}.image-filter-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.image-filter-chip{padding:5px 12px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#a1a1aa;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.image-filter-chip:hover{color:#fff;background:#ffffff14}.image-filter-chip.active{background:#38bdf824;border-color:#38bdf859;color:#38bdf8;font-weight:600}.image-thumb-box{width:44px;height:44px;border-radius:8px;background:#00000080;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative}.image-thumb-box img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s}.image-thumb-box:hover img{transform:scale(1.25)}.image-format-badge{font-size:11px;font-weight:600;padding:3px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.02em;font-family:var(--font-mono, monospace);display:inline-block}.image-format-badge.webp{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.image-format-badge.svg{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.image-format-badge.png{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.image-format-badge.jpeg{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.image-format-badge.other{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.image-alt-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:500}.image-alt-badge.passed{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.25)}.image-alt-badge.missing{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.image-suggested-alt{font-size:11px;color:#a1a1aa;margin-top:4px;font-style:italic;display:flex;align-items:center;gap:4px}.articles-site-favicon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:6px;font-size:12px;font-weight:800}.articles-site-favicon img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--bg-card)}.articles-site-favicon-fallback{line-height:1}.articles-container{display:flex;flex-direction:column;gap:20px}.articles-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.articles-breadcrumb-site{font-size:13px;font-weight:600;color:#38bdf8}.replit-badge{display:inline-flex;align-items:center;gap:5px;background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.28);padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600}.articles-title{font-size:24px;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.articles-subtitle{font-size:13px;color:#a1a1aa;margin:4px 0 0;max-width:760px;line-height:1.5}.articles-primary-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #2563eb4d}.articles-primary-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb73}.articles-secondary-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0f;color:#e4e4e7;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.articles-secondary-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.articles-ghost-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;color:#e4e4e7;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .2s ease}.articles-ghost-btn:hover{background:#ffffff0d;border-color:#ffffff2e;color:#fff}.articles-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1100px){.articles-metrics-grid{grid-template-columns:repeat(2,1fr)}}.article-stat-card{padding:16px 18px;background:#121317;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;flex-direction:column}.stat-card-top{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:11.5px;color:#8c919c;font-weight:500}.stat-value{font-size:26px;font-weight:700;color:#fff;margin-top:6px;letter-spacing:-.02em}.stat-hint{font-size:11px;color:#71717a;margin-top:4px}.status-dot-active{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981}.articles-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.articles-filter-pills{display:flex;align-items:center;gap:6px;background:#121317;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.filter-pill{padding:5px 12px;border-radius:6px;background:transparent;border:none;color:#8c919c;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-pill.active{background:#ffffff1a;color:#fff;font-weight:600}.articles-search-wrap{display:flex;align-items:center;gap:8px;background:#121317;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 12px;min-width:280px}.articles-search-input{background:transparent;border:none;color:#fff;font-size:12.5px;outline:none;width:100%}.articles-search-input::placeholder{color:#71717a}.articles-table-card{background:#121317;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card)}.articles-list{display:flex;flex-direction:column}.article-row{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s ease}.article-row:last-child{border-bottom:none}.article-row:hover{background:#ffffff06}.article-thumb-wrap{width:72px;height:52px;border-radius:8px;overflow:hidden;background:#14151a;position:relative;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px;box-shadow:0 2px 8px #00000059;flex-shrink:0}.article-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.16,1,.3,1)}.article-row:hover .article-thumb-img{transform:scale(1.06)}.article-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.article-thumb-placeholder.gradient-mesh{background:linear-gradient(135deg,#2563eb47,#0d948838);position:relative;overflow:hidden}.article-thumb-placeholder.gradient-mesh:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 35% 25%,rgba(56,189,248,.35),transparent 70%);pointer-events:none}.placeholder-letter{font-size:19px;font-weight:700;color:#f0f9ff;text-shadow:0 2px 6px rgba(0,0,0,.6);position:relative;z-index:1;font-family:var(--font-sans)}.article-main-info{flex:1;min-width:0}.article-title-row{display:flex;align-items:center;gap:10px}.article-row-title{font-size:14.5px;font-weight:600;color:#fff;margin:0;cursor:pointer;transition:color .15s ease}.article-row-title:hover{color:#38bdf8}.article-status-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.article-status-badge.published{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.28)}.article-status-badge.published .dot{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981cc;animation:liveBeacon 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes liveBeacon{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #10b981cc}50%{opacity:.45;transform:scale(.85);box-shadow:0 0 2px #10b98133}}.article-status-badge.draft{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.28)}.article-status-badge.draft .dot{width:6px;height:6px;background:#f59e0b;border-radius:50%}.article-row-excerpt{font-size:12px;color:#a1a1aa;margin:4px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-meta-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#71717a}.meta-item strong{color:#a1a1aa;font-weight:500}.meta-item code{font-family:var(--font-mono, monospace);color:#38bdf8;font-size:11px}.meta-sep{color:#3f3f46}.article-actions-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.article-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:none;text-decoration:none}.article-action-btn.primary{background:linear-gradient(180deg,#2563eb47,#2563eb29);color:#93c5fd;border:1px solid rgba(59,130,246,.4);box-shadow:inset 0 1px #ffffff1f,0 2px 6px #00000040}.article-action-btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#2563eb6b,#2563eb47);border-color:#60a5fa99;color:#fff;box-shadow:inset 0 1px #fff3,0 4px 12px #2563eb59}.article-action-btn.primary:disabled{opacity:.6;cursor:not-allowed}.article-action-btn.secondary{background:linear-gradient(180deg,#ffffff12,#ffffff08);color:#e4e4e7;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff14,0 2px 4px #0003}.article-action-btn.secondary:hover{background:linear-gradient(180deg,#ffffff1c,#ffffff0d);border-color:#ffffff38;color:#fff}.article-icon-action{padding:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:6px;color:#71717a;cursor:pointer;transition:all .15s ease}.article-icon-action:hover{background:#ffffff14;border-color:#ffffff24;color:#fff}.article-icon-action.danger:hover{background:#ef444426;border-color:#ef444459;color:#f87171}.articles-empty-state{text-align:center;padding:48px 20px}.articles-empty-state h3{font-size:15px;color:#fff;margin:12px 0 4px}.articles-empty-state p{font-size:12.5px;color:#71717a;margin:0}.articles-loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:#8c919c;font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.article-editor-modal{width:100%;max-width:960px;height:90vh;max-height:840px;background:#0f1013;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 24px 60px #000000e6;display:flex;flex-direction:column;overflow:hidden}.editor-modal-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;background:#141519}.editor-tab-pill-group{display:flex;align-items:center;gap:4px;background:#ffffff0a;padding:3px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.editor-tab-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:transparent;border:none;color:#8c919c;font-size:11.5px;font-weight:500;cursor:pointer;transition:all .15s ease}.editor-tab-pill.active{background:#ffffff1a;color:#fff;font-weight:600}.modal-close-btn{background:transparent;border:none;color:#8c919c;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.modal-close-btn:hover{color:#fff;background:#ffffff14}.editor-modal-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.editor-modal-footer{padding:14px 20px;border-top:1px solid rgba(255,255,255,.08);background:#141519;display:flex;align-items:center;justify-content:space-between}.editor-write-layout{display:flex;flex-direction:column;height:100%}.editor-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-field-group{display:flex;flex-direction:column;gap:6px}.editor-field-group label{font-size:11.5px;font-weight:600;color:#a1a1aa}.editor-input{padding:8px 12px;background:#141519;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;outline:none;transition:border-color .2s ease}.editor-input:focus{border-color:#3b82f6}.slug-input-wrap{display:flex;align-items:center;background:#141519;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.slug-prefix{padding-left:10px;font-size:12px;color:#71717a;font-family:var(--font-mono, monospace)}.editor-input.slug{border:none;background:transparent;font-family:var(--font-mono, monospace);font-size:12px;padding-left:2px}.editor-textarea{padding:8px 12px;background:#141519;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:12.5px;outline:none;resize:vertical;line-height:1.5}.editor-header-ai-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#38bdf81f,#0ea5e90d);border:1px solid rgba(56,189,248,.3);border-radius:9999px;color:#38bdf8;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 0 12px #38bdf826}.editor-header-ai-btn:hover{background:linear-gradient(135deg,#38bdf840,#0ea5e91f);border-color:#38bdf880;box-shadow:0 0 18px #38bdf840;transform:translateY(-1px)}.slug-lock-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#a1a1aa;font-size:11px;font-weight:500;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s ease}.slug-lock-btn:hover{background:#ffffff0f;color:#fff}.mini-preset-row{display:flex;align-items:center;gap:4px}.mini-preset-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#a1a1aa;font-size:10px;padding:2px 6px;cursor:pointer;transition:all .15s ease}.mini-preset-btn:hover{background:#ffffff1f;color:#fff;border-color:#fff3}.mini-ai-action-btn{display:flex;align-items:center;gap:5px;background:#38bdf814;border:1px solid rgba(56,189,248,.2);border-radius:4px;color:#38bdf8;font-size:11px;font-weight:500;padding:2px 8px;cursor:pointer;transition:all .15s ease}.mini-ai-action-btn:hover{background:#38bdf829;border-color:#38bdf866}.visual-editor-container{display:flex;flex-direction:column;background:#111215;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #0003}.visual-editor-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#16171b;border-bottom:1px solid rgba(255,255,255,.08);gap:12px;flex-wrap:wrap}.editor-tools-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.editor-btn-cluster{display:flex;align-items:center;gap:2px;background:#ffffff08;padding:2px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.editor-tools-divider{width:1px;height:20px;background:#ffffff14;margin:0 2px}.editor-tool-btn{display:flex;align-items:center;justify-content:center;gap:4px;min-width:28px;height:28px;padding:0 6px;background:transparent;border:1px solid transparent;border-radius:4px;color:#a1a1aa;cursor:pointer;transition:all .15s ease}.editor-tool-btn .btn-label{font-size:11px}.editor-tool-btn:hover{background:#ffffff14;color:#fff}.editor-tool-btn.active{background:#38bdf826;border-color:#38bdf859;color:#38bdf8}.editor-right-tools{display:flex;align-items:center;gap:8px}.templates-dropdown-wrap{position:relative}.editor-action-pill{display:flex;align-items:center;gap:5px;padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e4e4e7;font-size:11.5px;font-weight:500;cursor:pointer;transition:all .15s ease}.editor-action-pill:hover{background:#ffffff1a;color:#fff}.templates-menu-popup{position:absolute;top:calc(100% + 6px);right:0;width:250px;background:#18191e;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 10px 30px #0006;padding:6px;z-index:100;display:flex;flex-direction:column;gap:4px}.menu-header{font-size:11px;font-weight:600;color:#71717a;text-transform:uppercase;padding:4px 8px;letter-spacing:.04em}.template-menu-item{display:flex;flex-direction:column;align-items:flex-start;padding:8px 10px;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:all .15s ease}.template-menu-item:hover{background:#ffffff14}.template-menu-item .item-title{font-size:12.5px;font-weight:600;color:#fff}.template-menu-item .item-desc{font-size:11px;color:#a1a1aa;margin-top:2px}.editor-ai-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;background:linear-gradient(135deg,#38bdf826,#0ea5e914);border:1px solid rgba(56,189,248,.3);border-radius:6px;color:#38bdf8;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.editor-ai-btn:hover{background:linear-gradient(135deg,#38bdf840,#0ea5e926);border-color:#38bdf880}.editor-mode-toggle{display:flex;align-items:center;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px}.editor-mode-toggle .mode-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;background:transparent;border:none;border-radius:4px;color:#71717a;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.editor-mode-toggle .mode-btn.active{background:#ffffff1f;color:#fff}.visual-editor-body{position:relative;min-height:380px;max-height:480px;overflow-y:auto;background:#0f1013}.visual-content-canvas{padding:24px 28px;color:#f1f5f9;font-size:14.5px;line-height:1.75;outline:none;min-height:360px}.visual-content-canvas:empty:before{content:attr(data-placeholder);color:#52525b;pointer-events:none;display:block}.visual-content-canvas h2{font-size:20px;font-weight:700;color:#fff;margin:24px 0 10px;letter-spacing:-.02em;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:6px}.visual-content-canvas h3{font-size:16.5px;font-weight:600;color:#f8fafc;margin:18px 0 8px}.visual-content-canvas p{margin:0 0 14px;color:#cbd5e1}.visual-content-canvas blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid #38bdf8;background:#38bdf80d;border-radius:0 8px 8px 0;color:#e0f2fe;font-style:italic}.visual-content-canvas ul,.visual-content-canvas ol{margin:0 0 16px;padding-left:24px;color:#cbd5e1}.visual-content-canvas li{margin-bottom:6px}.visual-content-canvas a{color:#38bdf8;text-decoration:underline}.visual-content-canvas hr{margin:24px 0;border:none;border-top:1px dashed rgba(255,255,255,.15)}.visual-content-canvas .cms-callout-box{margin:20px 0;padding:16px 20px;background:#3b82f614;border-left:4px solid #3b82f6;border-radius:6px}.code-mode-wrap{display:flex;flex-direction:column;height:100%}.code-mode-banner{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#141519;border-bottom:1px solid rgba(255,255,255,.06);font-size:11.5px;color:#94a3b8}.code-mode-textarea{flex:1;width:100%;padding:16px;background:#0d0e12;border:none;color:#38bdf8;font-family:var(--font-mono, monospace);font-size:12.5px;line-height:1.6;outline:none;resize:none;min-height:340px}.visual-editor-status-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#141519;border-top:1px solid rgba(255,255,255,.08);font-size:11.5px;color:#71717a}.status-left{display:flex;align-items:center;gap:8px}.status-badge strong{color:#e4e4e7}.status-badge.site-tag{color:#94a3b8}.status-badge.site-tag strong{color:#38bdf8}.status-dot{color:#3f3f46}.mode-indicator{display:flex;align-items:center;gap:6px;font-weight:500}.mode-indicator.visual{color:#34d399}.mode-indicator.code{color:#fbbf24}.indicator-dot{width:6px;height:6px;border-radius:50%;background:#34d399}.indicator-dot.code{background:#fbbf24}.editor-submodal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.editor-submodal-card{width:100%;max-width:440px;background:#18191e;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:20px;box-shadow:0 20px 40px #00000080}.submodal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.submodal-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fff}.submodal-close{background:transparent;border:none;color:#71717a;cursor:pointer;padding:4px;border-radius:4px}.submodal-close:hover{color:#fff;background:#ffffff14}.submodal-field{margin-bottom:12px}.submodal-field label{display:block;font-size:12px;color:#a1a1aa;margin-bottom:5px;font-weight:500}.submodal-field input{width:100%;padding:8px 12px;background:#121316;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:13px;outline:none}.submodal-field input:focus{border-color:#38bdf8}.image-preset-section{margin:14px 0}.preset-label{display:block;font-size:11px;color:#71717a;margin-bottom:6px}.preset-grid{display:flex;flex-wrap:wrap;gap:6px}.preset-chip{padding:4px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#cbd5e1;font-size:11px;cursor:pointer;transition:all .15s ease}.preset-chip:hover{background:#ffffff1f;color:#fff;border-color:#fff3}.submodal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:18px}.submodal-btn-cancel{padding:7px 14px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#a1a1aa;font-size:12px;cursor:pointer}.submodal-btn-cancel:hover{color:#fff;background:#ffffff0d}.submodal-btn-primary{display:flex;align-items:center;gap:5px;padding:7px 14px;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease}.submodal-btn-primary:hover{background:#2563eb}.ai-studio-modal-card{width:100%;max-width:680px;background:#14151a;border:1px solid rgba(56,189,248,.25);border-radius:14px;box-shadow:0 25px 50px -12px #000000b3;overflow:hidden;display:flex;flex-direction:column}.ai-studio-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(135deg,#38bdf814,#6366f10a);border-bottom:1px solid rgba(255,255,255,.08)}.ai-studio-brand{display:flex;align-items:center;gap:12px}.ai-brand-badge{width:36px;height:36px;border-radius:8px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);display:flex;align-items:center;justify-content:center}.ai-title{margin:0;font-size:17px;font-weight:600;color:#fff}.ai-subtitle{margin:2px 0 0;font-size:12.5px;color:#94a3b8}.ai-subtitle strong{color:#e2e8f0}.ai-studio-body{padding:24px;max-height:520px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.ai-field-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#f1f5f9;margin-bottom:8px}.ai-label-hint{font-size:11.5px;color:#71717a;font-weight:400}.ai-topic-input-wrap{display:flex;gap:8px}.ai-topic-input{flex:1;padding:10px 14px;background:#0f1013;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:13.5px;outline:none}.ai-topic-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf826}.ai-generate-btn{display:flex;align-items:center;gap:6px;padding:0 18px;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.ai-generate-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.ai-generate-btn:disabled{opacity:.5;cursor:not-allowed}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-quick-ideas{margin-top:10px}.ideas-title{display:block;font-size:11px;color:#71717a;margin-bottom:6px;font-weight:500}.ideas-list{display:flex;flex-wrap:wrap;gap:6px}.idea-chip{padding:4px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:9999px;color:#94a3b8;font-size:11.5px;cursor:pointer;transition:all .15s ease}.idea-chip:hover{background:#38bdf81a;color:#38bdf8;border-color:#38bdf84d}.ai-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.config-block{background:#111216;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:12px}.block-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#cbd5e1;margin-bottom:8px}.config-options-list{display:flex;flex-direction:column;gap:5px}.config-pill{display:flex;flex-direction:column;align-items:flex-start;padding:7px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;cursor:pointer;text-align:left;transition:all .15s ease}.config-pill:hover{background:#ffffff0f}.config-pill.active{background:#38bdf81a;border-color:#38bdf866}.config-pill.active .pill-title{color:#38bdf8}.pill-title{font-size:12px;font-weight:600;color:#e2e8f0}.pill-sub{font-size:10.5px;color:#71717a;margin-top:1px}.ai-preview-card{background:#0f1013;border:1px solid rgba(16,185,129,.3);border-radius:10px;padding:16px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.preview-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.preview-badge{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#34d399}.preview-stats{font-size:11.5px;color:#71717a}.preview-title{font-size:15px;font-weight:700;color:#fff;margin:0 0 6px}.preview-excerpt{font-size:12.5px;color:#94a3b8;line-height:1.5;margin:0 0 8px}.preview-slug-tag{font-size:11px;color:#64748b;font-family:var(--font-mono, monospace);margin-bottom:14px}.preview-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.preview-btn-secondary{display:flex;align-items:center;gap:5px;padding:7px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#cbd5e1;font-size:12px;cursor:pointer;transition:all .15s ease}.preview-btn-secondary:hover:not(:disabled){background:#ffffff1a;color:#fff}.preview-btn-primary{display:flex;align-items:center;gap:6px;padding:7px 16px;background:#10b981;border:none;border-radius:6px;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s ease}.preview-btn-primary:hover{background:#059669}.ai-studio-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#101115;border-top:1px solid rgba(255,255,255,.08);gap:12px}.footer-tip{font-size:11.5px;color:#71717a;line-height:1.4}.footer-tip strong{color:#94a3b8}.editor-client-preview{display:flex;flex-direction:column;gap:16px}.preview-top-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:8px;font-size:12px;color:#34d399}.client-mock-viewport{background:#09090b;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.client-mock-header{padding:14px 24px;background:#121215;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.client-brand-logo{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em}.client-mock-nav{display:flex;align-items:center;gap:18px;font-size:12.5px;color:#a1a1aa}.client-mock-nav span.active{color:#38bdf8;font-weight:600}.client-mock-article{max-width:680px;margin:32px auto;padding:0 20px}.client-article-meta{font-size:12px;color:#71717a;margin-bottom:8px}.client-article-h1{font-size:32px;font-weight:800;color:#fff;line-height:1.25;margin:0 0 12px;letter-spacing:-.02em}.client-article-lead{font-size:16px;color:#a1a1aa;line-height:1.5;margin-bottom:24px}.client-article-hero{margin-bottom:24px;border-radius:10px;overflow:hidden}.client-article-hero img{width:100%;height:320px;object-fit:cover}.client-article-body{font-size:15px;color:#d4d4d8;line-height:1.7}.client-article-body h2{font-size:22px;color:#fff;margin:28px 0 12px;font-weight:700}.client-article-body h3{font-size:18px;color:#fff;margin:20px 0 10px;font-weight:600}.client-article-body p{margin:0 0 16px}.client-article-body blockquote{border-left:3px solid #38bdf8;padding-left:16px;margin:20px 0;color:#e4e4e7;font-style:italic}.google-serp-preview{padding:16px;background:#141519;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-top:8px;max-width:600px}.serp-url-row{display:flex;flex-direction:column;margin-bottom:4px}.serp-site-name{font-size:12px;color:#d4d4d8;font-weight:500}.serp-url{font-size:11px;color:#71717a}.serp-title{font-size:16px;color:#8ab4f8;font-weight:500;margin:2px 0 4px;cursor:pointer}.serp-title:hover{text-decoration:underline}.serp-desc{font-size:12px;color:#bdc1c6;line-height:1.45;margin:0}.replit-config-modal{width:100%;max-width:720px;max-height:85vh;background:#0f1013;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 24px 60px #000000e6;overflow-y:auto}.replit-config-body{padding:20px}.replit-secrets-box{display:flex;flex-direction:column;gap:12px;background:#141519;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;margin-top:14px}.secret-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:10px}.secret-item:last-child{border-bottom:none;padding-bottom:0}.secret-name{font-size:12px;font-family:var(--font-mono, monospace);font-weight:600;color:#38bdf8}.secret-desc{font-size:11px;color:#71717a;margin:2px 0 0}.secret-value-wrap{display:flex;align-items:center;gap:6px;background:#0006;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.secret-value-wrap code{font-family:var(--font-mono, monospace);font-size:11.5px;color:#e4e4e7}.copy-btn{background:transparent;border:none;color:#71717a;cursor:pointer;padding:2px;display:flex;align-items:center;transition:color .15s ease}.copy-btn:hover{color:#fff}.code-lang-pills{display:flex;align-items:center;gap:4px}.lang-pill{padding:3px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#8c919c;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.lang-pill.active{background:#38bdf826;border-color:#38bdf866;color:#38bdf8;font-weight:600}.replit-code-box{position:relative;background:#09090b;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:14px;overflow-x:auto}.code-copy-btn{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-size:11px;cursor:pointer;transition:all .15s ease}.code-copy-btn:hover{background:#ffffff26}.replit-code-box pre{margin:0;font-family:var(--font-mono, monospace);font-size:11.5px;color:#a1a1aa;line-height:1.6}.replit-prompt-modal{width:100%;max-width:860px;max-height:90vh;background:#0f1014;border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 28px 70px #000000e6;display:flex;flex-direction:column;overflow:hidden}.replit-prompt-body{padding:22px 26px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.replit-callout-banner{background:linear-gradient(135deg,#0ea5e91f,#6366f11f);border:1px solid rgba(56,189,248,.25);border-radius:10px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.replit-framework-selector{display:flex;gap:8px;flex-wrap:wrap}.replit-framework-chip{padding:8px 14px;border-radius:8px;background:#15161c;border:1px solid rgba(255,255,255,.08);color:#a1a1aa;font-size:12.5px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s ease}.replit-framework-chip:hover{background:#1c1d24;color:#fff;border-color:#ffffff29}.replit-framework-chip.active{background:#38bdf824;border-color:#38bdf8;color:#fff;font-weight:600;box-shadow:0 0 12px #38bdf833}.replit-framework-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#ffffff1a;color:#e4e4e7;text-transform:uppercase;letter-spacing:.03em}.replit-framework-chip.active .replit-framework-badge{background:#38bdf8;color:#09090b}.master-prompt-container{background:#09090c;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.master-prompt-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#14151a;border-bottom:1px solid rgba(255,255,255,.08)}.copy-master-prompt-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-size:12.5px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 14px #0ea5e959}.copy-master-prompt-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0ea5e980}.master-prompt-pre{margin:0;padding:16px;max-height:280px;overflow-y:auto;font-family:var(--font-mono, monospace);font-size:12px;line-height:1.6;color:#e2e8f0;background:#09090c;white-space:pre-wrap;word-break:break-word}.replit-ping-box{background:#14151a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px 20px}.replit-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.replit-step-card{background:#141519;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.replit-step-num{width:22px;height:22px;border-radius:50%;background:#38bdf826;color:#38bdf8;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-bottom:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.editor-modal-container.full-canvas{width:96vw;max-width:1400px;height:94vh;max-height:94vh;display:flex;flex-direction:column;background:#111216;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 30px 80px #000000d9;overflow:hidden}.editor-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.editor-client-preview-v2{display:flex;flex-direction:column;gap:14px}.preview-sticky-header{position:sticky;top:-20px;z-index:40;background:#121216f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:10px 0 12px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}.preview-v2-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 16px;background:#121216;border:1px solid rgba(255,255,255,.08);border-radius:10px}.preview-toolbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.preview-viewport-controls,.preview-mode-controls{display:flex;align-items:center;background:#09090b;padding:3px;border-radius:8px;border:1px solid rgba(255,255,255,.08);gap:2px}.viewport-pill,.mode-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:500;color:#71717a;background:transparent;border:none;cursor:pointer;transition:all .15s ease}.viewport-pill:hover,.mode-pill:hover{color:#e4e4e7}.viewport-pill.active,.mode-pill.active{background:#27272a;color:#fff;font-weight:600;box-shadow:0 1px 3px #0006}.preview-toolbar-right{display:flex;align-items:center;gap:8px}.preview-aux-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;color:#d4d4d8;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .15s ease}.preview-aux-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.preview-omnibar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#141418;border:1px solid rgba(255,255,255,.1);border-radius:10px}.omnibar-traffic-lights{display:flex;align-items:center;gap:6px}.omnibar-traffic-lights .dot{width:10px;height:10px;border-radius:50%}.omnibar-traffic-lights .dot.red{background:#ef4444}.omnibar-traffic-lights .dot.yellow{background:#f59e0b}.omnibar-traffic-lights .dot.green{background:#10b981}.omnibar-address-box{flex:1;max-width:600px;margin:0 auto;display:flex;align-items:center;gap:6px;padding:5px 12px;background:#09090c;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:12px;font-family:var(--font-mono, monospace);overflow:hidden}.omnibar-protocol{color:#10b981;font-weight:500}.omnibar-domain{color:#fff;font-weight:600}.omnibar-path{color:#71717a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.omnibar-copy-btn{background:transparent;border:none;color:#71717a;cursor:pointer;display:flex;align-items:center;margin-left:auto;padding:2px 4px;border-radius:4px}.omnibar-copy-btn:hover{color:#38bdf8;background:#38bdf81a}.omnibar-status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);border-radius:4px;font-size:11px;font-weight:600;color:#34d399}.preview-canvas-backdrop{background:#060608;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;padding:28px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);min-height:600px;display:flex;justify-content:center;overflow-x:auto}.preview-viewport-shell{background:#0a0a0c;color:#f4f4f5;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #000000b3;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.preview-viewport-shell.device-desktop{width:100%;max-width:1160px}.preview-viewport-shell.device-tablet{width:768px;border-radius:24px;border:4px solid #27272a;box-shadow:0 25px 60px #000c,0 0 0 1px #ffffff1a}.preview-viewport-shell.device-mobile{width:390px;border-radius:36px;border:6px solid #27272a;box-shadow:0 30px 70px #000000e6,0 0 0 1px #ffffff26;background:#18181b}.mobile-device-notch-bar{height:26px;background:#18181b;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid rgba(255,255,255,.06)}.notch-pill{width:90px;height:12px;background:#09090b;border-radius:9999px;display:flex;align-items:center;justify-content:center;gap:8px}.notch-camera{width:5px;height:5px;border-radius:50%;background:#1f2937}.notch-speaker{width:30px;height:3px;border-radius:9999px;background:#27272a}.client-preview-iframe{width:100%;border:none;background:#0a0a0c;display:block}.client-mock-header-v2{background:#0e0e12;border-bottom:1px solid rgba(255,255,255,.08);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.client-mock-brand-row{display:flex;align-items:center;gap:12px}.client-mock-logo-badge{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000004d}.client-mock-brand-texts{display:flex;flex-direction:column}.client-mock-brand-name{font-size:15px;font-weight:700;color:#fff;line-height:1.2}.client-mock-brand-tag{font-size:11px;color:#71717a}.client-mock-nav-v2{display:flex;align-items:center;gap:16px}.mock-nav-item{font-size:12.5px;color:#a1a1aa;font-weight:500;cursor:pointer}.mock-nav-item.active{color:#fff;font-weight:600;border-bottom:2px solid var(--client-accent, #38bdf8);padding-bottom:2px}.mock-nav-item.cta-btn{padding:5px 12px;border-radius:6px;font-weight:700;font-size:12px;border:none}.client-mock-article-shell{max-width:740px;margin:0 auto;padding:36px 24px 64px;width:100%}.mock-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:12px;color:#71717a;margin-bottom:16px}.mock-breadcrumbs .current{color:#a1a1aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-category-pill{display:inline-block;padding:3px 9px;border-radius:4px;border:1px solid;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#ffffff0a}.mock-article-h1{font-size:32px;font-weight:800;line-height:1.25;color:#fff;letter-spacing:-.02em;margin:0 0 14px}.mock-article-lead{font-size:16.5px;color:#d4d4d8;line-height:1.6;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.mock-byline-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:28px}.mock-author-group{display:flex;align-items:center;gap:10px}.mock-author-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px}.mock-author-name{font-size:13.5px;font-weight:600;color:#fff}.mock-author-sub{font-size:11.5px;color:#71717a}.mock-social-group{display:flex;align-items:center;gap:8px}.mock-share-btn{font-size:11.5px;color:#a1a1aa;padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px}.mock-hero-image-wrap{width:100%;border-radius:10px;overflow:hidden;margin-bottom:32px;border:1px solid rgba(255,255,255,.08)}.mock-hero-image-wrap img{width:100%;max-height:380px;object-fit:cover;display:block}.mock-article-body{font-size:15.5px;color:#e4e4e7;line-height:1.75}.mock-article-body h2{font-size:22px;color:#fff;font-weight:700;margin:32px 0 12px}.mock-article-body h3{font-size:18px;color:#fff;font-weight:600;margin:24px 0 10px}.mock-article-body p{margin-bottom:18px}.mock-article-body ul,.mock-article-body ol{margin:0 0 20px 24px}.mock-article-body li{margin-bottom:6px}.mock-article-body blockquote{border-left:3px solid var(--client-accent, #38bdf8);padding:12px 18px;margin:24px 0;background:#ffffff05;border-radius:0 6px 6px 0;font-style:italic;color:#f4f4f5}.mock-cta-card{margin:48px 0 36px;padding:28px;background:linear-gradient(145deg,#131317,#0d0d10);border:1px solid rgba(255,255,255,.1);border-radius:12px;position:relative;overflow:hidden}.mock-cta-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.mock-cta-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.mock-cta-desc{font-size:13.5px;color:#a1a1aa;line-height:1.5;margin-bottom:20px;max-width:600px}.mock-cta-form{display:flex;gap:8px;flex-wrap:wrap;max-width:480px}.mock-cta-input{flex:1;min-width:200px;padding:10px 14px;background:#09090b;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-size:13px}.mock-cta-btn{padding:10px 18px;border-radius:6px;font-weight:700;font-size:13px;border:none;cursor:pointer}.mock-related-articles{margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08)}.mock-related-heading{font-size:18px;font-weight:700;color:#fff;margin-bottom:18px}.mock-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.mock-related-card{background:#111114;border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.mock-related-img-wrap{width:100%;height:110px;background:#18181d}.mock-related-img-wrap img{width:100%;height:100%;object-fit:cover}.mock-related-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#71717a;font-weight:700;font-size:20px}.mock-related-body{padding:12px;display:flex;flex-direction:column;flex:1}.mock-related-title{font-size:13.5px;font-weight:600;color:#fff;line-height:1.35;margin:0 0 6px}.mock-related-excerpt{font-size:11.5px;color:#71717a;line-height:1.4;margin:0 0 10px;flex:1}.mock-related-link{font-size:11.5px;font-weight:600}.client-mock-footer-v2{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:11.5px;color:#71717a}.client-mock-footer-v2 strong{color:#d4d4d8}.client-mock-footer-v2 p{margin-top:3px;font-size:10.5px}.client-mock-feed-shell{max-width:980px;margin:0 auto;padding:40px 24px 64px;width:100%}.mock-feed-hero{text-align:center;margin-bottom:32px}.mock-feed-sub{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.mock-feed-h2{font-size:32px;font-weight:800;color:#fff;margin:0 0 10px}.mock-feed-lead{font-size:15px;color:#a1a1aa;max-width:580px;margin:0 auto;line-height:1.5}.mock-feed-filter-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:36px}.feed-filter-pill{padding:5px 12px;border-radius:9999px;font-size:12px;color:#71717a;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.feed-filter-pill.active{background:#ffffff1f;color:#fff;font-weight:600;border-color:#fff3}.mock-feed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.mock-feed-card{background:#111115;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .2s ease}.mock-feed-card.is-active-draft{border-width:2px;box-shadow:0 8px 24px #00000080}.mock-feed-badge-active{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.02em}.mock-feed-img-wrap{width:100%;height:160px;background:#18181f}.mock-feed-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.mock-feed-placeholder-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;color:#3f3f46}.mock-feed-card-body{padding:16px;display:flex;flex-direction:column;flex:1}.mock-feed-card-meta{font-size:11.5px;color:#71717a;margin-bottom:6px}.mock-feed-card-title{font-size:16px;font-weight:700;color:#fff;line-height:1.35;margin:0 0 8px}.mock-feed-card-desc{font-size:13px;color:#a1a1aa;line-height:1.5;margin:0 0 14px;flex:1}.mock-feed-read-link{font-size:12.5px;font-weight:600}.live-guide-modal-container{background:#121216;border:1px solid rgba(255,255,255,.12);border-radius:14px;max-width:680px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #000c}.live-guide-tab-bar{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background:#0e0e11;padding:0 16px;gap:4px}.guide-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 14px;background:transparent;border:none;border-bottom:2px solid transparent;color:#71717a;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.guide-tab-btn:hover{color:#e4e4e7}.guide-tab-btn.active{color:#38bdf8;border-bottom-color:#38bdf8;font-weight:600}.live-guide-body{padding:24px;display:flex;flex-direction:column;gap:20px}.guide-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.5}.guide-banner.success{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#34d399}.guide-banner.info{background:#38bdf81a;border:1px solid rgba(56,189,248,.25);color:#38bdf8}.guide-banner.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#fbbf24}.code-snippet-box{background:#09090b;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;margin-top:10px}.snippet-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#141418;border-bottom:1px solid rgba(255,255,255,.08);font-size:11.5px;color:#a1a1aa}.code-snippet-box pre{margin:0;padding:14px;font-family:var(--font-mono, monospace);font-size:12px;color:#e4e4e7;overflow-x:auto;line-height:1.6}.live-reachability-card{padding:16px;background:#15151a;border:1px solid rgba(255,255,255,.08);border-radius:10px}.reachability-results-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.reach-stat{display:flex;flex-direction:column;gap:2px}.reach-label{font-size:11px;color:#71717a;text-transform:uppercase;letter-spacing:.03em}.reach-val{font-size:14px;font-weight:700;color:#fff}.reach-link{font-size:13px;font-weight:600;color:#38bdf8;text-decoration:none}.reach-link:hover{text-decoration:underline}.client-simulation-banner{position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;background:linear-gradient(90deg,#064e3b,#065f46,#047857);border-bottom:1px solid #10b981;color:#ecfdf5;box-shadow:0 4px 16px #0006;font-size:12.5px}.client-user-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#121215;border:1px solid rgba(255,255,255,.07);border-radius:8px;gap:12px;flex-wrap:wrap;transition:border-color .2s ease,background .2s ease}.client-user-card:hover{border-color:#ffffff24}.client-user-card.active-preview{background:#10b98114;border-color:#10b98159}:root[data-theme=light],[data-theme=light]{--bg-page: #f8fafc;--bg-sidebar: #ffffff;--bg-header: rgba(255, 255, 255, .9);--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-subtle: #f1f5f9;--bg-muted: #e2e8f0;--border-subtle: #e2e8f0;--border-card: #e2e8f0;--border-card-hover: #cbd5e1;--border-focus: #94a3b8;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--live-green: #059669;--live-green-bg: #ecfdf5;--live-green-border: #a7f3d0;--connecting-blue: #2563eb;--connecting-blue-bg: #eff6ff;--connecting-blue-border: #bfdbfe;--setup-zinc: #64748b;--setup-zinc-bg: #f1f5f9;--setup-zinc-border: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .07), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-lg: 0 16px 36px -4px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .06);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 0 0 1px #e2e8f0;--shadow-card-hover: 0 8px 20px -4px rgba(0, 0, 0, .07), 0 0 0 1px #cbd5e1;--shadow-glow-cyan: 0 0 20px -3px rgba(14, 165, 233, .18);--shadow-glow-emerald: 0 0 20px -3px rgba(16, 185, 129, .18)}[data-theme=light] body{background-color:var(--bg-page);color:var(--text-primary)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:var(--text-primary)!important}[data-theme=light] strong{color:var(--text-primary)}[data-theme=light] html,[data-theme=light] body,[data-theme=light] #root,[data-theme=light] .app-shell,[data-theme=light] .saas-container,[data-theme=light] .saas-workspace,[data-theme=light] .saas-canvas{background-color:var(--bg-page)!important;color:var(--text-primary)!important}[data-theme=light] .canvas-breadcrumb-row{color:var(--text-primary)!important}[data-theme=light] .canvas-breadcrumb-left{color:var(--text-secondary)!important}[data-theme=light] .canvas-page-title,[data-theme=light] .canvas-page-title span{color:var(--text-primary)!important}[data-theme=light] .canvas-page-title svg{stroke:var(--text-primary)!important}[data-theme=light] .canvas-page-title svg[color="#38bdf8"],[data-theme=light] .canvas-page-title svg[stroke="#38bdf8"]{stroke:#0284c7!important;color:#0284c7!important}[data-theme=light] .canvas-page-subtext,[data-theme=light] .canvas-breadcrumb-left span{color:var(--text-secondary)!important}[data-theme=light] .canvas-breadcrumb-left h1 span{color:var(--text-primary)!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026!important}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000047!important}[data-theme=light] *{scrollbar-color:rgba(0,0,0,.15) transparent!important}[data-theme=light] .saas-top-bar{background:var(--bg-header)!important;border-bottom:1px solid var(--border-subtle)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}[data-theme=light] .top-action-btn{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important;box-shadow:0 1px 2px #00000008!important}[data-theme=light] .top-action-btn:hover{background:#f8fafc!important;color:var(--text-primary)!important;border-color:var(--border-card-hover)!important}[data-theme=light] .btn-publish{background:#0f172a!important;color:#fff!important;border:1px solid #0f172a!important;box-shadow:0 1px 3px #0f172a40!important}[data-theme=light] .btn-publish:hover:not(:disabled){background:#1e293b!important;box-shadow:0 2px 6px #0f172a59!important}[data-theme=light] .top-breadcrumb-site{color:var(--text-primary)!important}[data-theme=light] .top-breadcrumb-current{color:var(--text-secondary)!important}[data-theme=light] .top-breadcrumb-sep{color:var(--text-muted)!important}[data-theme=light] .saas-user-pill{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;box-shadow:0 1px 2px #00000008!important}[data-theme=light] .saas-user-dropdown,[data-theme=light] .dropdown-menu{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-lg)!important;color:var(--text-primary)!important}[data-theme=light] .saas-dropdown-item{color:var(--text-secondary)!important}[data-theme=light] .saas-dropdown-item:hover{background:#f1f5f9!important;color:var(--text-primary)!important}[data-theme=light] .app-sidebar,[data-theme=light] .spotlight-sidebar{background:var(--bg-sidebar)!important;border-right:1px solid var(--border-subtle)!important}[data-theme=light] .sidebar-brand-section{border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .brand-app-name{color:var(--text-primary)!important}[data-theme=light] .brand-version-tag{background:#f1f5f9!important;border-color:var(--border-subtle)!important;color:var(--text-muted)!important}[data-theme=light] .sidebar-org-btn{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;box-shadow:0 1px 2px #00000008!important}[data-theme=light] .sidebar-org-btn:hover{background:#f8fafc!important;border-color:var(--border-card-hover)!important}[data-theme=light] .sidebar-brand-icon{background:#0f172a!important;color:#fff!important}[data-theme=light] .sidebar-site-btn{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:0 1px 2px #00000008!important}[data-theme=light] .sidebar-site-btn:hover{background:#f8fafc!important;border-color:var(--border-card-hover)!important}[data-theme=light] .site-btn-name{color:var(--text-primary)!important}[data-theme=light] .site-btn-domain{color:var(--text-muted)!important}[data-theme=light] .sidebar-back-btn{background:#0284c70f!important;border-color:#0284c72e!important;color:#0284c7!important}[data-theme=light] .sidebar-back-btn:hover{background:#0284c71f!important;border-color:#0284c747!important;color:#0369a1!important}[data-theme=light] .sidebar-site-btn.portfolio-mode{background:#f0f9ff!important;border-color:#0284c733!important}[data-theme=light] .top-breadcrumb-portfolio-link{color:#0284c7!important}[data-theme=light] .top-breadcrumb-portfolio-link:hover{color:#0369a1!important}[data-theme=light] .top-breadcrumb-site-name{color:#0f172a!important}[data-theme=light] .sidebar-site-dropdown{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-lg)!important}[data-theme=light] .dropdown-section-title{color:var(--text-muted)!important}[data-theme=light] .site-dropdown-row{color:var(--text-primary)!important}[data-theme=light] .site-dropdown-row:hover{background:#f1f5f9!important}[data-theme=light] .site-dropdown-row.active{background:#eff6ff!important;color:#1d4ed8!important}[data-theme=light] .btn-add-site-row{border-color:var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .btn-add-site-row:hover{background:#f8fafc!important;color:var(--text-primary)!important}[data-theme=light] .sidebar-link,[data-theme=light] .sidebar-nav-item{color:var(--text-secondary)!important}[data-theme=light] .sidebar-link-left svg{color:var(--text-muted)!important}[data-theme=light] .sidebar-link:hover,[data-theme=light] .sidebar-nav-item:hover{color:var(--text-primary)!important;background:#f1f5f9!important}[data-theme=light] .sidebar-link:hover .sidebar-link-left svg{color:var(--text-primary)!important}[data-theme=light] .sidebar-link.active,[data-theme=light] .sidebar-nav-item.active{color:#0f172a!important;background:#e2e8f0!important;border-color:transparent!important;font-weight:600!important}[data-theme=light] .sidebar-link.active .sidebar-link-left svg{color:#2563eb!important}[data-theme=light] .sidebar-link.active:before{background:#2563eb!important}[data-theme=light] .nav-item-badge{background:#e2e8f0!important;color:#475569!important;border-color:#cbd5e1!important}[data-theme=light] .sidebar-footer{border-top:1px solid var(--border-subtle)!important;background:var(--bg-sidebar)!important}[data-theme=light] .sidebar-status-indicator{background:#f8fafc!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .sidebar-user-name{color:var(--text-primary)!important}[data-theme=light] .sidebar-user-role{color:var(--text-muted)!important}[data-theme=light] .kpi-card,[data-theme=light] .overview-kpi-card,[data-theme=light] .project-card,[data-theme=light] .data-breakdown-card,[data-theme=light] .settings-card,[data-theme=light] .client-user-card,[data-theme=light] .client-takeaways-card,[data-theme=light] .traffic-trend-card,[data-theme=light] .traffic-donut-card,[data-theme=light] .serp-distribution-card,[data-theme=light] .keywords-card,[data-theme=light] .articles-table-card,[data-theme=light] .article-stat-card,[data-theme=light] .conversion-card,[data-theme=light] .saas-card,[data-theme=light] .webhook-config-banner,[data-theme=light] .empty-keywords-banner{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .kpi-card:hover,[data-theme=light] .project-card:hover,[data-theme=light] .client-user-card:hover,[data-theme=light] .article-stat-card:hover,[data-theme=light] .saas-card:hover{border-color:var(--border-card-hover)!important;box-shadow:var(--shadow-card-hover)!important}[data-theme=light] .kpi-title,[data-theme=light] .overview-kpi-label,[data-theme=light] .stat-label,[data-theme=light] .takeaway-label,[data-theme=light] .device-box-name,[data-theme=light] .saas-card-title,[data-theme=light] .saas-stat-sub,[data-theme=light] .sub-scores-title,[data-theme=light] .sub-score-metric{color:var(--text-secondary)!important}[data-theme=light] .kpi-value,[data-theme=light] .overview-kpi-value,[data-theme=light] .stat-value,[data-theme=light] .project-name,[data-theme=light] .takeaways-title,[data-theme=light] .traffic-card-title,[data-theme=light] .donut-center-value,[data-theme=light] .seo-metric-val,[data-theme=light] .saas-stat-num,[data-theme=light] .visitors-metric-val,[data-theme=light] .sub-score-val,[data-theme=light] .gauge-number{color:var(--text-primary)!important}[data-theme=light] .takeaway-body,[data-theme=light] .takeaway-text{color:var(--text-secondary)!important}[data-theme=light] .takeaway-item{background:#f8fafc!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .takeaway-item:hover{background:#f1f5f9!important;border-color:var(--border-card-hover)!important}[data-theme=light] .takeaway-bullet-icon{background:#fff!important;border-color:var(--border-subtle)!important}[data-theme=light] .takeaway-text strong{color:var(--text-primary)!important}[data-theme=light] .overview-kpi-shelf{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .kpi-shelf-cell{border-right:1px solid var(--border-subtle)!important}[data-theme=light] .kpi-shelf-number{color:var(--text-primary)!important}[data-theme=light] .kpi-shelf-label,[data-theme=light] .kpi-shelf-sub{color:var(--text-muted)!important}[data-theme=light] .saas-stat-top{color:var(--text-secondary)!important}[data-theme=light] .chart-metric-switcher{background:#f1f5f9!important;border-color:var(--border-subtle)!important}[data-theme=light] .chart-metric-btn{color:var(--text-secondary)!important}[data-theme=light] .chart-metric-btn.active{background:#fff!important;color:var(--text-primary)!important;box-shadow:0 1px 2px #0000000f!important}[data-theme=light] .tab-count{background:#e2e8f0!important;color:var(--text-secondary)!important}[data-theme=light] .card-badge{background:#f1f5f9!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .progress-bar-wrap{background:#e2e8f0!important}[data-theme=light] .progress-bar-fill{background:#0f172a!important}[data-theme=light] .sync-openpanel-btn{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;box-shadow:0 1px 2px #00000008!important}[data-theme=light] .sync-openpanel-btn:hover{background:#f8fafc!important;border-color:var(--border-card-hover)!important;color:var(--text-primary)!important}[data-theme=light] .telemetry-status-pill{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#059669!important}[data-theme=light] .funnel-tab-btn{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .kpi-shelf-pill.neutral{background:#f1f5f9!important;border-color:var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .gauge-track{stroke:#e2e8f0!important}[data-theme=light] .gauge-label,[data-theme=light] .gauge-total{color:var(--text-muted)!important}[data-theme=light] .sub-scores-section{border-top:1px solid var(--border-subtle)!important}[data-theme=light] .gauge-info-banner{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1e40af!important}[data-theme=light] .saas-card-select-btn{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .saas-card-select-btn:hover{background:#f8fafc!important;color:var(--text-primary)!important;border-color:var(--border-card-hover)!important}[data-theme=light] .btn-improve-perf{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=light] .btn-improve-perf:hover{background:#f8fafc!important;border-color:var(--border-card-hover)!important}[data-theme=light] .chart-grid-line{border-bottom:1px dashed var(--border-subtle)!important}[data-theme=light] .chart-grid-label,[data-theme=light] .chart-month-lbl{color:var(--text-muted)!important}[data-theme=light] .chart-bar-col:hover .chart-month-lbl,[data-theme=light] .chart-bar-col.active .chart-month-lbl{color:var(--text-primary)!important}[data-theme=light] .active-bar-tooltip{background:#fff!important;border:1px solid var(--border-subtle)!important;color:#0f172a!important;box-shadow:var(--shadow-md)!important}[data-theme=light] .active-bar-tooltip:after{border-color:#ffffff transparent transparent transparent!important}[data-theme=light] .top-pages-table th{color:var(--text-muted)!important;border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .top-pages-table td{border-bottom:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .top-pages-table td:first-child,[data-theme=light] .table-url-link{color:var(--text-primary)!important}[data-theme=light] .table-url-link:hover{color:#2563eb!important}[data-theme=light] .source-item-name{color:var(--text-primary)!important}[data-theme=light] .source-item-pct{color:var(--text-muted)!important}[data-theme=light] .source-progress-track{background:#e2e8f0!important}[data-theme=light] .saas-dropdown-select{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=light] .saas-dropdown-select option{background:#fff!important;color:var(--text-primary)!important}[data-theme=light] .donut-svg{filter:none!important}[data-theme=light] .donut-bg-ring{stroke:#e2e8f0!important}[data-theme=light] .donut-guide-ring{stroke:#cbd5e1!important}[data-theme=light] .donut-header-title h3{color:var(--text-primary)!important}[data-theme=light] .donut-center-label,[data-theme=light] .donut-center-sub{color:var(--text-muted)!important}[data-theme=light] .legend-channel-row{background:#f8fafc!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .legend-channel-row:hover,[data-theme=light] .legend-channel-row.active{background:#f1f5f9!important;border-color:var(--border-card-hover)!important}[data-theme=light] .legend-channel-name{color:var(--text-primary)!important}[data-theme=light] .legend-bar-track{background:#e2e8f0!important}[data-theme=light] .trend-bar-track{background:#f1f5f9!important}[data-theme=light] .device-segment-track{background:#e2e8f0!important}[data-theme=light] .device-metric-box{background:#f8fafc!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .device-metric-box:hover{background:#f1f5f9!important;border-color:var(--border-card-hover)!important}[data-theme=light] .device-box-name{color:var(--text-primary)!important}[data-theme=light] .device-box-sub{color:var(--text-muted)!important}[data-theme=light] .device-insight-box{background:#f8fafc!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .device-insight-box strong{color:var(--text-primary)!important}[data-theme=light] .funnel-timeframe-picker{background:#fff!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .funnel-tf-btn{color:var(--text-secondary)!important}[data-theme=light] .funnel-tf-btn:hover{color:var(--text-primary)!important}[data-theme=light] .funnel-tf-btn.active{background:#0f172a!important;color:#fff!important}[data-theme=light] .funnel-kpi-card{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .funnel-kpi-card:hover{border-color:var(--border-card-hover)!important;background:#f8fafc!important}[data-theme=light] .funnel-kpi-card.highlight-card{border-color:#a7f3d0!important;background:linear-gradient(180deg,#ecfdf5,#fff)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .funnel-kpi-shelf{gap:12px}[data-theme=light] .funnel-shelf-cell{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .funnel-shelf-cell:hover{background:#f8fafc!important;border-color:var(--border-card-hover)!important}[data-theme=light] .funnel-shelf-cell.highlight{border-color:#a7f3d0!important;background:linear-gradient(180deg,#ecfdf5,#fff)!important}[data-theme=light] .shelf-number{color:var(--text-primary)!important}[data-theme=light] .shelf-label,[data-theme=light] .shelf-subtext{color:var(--text-muted)!important}[data-theme=light] .shelf-tag.neutral{background:#f1f5f9!important;border-color:var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .funnel-pipeline-container{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .funnel-step-card{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:0 1px 2px #0000000a!important}[data-theme=light] .funnel-step-card:hover{background:#f8fafc!important;border-color:var(--border-card-hover)!important}[data-theme=light] .funnel-step-card.selected{border-color:#2563eb!important;background:#eff6ff!important;box-shadow:0 0 0 1px #2563eb,0 4px 12px #2563eb14!important}[data-theme=light] .funnel-step-card.goal.selected{border-color:#059669!important;background:#ecfdf5!important;box-shadow:0 0 0 1px #059669,0 4px 12px #0596691a!important}[data-theme=light] .step-number-badge{background:#e2e8f0!important;color:#475569!important}[data-theme=light] .funnel-inspector-panel{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .inspector-nav-row{background:#f8fafc!important;border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .inspector-tab-btn{color:var(--text-secondary)!important}[data-theme=light] .inspector-tab-btn:hover{color:var(--text-primary)!important;background:#f1f5f9!important}[data-theme=light] .inspector-tab-btn.active{color:#0f172a!important;background:#fff!important;border-color:var(--border-subtle)!important;box-shadow:0 1px 3px #0000000d!important;font-weight:600!important}[data-theme=light] .inspector-search-box{background:#fff!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .inspector-search-box input{color:var(--text-primary)!important}[data-theme=light] .inspector-search-box input::placeholder{color:#94a3b8!important}[data-theme=light] .inspector-subcard{background:#fff!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .inspector-row-item{background:#f8fafc!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .inspector-row-item:hover{background:#f1f5f9!important;border-color:var(--border-card-hover)!important}[data-theme=light] .item-title{color:var(--text-primary)!important}[data-theme=light] .item-subtitle{color:var(--text-muted)!important}[data-theme=light] .dynamic-opportunities-grid,[data-theme=light] .opportunity-card{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .opportunity-card:hover{background:#f8fafc!important}[data-theme=light] .opp-title{color:var(--text-primary)!important}[data-theme=light] .opp-metric-tag{color:var(--text-muted)!important}[data-theme=light] .conversions-filter-pills{background:#fff!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .conversions-pill-btn{color:var(--text-secondary)!important}[data-theme=light] .conversions-pill-btn.active{background:#0f172a!important;color:#fff!important}[data-theme=light] .click-element-title{color:var(--text-primary)!important}[data-theme=light] .click-share-track{background:#e2e8f0!important}[data-theme=light] .behavior-hardware-card{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .behavior-hardware-card:hover{border-color:var(--border-card-hover)!important;box-shadow:var(--shadow-card-hover)!important}[data-theme=light] .behavior-hardware-title,[data-theme=light] .behavior-hardware-count{color:var(--text-primary)!important}[data-theme=light] .behavior-progress-track{background:#e2e8f0!important}[data-theme=light] .seo-subnav-tabs{background:#f1f5f9!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .seo-subnav-tab{color:var(--text-secondary)!important}[data-theme=light] .seo-subnav-tab:hover{color:var(--text-primary)!important;background:#e2e8f0!important}[data-theme=light] .seo-subnav-tab.active{color:#0f172a!important;background:#fff!important;border-color:var(--border-subtle)!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .seo-tab-tag{background:#e2e8f0!important;color:#475569!important}[data-theme=light] .ai-bot-card{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .ai-bot-name{color:var(--text-primary)!important}[data-theme=light] .ai-bot-desc{color:var(--text-secondary)!important}[data-theme=light] .ai-bot-rule{background:#f8fafc!important;border:1px solid var(--border-subtle)!important;color:var(--text-muted)!important}[data-theme=light] .ai-card{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .ai-card-title{color:var(--text-primary)!important}[data-theme=light] .ai-schema-item{background:#f8fafc!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .ai-recommendations-card,[data-theme=light] .image-format-card,[data-theme=light] .image-table-card{background:#fff!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .image-format-bar-track{background:#e2e8f0!important}[data-theme=light] .image-toolbar{border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .image-search-input{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=light] .image-filter-chip{background:#f8fafc!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .image-filter-chip:hover{background:#f1f5f9!important;color:var(--text-primary)!important}[data-theme=light] .image-filter-chip.active{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}[data-theme=light] .sites-table-wrap,[data-theme=light] .data-table-wrap{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] th,[data-theme=light] .sortable-th{background:#f8fafc!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] th:hover,[data-theme=light] .sortable-th:hover{color:var(--text-primary)!important;background:#f1f5f9!important}[data-theme=light] td{border-bottom:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;background:#fff}[data-theme=light] tr:hover td{background:#f8fafc!important}[data-theme=light] .keyword-title-row{color:var(--text-primary)!important}[data-theme=light] .cpc-badge{color:var(--text-secondary)!important}[data-theme=light] .form-input,[data-theme=light] .search-input,[data-theme=light] .articles-search-input,[data-theme=light] .custom-select,[data-theme=light] input[type=text],[data-theme=light] input[type=search],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] textarea,[data-theme=light] select{background-color:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;box-shadow:0 1px 2px #00000008!important}[data-theme=light] .form-input:focus,[data-theme=light] .search-input:focus,[data-theme=light] .articles-search-input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}[data-theme=light] ::placeholder{color:#94a3b8!important}[data-theme=light] .form-label{color:var(--text-secondary)!important}[data-theme=light] .form-hint{color:var(--text-muted)!important}[data-theme=light] .btn-secondary,[data-theme=light] .articles-ghost-btn,[data-theme=light] .articles-secondary-btn,[data-theme=light] .copy-btn,[data-theme=light] .article-action-btn.secondary{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;box-shadow:0 1px 2px #00000008!important}[data-theme=light] .btn-secondary:hover,[data-theme=light] .articles-ghost-btn:hover,[data-theme=light] .articles-secondary-btn:hover,[data-theme=light] .article-action-btn.secondary:hover{background:#f8fafc!important;border-color:var(--border-card-hover)!important;color:var(--text-primary)!important}[data-theme=light] .preset-chip,[data-theme=light] .timeframe-btn{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .preset-chip:hover,[data-theme=light] .timeframe-btn:hover{background:#f1f5f9!important;color:var(--text-primary)!important}[data-theme=light] .preset-chip.active,[data-theme=light] .timeframe-btn.active{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}[data-theme=light] .modal-backdrop,[data-theme=light] .cmd-dialog-overlay{background:#0f172a73!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}[data-theme=light] .modal-content,[data-theme=light] .cmd-dialog-content,[data-theme=light] .inspector-drawer,[data-theme=light] .article-editor-modal,[data-theme=light] .editor-modal-container{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;box-shadow:0 20px 40px -8px #0000001f!important}[data-theme=light] .cmd-search-input{background:transparent!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .cmd-group-title{color:var(--text-muted)!important}[data-theme=light] .cmd-item{color:var(--text-secondary)!important}[data-theme=light] .cmd-item:hover,[data-theme=light] .cmd-item.selected{background:#f1f5f9!important;color:var(--text-primary)!important}[data-theme=light] kbd,[data-theme=light] .kbd-badge{background:#f1f5f9!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .mobile-drawer-overlay{background:#0f172a73!important}[data-theme=light] .mobile-drawer-content{background:var(--bg-sidebar)!important;border-right:1px solid var(--border-subtle)!important}[data-theme=light] .articles-publisher-container,[data-theme=light] .articles-container{background:var(--bg-page)!important;color:var(--text-primary)!important}[data-theme=light] .articles-page-title,[data-theme=light] .articles-title{color:var(--text-primary)!important}[data-theme=light] .articles-page-subtitle,[data-theme=light] .articles-subtitle{color:var(--text-secondary)!important}[data-theme=light] .article-row{background:#fff!important;border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .article-row:hover{background:#f8fafc!important}[data-theme=light] .article-row-title{color:var(--text-primary)!important}[data-theme=light] .article-row-excerpt{color:var(--text-secondary)!important}[data-theme=light] .meta-item{color:var(--text-muted)!important}[data-theme=light] .meta-sep{color:var(--border-subtle)!important}[data-theme=light] .articles-empty-state h3{color:var(--text-primary)!important}[data-theme=light] .articles-empty-state p{color:var(--text-secondary)!important}[data-theme=light] .editor-modal-header{background:#f8fafc!important;border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .editor-modal-title{color:var(--text-primary)!important}[data-theme=light] .editor-modal-subtitle{color:var(--text-secondary)!important}[data-theme=light] .editor-tab-pill-group{background:#f1f5f9!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .editor-tab-pill{color:var(--text-secondary)!important}[data-theme=light] .editor-tab-pill:hover{color:var(--text-primary)!important;background:#e2e8f0!important}[data-theme=light] .editor-tab-pill.active{background:#fff!important;color:#0f172a!important;box-shadow:0 1px 3px #00000014!important;font-weight:600!important}[data-theme=light] .modal-close-btn{color:var(--text-secondary)!important}[data-theme=light] .modal-close-btn:hover{color:var(--text-primary)!important;background:#f1f5f9!important}[data-theme=light] .editor-modal-footer{background:#f8fafc!important;border-top:1px solid var(--border-subtle)!important}[data-theme=light] .editor-field-group label{color:var(--text-secondary)!important}[data-theme=light] .editor-input{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=light] .editor-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}[data-theme=light] .slug-input-wrap{background:#fff!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .slug-prefix{color:var(--text-muted)!important}[data-theme=light] .visual-editor-container{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .visual-editor-top-bar{background:#f8fafc!important;border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .editor-btn-cluster{background:#fff!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .editor-tools-divider{background:var(--border-subtle)!important}[data-theme=light] .editor-tool-btn{color:var(--text-secondary)!important}[data-theme=light] .editor-tool-btn:hover{background:#e2e8f0!important;color:var(--text-primary)!important}[data-theme=light] .editor-tool-btn.active{background:#cbd5e1!important;color:#0f172a!important;border-color:transparent!important}[data-theme=light] .editor-action-pill{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;box-shadow:0 1px 2px #00000008!important}[data-theme=light] .editor-action-pill:hover{background:#f8fafc!important;border-color:var(--border-card-hover)!important}[data-theme=light] .templates-menu-popup{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-lg)!important}[data-theme=light] .template-menu-item:hover{background:#f1f5f9!important}[data-theme=light] .template-menu-item .item-title{color:var(--text-primary)!important}[data-theme=light] .template-menu-item .item-desc{color:var(--text-muted)!important}[data-theme=light] .editor-mode-toggle{background:#f1f5f9!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .editor-mode-toggle .mode-btn{color:var(--text-secondary)!important}[data-theme=light] .editor-mode-toggle .mode-btn.active{background:#fff!important;color:#0f172a!important;box-shadow:0 1px 2px #00000014!important}[data-theme=light] .visual-editor-body{background:#fff!important}[data-theme=light] .visual-content-canvas{color:var(--text-primary)!important}[data-theme=light] .visual-content-canvas h2{color:var(--text-primary)!important;border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .visual-content-canvas h3{color:var(--text-primary)!important}[data-theme=light] .visual-content-canvas p{color:var(--text-secondary)!important}[data-theme=light] .visual-content-canvas blockquote{background:#f0f9ff!important;color:#0369a1!important;border-left-color:#0284c7!important}[data-theme=light] .visual-content-canvas:empty:before{color:#94a3b8!important}[data-theme=light] .code-mode-banner{background:#f8fafc!important;border-bottom:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .code-mode-textarea{background:#f8fafc!important;color:#0284c7!important}[data-theme=light] .visual-editor-status-bar{background:#f8fafc!important;border-top:1px solid var(--border-subtle)!important;color:var(--text-muted)!important}[data-theme=light] .submodal-content{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-lg)!important}[data-theme=light] .submodal-header{border-bottom:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=light] .submodal-title{color:var(--text-primary)!important}[data-theme=light] .submodal-field label{color:var(--text-secondary)!important}[data-theme=light] .submodal-field input{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=light] .google-serp-preview{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .serp-site-name{color:#202124!important}[data-theme=light] .serp-url{color:#4d5156!important}[data-theme=light] .editor-modal-container.full-canvas{background:#fff!important}[data-theme=light] .preview-sticky-header{background:#fffffff2!important;border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .preview-v2-toolbar{background:#f8fafc!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .preview-omnibar{background:#fff!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .viewport-pill.active,[data-theme=light] .mode-pill.active{background:#0f172a!important;color:#fff!important}[data-theme=light] .preview-aux-btn{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=light] .client-mock-header-v2{background:#fff!important;border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .client-mock-brand-name{color:var(--text-primary)!important}[data-theme=light] .client-preview-iframe{background:#fff!important}[data-theme=light] .mock-cta-input{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=light] .mock-related-card{background:#fff!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .mock-related-heading{color:var(--text-primary)!important}[data-theme=light] .mock-feed-card{background:#fff!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .ai-studio-modal-card{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:0 20px 50px #0000001f!important}[data-theme=light] .ai-studio-header{background:linear-gradient(135deg,#38bdf814,#6366f10a)!important;border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .ai-title{color:var(--text-primary)!important}[data-theme=light] .ai-subtitle{color:var(--text-secondary)!important}[data-theme=light] .ai-subtitle strong,[data-theme=light] .ai-field-label{color:var(--text-primary)!important}[data-theme=light] .ai-topic-input{background:#fff!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}[data-theme=light] .idea-chip{background:#f1f5f9!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .idea-chip:hover{background:#eff6ff!important;color:#2563eb!important;border-color:#bfdbfe!important}[data-theme=light] .config-block{background:#f8fafc!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .block-label{color:var(--text-primary)!important}[data-theme=light] .ai-studio-footer{background:#f8fafc!important;border-top:1px solid var(--border-subtle)!important}[data-theme=light] .trend-tooltip{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-md)!important;color:#0f172a!important}[data-theme=light] .trend-tooltip .tooltip-val{color:#0f172a!important}[data-theme=light] .trend-tooltip .tooltip-date{color:#64748b!important}[data-theme=light] .code-box-container,[data-theme=light] .code-snippet-box{background:#f8fafc!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .code-box-container pre,[data-theme=light] .code-snippet-box pre{color:#0f172a!important}[data-theme=light] .code-box-header,[data-theme=light] .snippet-header{background:#f1f5f9!important;border-bottom:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}[data-theme=light] .live-guide-modal-container{background:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-lg)!important}[data-theme=light] .live-guide-tab-bar{background:#f8fafc!important;border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .guide-tab-btn{color:var(--text-secondary)!important}[data-theme=light] .guide-tab-btn.active{color:#0284c7!important;border-bottom-color:#0284c7!important}[data-theme=light] .settings-card-header h2{color:var(--text-primary)!important}[data-theme=light] .settings-card-header p{color:var(--text-secondary)!important}[data-theme=light] .lead-row{border-bottom:1px solid var(--border-subtle)!important}[data-theme=light] .lead-row:hover{background:#f8fafc!important}[data-theme=light] .lead-name{color:var(--text-primary)!important}[data-theme=light] .lead-detail-box{background:#f8fafc!important;border:1px solid var(--border-subtle)!important}[data-theme=light] .toast-notice{background:#0f172a!important;color:#fff!important;border:1px solid #1e293b!important;box-shadow:0 10px 30px #00000026!important}.theme-toggle-btn{position:relative;transition:transform .2s cubic-bezier(.16,1,.3,1),background .15s ease,border-color .15s ease}.theme-toggle-btn:hover{transform:rotate(15deg)}.theme-toggle-btn:active{transform:scale(.92)!important}.ov-hub{display:flex;flex-direction:column;gap:22px;width:100%;max-width:1320px;margin:0 auto}.ov-site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.ov-site-identity{display:flex;align-items:center;gap:14px;min-width:0}.ov-site-avatar{width:42px;height:42px;border-radius:9px;background:#38bdf814;border:1px solid rgba(56,189,248,.2);display:flex;align-items:center;justify-content:center;color:#38bdf8;flex-shrink:0}.ov-site-details{display:flex;flex-direction:column;gap:4px;min-width:0}.ov-site-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ov-site-heading{font-size:21px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;letter-spacing:-.02em}.ov-platform-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-subtle)}.ov-site-subrow{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-secondary);flex-wrap:wrap}.ov-domain-anchor{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .15s ease}.ov-domain-anchor:hover{color:#38bdf8;text-decoration:underline}.ov-external-icon{opacity:.6;transition:opacity .15s ease}.ov-domain-anchor:hover .ov-external-icon{opacity:1}.ov-meta-divider{color:var(--text-faint);-webkit-user-select:none;user-select:none}.ov-meta-tag{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary)}.ov-health-score{font-family:var(--font-mono);font-size:12px}.ov-health-score.good{color:#10b981}.ov-health-score.fair{color:#f59e0b}.ov-health-score.poor{color:#ef4444}.ov-site-actions{display:flex;align-items:center;gap:8px}.ov-visit-action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease}.ov-notice-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-radius:8px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);transition:background .15s ease}.ov-notice-left{display:flex;align-items:center;gap:12px;min-width:0}.ov-notice-icon-box{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ov-notice-icon-box.info{background:#3b82f61f;border:1px solid rgba(59,130,246,.25)}.ov-notice-icon-box.warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.25)}.ov-notice-icon-box.critical{background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.ov-notice-text{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}.ov-notice-title{font-size:12.5px;font-weight:600;color:var(--text-primary)}.ov-notice-desc{font-size:12px;color:var(--text-secondary)}.ov-notice-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:500;border-radius:5px;cursor:pointer;white-space:nowrap;flex-shrink:0}.ov-metrics-horizon{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.ov-metric-cell{padding:16px 20px;display:flex;flex-direction:column;gap:4px;cursor:pointer;position:relative;transition:background .15s ease;-webkit-user-select:none;user-select:none}.ov-metric-cell:not(:last-child):after{content:"";position:absolute;right:0;top:15%;bottom:15%;width:1px;background:var(--border-subtle)}.ov-metric-cell:hover{background:#ffffff06}.ov-metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ov-metric-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.ov-metric-glyph{color:var(--text-muted);opacity:.6}.ov-metric-num{font-size:26px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1.15;margin-top:2px}.ov-metric-sub{font-size:11.5px;color:var(--text-secondary);line-height:1.3;margin-top:1px}.ov-shortcuts-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ov-shortcut-card{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;transition:all .15s ease}.ov-shortcut-card:hover{background:var(--bg-card-hover);border-color:var(--border-card-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ov-shortcut-icon-box{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ov-shortcut-icon-box.articles{background:#a855f71a;color:#c084fc;border:1px solid rgba(168,85,247,.2)}.ov-shortcut-icon-box.leads{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.ov-shortcut-icon-box.traffic{background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.ov-shortcut-icon-box.seo{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.ov-shortcut-label-wrap{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.ov-shortcut-headline{display:flex;align-items:center;gap:6px}.ov-shortcut-name{font-size:12.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-shortcut-counter{font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.ov-shortcut-caption{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-shortcut-arrow-icon{color:var(--text-muted);opacity:.4;transition:all .15s ease;flex-shrink:0}.ov-shortcut-card:hover .ov-shortcut-arrow-icon{opacity:1;color:var(--text-primary);transform:translate(2px)}.ov-split-deck{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ov-deck-panel{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.ov-panel-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border-card)}.ov-panel-title-group{display:flex;align-items:center;gap:8px}.ov-panel-heading{font-size:13.5px;font-weight:600;color:var(--text-primary);margin:0}.ov-panel-text-link{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:#38bdf8;background:transparent;border:none;cursor:pointer;padding:0;transition:color .15s ease}.ov-panel-text-link:hover{color:#7dd3fc;text-decoration:underline}.ov-system-live-pill{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:10px;background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.ov-panel-body-area{padding:16px 18px;display:flex;flex-direction:column;flex:1}.ov-lead-status-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:36px 16px;color:var(--text-muted);font-size:12.5px}.ov-lead-item-card{display:flex;gap:12px;padding:12px 14px;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:8px}.ov-lead-avatar-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#10b98133,#38bdf833);border:1px solid rgba(16,185,129,.35);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#34d399;flex-shrink:0}.ov-lead-info-col{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.ov-lead-header-subrow{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.ov-lead-name-text{font-size:13px;font-weight:600;color:var(--text-primary)}.ov-lead-timestamp{font-size:11px;color:var(--text-muted)}.ov-lead-email-text{font-family:var(--font-mono);font-size:11.5px;color:#38bdf8}.ov-lead-message-quote{font-size:12px;color:var(--text-secondary);margin:4px 0 6px;line-height:1.4;background:#0000002e;padding:8px 10px;border-radius:6px;border-left:2px solid #10b981}.ov-lead-tags-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ov-lead-source-badge{font-size:10.5px;color:var(--text-muted);background:#ffffff0a;padding:2px 7px;border-radius:4px;border:1px solid var(--border-subtle)}.ov-lead-verified-badge{font-size:10.5px;color:#10b981;font-weight:500}.ov-lead-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;gap:6px;flex:1;justify-content:center}.ov-lead-empty-icon-wrap{width:38px;height:38px;border-radius:50%;background:#ffffff08;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;margin-bottom:2px}.ov-lead-empty-title{font-size:13px;font-weight:600;color:var(--text-primary)}.ov-lead-empty-text{font-size:11.5px;color:var(--text-muted);max-width:300px;line-height:1.4;margin:0}.ov-telemetry-nav-list{display:flex;flex-direction:column;gap:8px}.ov-telemetry-nav-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:7px;cursor:pointer;text-align:left;transition:all .15s ease}.ov-telemetry-nav-item:hover{background:#ffffff0b;border-color:#ffffff1f;transform:translate(2px)}.ov-telemetry-nav-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.ov-telemetry-icon-box{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ov-telemetry-icon-box.traffic{background:#38bdf81a;color:#38bdf8}.ov-telemetry-icon-box.behavior{background:#a855f71a;color:#c084fc}.ov-telemetry-icon-box.funnel{background:#10b9811a;color:#34d399}.ov-telemetry-icon-box.seo{background:#f59e0b1a;color:#fbbf24}.ov-telemetry-nav-info{display:flex;flex-direction:column;gap:1px;min-width:0}.ov-telemetry-item-name{font-size:12px;font-weight:600;color:var(--text-primary)}.ov-telemetry-item-sub{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-telemetry-item-arrow{color:var(--text-muted);opacity:.4;transition:all .15s ease;flex-shrink:0}.ov-telemetry-nav-item:hover .ov-telemetry-item-arrow{color:#38bdf8;opacity:1;transform:translate(2px)}.ov-panel-footer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 18px;border-top:1px solid var(--border-card);background:#0000001f;font-size:11px;color:var(--text-muted)}.ov-footer-meta-note{color:var(--text-muted)}.ov-footer-action-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#38bdf8;background:transparent;border:none;cursor:pointer;padding:0}.ov-footer-action-link:hover{color:#7dd3fc;text-decoration:underline}@media(max-width:1024px){.ov-metrics-horizon{grid-template-columns:repeat(2,1fr)}.ov-metric-cell:nth-child(2):after{display:none}.ov-metric-cell:nth-child(1),.ov-metric-cell:nth-child(2){border-bottom:1px solid var(--border-subtle)}.ov-shortcuts-bar{grid-template-columns:repeat(2,1fr)}.ov-split-deck{grid-template-columns:1fr}}@media(max-width:768px){.ov-hub{gap:18px}.ov-site-header{flex-direction:column;align-items:flex-start;gap:14px}.ov-site-actions{width:100%}.ov-visit-action-btn{width:100%;justify-content:center}.ov-notice-strip{flex-direction:column;align-items:flex-start;gap:10px}.ov-notice-btn{width:100%;justify-content:center}}@media(max-width:520px){.ov-metrics-horizon{grid-template-columns:1fr}.ov-metric-cell:not(:last-child):after{display:none}.ov-metric-cell:not(:last-child){border-bottom:1px solid var(--border-subtle)}.ov-shortcuts-bar{grid-template-columns:1fr}.ov-site-heading{font-size:19px}}[data-theme=light] .ov-metrics-horizon,[data-theme=light] .ov-deck-panel,[data-theme=light] .ov-shortcut-card{background:#fff!important;border-color:#00000014!important;box-shadow:0 1px 3px #0000000d!important}[data-theme=light] .ov-metric-cell:hover,[data-theme=light] .ov-shortcut-card:hover{background:#f8fafc!important;border-color:#00000024!important}[data-theme=light] .ov-platform-badge{background:#f1f5f9!important;border-color:#00000014!important;color:var(--text-primary)!important}[data-theme=light] .ov-notice-strip{background:#3b82f60f!important;border-color:#3b82f638!important}[data-theme=light] .ov-lead-item-card{background:#f8fafc!important;border-color:#0000000f!important}[data-theme=light] .ov-lead-message-quote{background:#f1f5f9!important;color:var(--text-primary)!important}[data-theme=light] .ov-telemetry-nav-item{background:#f8fafc!important;border-color:#0000000f!important}[data-theme=light] .ov-telemetry-nav-item:hover{background:#f1f5f9!important;border-color:#0000001f!important}[data-theme=light] .ov-panel-footer-row{background:#f8fafc!important;border-top-color:#0000000f!important}[data-theme=light] .ov-lead-empty-icon-wrap{background:#f1f5f9!important;border-color:#00000014!important}.client-sidebar-identity{padding:14px 14px 16px;border-bottom:1px solid var(--border-subtle);margin-bottom:10px}.client-sidebar-site-name{font-size:14.5px;font-weight:600;color:var(--text-primary);line-height:1.3;letter-spacing:-.01em}.client-sidebar-portal-tag{font-size:11px;font-weight:500;color:var(--text-muted);margin-top:3px;letter-spacing:.02em}.client-sidebar-multisite-btn{background:none;border:none;font-size:11px;color:#38bdf8;cursor:pointer;padding:0;margin-top:4px;display:inline-flex;align-items:center;gap:3px}.client-sidebar-multisite-btn:hover{text-decoration:underline}.client-nav-group{margin-bottom:18px}.client-nav-label{display:block;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:6px 14px 4px}.client-nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;min-height:36px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s ease;text-align:left}.client-nav-link:hover{color:var(--text-primary);background:var(--bg-card-hover)}.client-nav-link.active{color:var(--text-primary);background:var(--bg-card);font-weight:600;box-shadow:0 1px 2px #0000000f}.client-nav-left{display:flex;align-items:center;gap:10px}.client-nav-badge{font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:9999px;background:var(--bg-muted);color:var(--text-secondary)}.client-sidebar-footer{margin-top:auto;padding:12px 14px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px}.client-sidebar-visit-btn{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:6px;font-size:12.5px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-subtle);text-decoration:none;transition:all .15s ease}.client-sidebar-visit-btn:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--border-card-hover)}.client-user-row{display:flex;align-items:center;gap:10px;padding:4px 2px}.client-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-muted);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;flex-shrink:0}.client-user-meta{display:flex;flex-direction:column;min-width:0;flex:1}.client-user-name{font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-user-role{font-size:10.5px;color:var(--text-muted)}.client-ov-hub{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:6px 0 36px}.client-ov-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.client-ov-title-wrap{display:flex;flex-direction:column;gap:6px}.client-ov-site-title{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0;line-height:1.2}.client-ov-subrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.client-ov-domain{font-size:13px;color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;gap:4px;transition:color .15s ease}.client-ov-domain:hover{color:var(--text-primary)}.client-ov-live-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;background:var(--live-green-bg);border:1px solid var(--live-green-border);color:var(--live-green)}.client-ov-live-dot{width:6px;height:6px;border-radius:50%;background:var(--live-green)}.client-ov-visit-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:6px;font-size:12.5px;font-weight:500;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-decoration:none;transition:all .15s ease}.client-ov-visit-btn:hover{background:var(--bg-card-hover);border-color:var(--border-card-hover)}.client-ov-metrics-shelf{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.client-ov-metric-item{padding:20px 22px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--border-subtle);transition:background .15s ease}.client-ov-metric-item:last-child{border-right:none}.client-ov-metric-label{font-size:12px;font-weight:500;color:var(--text-muted)}.client-ov-metric-value{font-size:26px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.client-ov-deck{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:start}.client-ov-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.client-ov-card-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.client-ov-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.client-ov-link{font-size:12px;font-weight:500;color:#38bdf8;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:0;transition:opacity .15s ease}.client-ov-link:hover{opacity:.85}.client-lead-list{display:flex;flex-direction:column}.client-lead-item{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;gap:14px;align-items:flex-start;transition:background .15s ease}.client-lead-item:last-child{border-bottom:none}.client-lead-item:hover{background:var(--bg-card-hover)}.client-lead-avatar{width:34px;height:34px;border-radius:50%;background:var(--bg-muted);color:var(--text-primary);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-lead-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.client-lead-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.client-lead-name{font-size:13.5px;font-weight:600;color:var(--text-primary)}.client-lead-time{font-size:11px;color:var(--text-muted);white-space:nowrap}.client-lead-email{font-size:12px;color:var(--text-secondary)}.client-lead-quote{font-size:12.5px;color:var(--text-secondary);font-style:italic;margin-top:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.client-lead-empty{padding:32px 20px;text-align:center;color:var(--text-muted);font-size:13px}.client-perf-body{padding:18px 20px;display:flex;flex-direction:column;gap:18px}.client-perf-row{display:flex;flex-direction:column;gap:3px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.client-perf-row:last-child{padding-bottom:0;border-bottom:none}.client-perf-row-label{font-size:11.5px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.client-perf-row-val{font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.client-perf-row-desc{font-size:12px;color:var(--text-secondary)}.client-actions-section{display:flex;flex-direction:column;gap:12px}.client-actions-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.client-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.client-action-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease;text-align:left}.client-action-btn:hover{background:var(--bg-card-hover);border-color:var(--border-card-hover);transform:translateY(-1px)}@media(max-width:1024px){.client-ov-metrics-shelf{grid-template-columns:repeat(2,1fr)}.client-ov-metric-item:nth-child(2){border-right:none}.client-ov-metric-item:nth-child(1),.client-ov-metric-item:nth-child(2){border-bottom:1px solid var(--border-subtle)}.client-ov-deck{grid-template-columns:1fr}.client-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.client-ov-hub{gap:18px}}@media(max-width:480px){.client-ov-metrics-shelf{grid-template-columns:1fr}.client-ov-metric-item{border-right:none;border-bottom:1px solid var(--border-subtle)}.client-ov-metric-item:last-child{border-bottom:none}.client-actions-grid{grid-template-columns:1fr}.client-lead-head{flex-direction:column;gap:2px}}.client-page-container{display:flex;flex-direction:column;gap:22px;max-width:1320px;margin:0 auto;padding:8px 0 40px;width:100%}.client-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.client-page-title-wrap{display:flex;flex-direction:column;gap:5px}.client-page-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.client-page-title{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0;line-height:1.2}.client-page-subtext{font-size:13px;color:var(--text-tertiary);margin:0;display:flex;align-items:center;gap:8px}.client-page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.client-btn-primary{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;font-size:12.5px;font-weight:600;background:#fff!important;color:#09090b!important;border:1px solid #ffffff!important;cursor:pointer;transition:all .15s ease;white-space:nowrap}.client-btn-primary *,.client-btn-primary span{color:#09090b!important}.client-btn-primary svg{color:#09090b!important;stroke:#09090b!important}.client-btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.client-btn-primary:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .client-btn-primary,html[data-theme=light] .client-btn-primary{background:#0f172a!important;color:#fff!important;border:1px solid #0f172a!important}[data-theme=light] .client-btn-primary *,[data-theme=light] .client-btn-primary span,html[data-theme=light] .client-btn-primary *,html[data-theme=light] .client-btn-primary span{color:#fff!important}[data-theme=light] .client-btn-primary svg,html[data-theme=light] .client-btn-primary svg{color:#fff!important;stroke:#fff!important}.client-btn-secondary{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;font-size:12.5px;font-weight:500;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease;white-space:nowrap}.client-btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-card-hover)}.client-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.client-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.client-filter-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.client-filter-pill{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500;background:#ffffff0d;color:#a1a1aa!important;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .15s ease}.client-filter-pill:hover{color:#fff!important;border-color:#ffffff40;background:#ffffff14}.client-filter-pill.active{background:#fff!important;color:#09090b!important;border-color:#fff!important;font-weight:600!important}.client-filter-pill.active *,.client-filter-pill.active span{color:#09090b!important}[data-theme=light] .client-filter-pill,html[data-theme=light] .client-filter-pill{background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important}[data-theme=light] .client-filter-pill:hover,html[data-theme=light] .client-filter-pill:hover{color:#0f172a!important;background:#e2e8f0!important}[data-theme=light] .client-filter-pill.active,html[data-theme=light] .client-filter-pill.active{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important;font-weight:600!important}[data-theme=light] .client-filter-pill.active *,[data-theme=light] .client-filter-pill.active span,html[data-theme=light] .client-filter-pill.active *,html[data-theme=light] .client-filter-pill.active span{color:#fff!important}.client-search-wrap{position:relative;display:flex;align-items:center;min-width:240px}.client-search-icon{position:absolute;left:11px;color:var(--text-muted);pointer-events:none}.client-search-input{width:100%;padding:7px 12px 7px 32px;border-radius:8px;font-size:12.5px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);outline:none;transition:all .15s ease}.client-search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf826}.client-search-input::placeholder{color:var(--text-muted)}.client-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.client-card-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.client-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.client-card-subtitle{font-size:12px;color:var(--text-tertiary);margin-top:2px}.client-list{display:flex;flex-direction:column}.client-list-item{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background .15s ease}.client-list-item:last-child{border-bottom:none}.client-list-item:hover{background:var(--bg-card-hover)}.client-lead-row{padding:18px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:flex-start;gap:16px;transition:background .15s ease}.client-lead-row:last-child{border-bottom:none}.client-lead-row:hover{background:var(--bg-card-hover)}.client-lead-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.client-lead-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.client-lead-headline{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.client-lead-name-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.client-lead-name{font-size:14px;font-weight:600;color:var(--text-primary)}.client-lead-email{font-size:12.5px;font-family:var(--font-mono, monospace);color:#38bdf8;text-decoration:none}.client-lead-email:hover{text-decoration:underline}.client-lead-phone{font-size:12px;color:var(--text-muted)}.client-lead-time{font-size:11.5px;color:var(--text-muted);white-space:nowrap}.client-lead-body-msg{font-size:13px;color:var(--text-secondary);line-height:1.5;background:var(--bg-surface);border-left:2px solid var(--border-card-hover);padding:8px 12px;border-radius:0 6px 6px 0;margin-top:4px;word-break:break-word}.client-lead-footer-row{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:11px;color:var(--text-muted)}.client-lead-source-tag{display:inline-flex;align-items:center;gap:4px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 7px;font-size:11px;color:var(--text-secondary)}.client-article-card{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:18px;transition:background .15s ease}.client-article-card:last-child{border-bottom:none}.client-article-card:hover{background:var(--bg-card-hover)}.client-article-thumb{width:56px;height:56px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.client-article-thumb img{width:100%;height:100%;object-fit:cover}.client-article-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.client-article-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.client-article-title{font-size:14.5px;font-weight:600;color:var(--text-primary);cursor:pointer;line-height:1.3}.client-article-title:hover{color:#38bdf8}.client-article-excerpt{font-size:12.5px;color:var(--text-tertiary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.client-article-meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-muted);flex-wrap:wrap;margin-top:2px}.client-article-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.client-icon-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;padding:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.client-icon-btn:hover{color:var(--text-primary);border-color:var(--border-card-hover);background:var(--bg-card-hover)}.client-icon-btn.danger:hover{color:#ef4444;border-color:#ef44444d;background:#ef444414}.client-status-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.client-status-badge.live{background:#10b9811f;color:#10b981}.client-status-badge.draft{background:#f59e0b1f;color:#f59e0b}.client-status-badge.neutral{background:var(--bg-surface);color:var(--text-secondary)}.client-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.client-empty-box{padding:44px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.client-empty-icon-wrap{width:48px;height:48px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:4px}.client-empty-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.client-empty-desc{font-size:13px;color:var(--text-tertiary);max-width:420px;margin:0;line-height:1.45}.client-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.client-health-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle);font-size:13px}.client-health-item:last-child{border-bottom:none}.client-health-label{color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:8px}.client-health-status{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500}.client-health-status.pass{color:#10b981}.client-health-status.notice{color:#f59e0b}.client-table{width:100%;border-collapse:collapse;font-size:13px}.client-table th{padding:12px 16px;text-align:left;font-size:11.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.client-table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.client-table tr:last-child td{border-bottom:none}.client-table tr:hover td{background:var(--bg-card-hover)}.client-rank-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:12px;font-size:11.5px;font-weight:600}.client-rank-pill.top3{background:#10b9811f;color:#10b981}.client-rank-pill.top10{background:#38bdf81f;color:#38bdf8}.client-rank-pill.other{background:var(--bg-surface);color:var(--text-secondary)}@media(max-width:1024px){.client-seo-grid{grid-template-columns:1fr}}@media(max-width:768px){.client-page-header{flex-direction:column;align-items:flex-start}.client-toolbar{flex-direction:column;align-items:stretch}.client-search-wrap{min-width:100%}}@media(max-width:480px){.client-article-card{flex-direction:column;align-items:flex-start}.client-article-actions{width:100%;justify-content:flex-end;margin-top:8px}.client-lead-headline{flex-direction:column;align-items:flex-start}}