:root{--bg: #f8f4ed;--surface: #f0ebe3;--fg: #000000;--muted: #8c8c8c;--border: #dbdbdb;--accent: #d97757;--accent-secondary: #476cff;--accent-soft: rgba(217, 119, 87, .1);--accent-secondary-soft: rgba(71, 108, 255, .08);--success: #2a9d5c;--success-soft: rgba(42, 157, 92, .1);--danger: #c94444;--danger-soft: rgba(201, 68, 68, .1);--font-body: "Inter", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", ui-monospace, monospace;--radius: 8px;--sidebar-w: 248px;--header-h: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--fg);font:14px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}body{overflow:hidden}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font:inherit;border:none;background:none;color:inherit;outline:none}select{font:inherit}a{color:inherit;text-decoration:none}.content-scroll::-webkit-scrollbar,.table-body::-webkit-scrollbar{width:5px}.content-scroll::-webkit-scrollbar-track,.table-body::-webkit-scrollbar-track{background:transparent}.content-scroll::-webkit-scrollbar-thumb,.table-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.table-body::-webkit-scrollbar{width:3px}.table-body::-webkit-scrollbar-thumb{border-radius:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.auth-brand-icon{width:32px;height:32px;border-radius:var(--radius);background:var(--accent);display:flex;align-items:center;justify-content:center}.auth-brand-text{font-size:15px;font-weight:700;letter-spacing:-.02em}.auth-brand-sub{font-size:10.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.auth-title{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.auth-subtitle{font-size:12.5px;color:var(--muted);margin-bottom:20px}.auth-field{margin-bottom:12px}.auth-field label{display:block;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}.auth-field input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;font-size:13px}.auth-field input::placeholder{color:var(--muted)}.auth-field input:focus{border-color:var(--accent);outline:none}.auth-submit{width:100%;background:var(--accent);color:#fff;border-radius:var(--radius);padding:10px 12px;font-size:13px;font-weight:600;margin-top:4px;transition:opacity .15s ease}.auth-submit:hover{opacity:.9}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius);padding:8px 10px;font-size:12px;margin-bottom:12px}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-oauth{display:flex;flex-direction:column;gap:8px}.auth-oauth-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;font-size:12.5px;font-weight:500}.auth-oauth-btn:hover{border-color:var(--accent)}.auth-footer{margin-top:18px;text-align:center;font-size:12px;color:var(--muted)}.auth-footer a{color:var(--accent);font-weight:500}.auth-mode-badge{margin-bottom:14px;background:var(--accent-secondary-soft);color:var(--accent-secondary);border-radius:var(--radius);padding:7px 10px;font-size:11px;text-align:center}.main{display:flex;flex-direction:column;height:100vh;min-width:0}.content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 24px}@media (max-width: 768px){.content-scroll{padding:14px}}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;width:100vw}@media (max-width: 1024px){.shell{grid-template-columns:1fr}}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow-y:auto}.sidebar-brand{padding:20px 20px 16px;display:flex;align-items:center;gap:10px}.sidebar-brand-icon{width:32px;height:32px;border-radius:var(--radius);background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-icon svg{width:18px;height:18px}.sidebar-brand-text{font-size:15px;font-weight:700;letter-spacing:-.02em}.sidebar-brand-sub{font-size:10.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.sidebar-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:12px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);font-size:12.5px;font-weight:500;color:var(--fg);position:relative;width:100%;text-align:left}.nav-item:hover{background:var(--accent-soft);color:var(--fg)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--accent)}.nav-item svg{width:16px;height:16px;flex-shrink:0;opacity:.6}.nav-item.active svg{opacity:1}.nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px}.sidebar-footer{padding:14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:12.5px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:10.5px;color:var(--muted)}.sidebar-signout{width:28px;height:28px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.sidebar-signout:hover{background:var(--accent-soft);color:var(--accent)}.sidebar-signout svg{width:14px;height:14px}@media (max-width: 1024px){.sidebar{display:none}}.site-switcher{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:12px;font-weight:500;color:var(--fg);cursor:pointer;max-width:200px}.site-switcher:hover{border-color:var(--accent)}.site-switcher:focus{border-color:var(--accent);outline:none}.header{height:var(--header-h);padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.header-left,.header-right{display:flex;align-items:center;gap:8px}.header-title{font-size:16px;font-weight:700;letter-spacing:-.02em;margin-right:4px}.ctrl-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:12px;color:var(--fg);cursor:pointer}.ctrl-select:hover{border-color:var(--accent)}.ctrl-btn{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:12px;color:var(--muted)}.ctrl-btn:hover{border-color:var(--accent);color:var(--fg)}.ctrl-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.ctrl-btn svg{width:13px;height:13px}.search-box{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px}.search-box:focus-within{border-color:var(--accent)}.search-box svg{width:13px;height:13px;color:var(--muted);flex-shrink:0}.search-box input{flex:1;font-size:12px;min-width:0}.search-box input::placeholder{color:var(--muted)}.notif-btn{position:relative;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:var(--surface)}.notif-btn:hover{border-color:var(--accent)}.notif-btn svg{width:15px;height:15px;color:var(--muted)}.notif-badge{position:absolute;top:-3px;right:-3px;background:var(--accent);color:#fff;font-size:9px;font-weight:600;padding:1px 5px;border-radius:10px;border:1px solid var(--surface)}.status-indicator{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--muted);padding:0 4px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 768px){.header{flex-wrap:wrap;height:auto;padding:10px 14px;gap:8px}.header-left,.header-right{flex-wrap:wrap}}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .15s ease}.kpi-card:hover{border-color:var(--accent)}.kpi-card--skeleton{min-height:120px;background:var(--surface);opacity:.6;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:.75}}.kpi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.kpi-title{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.kpi-trend{font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px;display:inline-flex;align-items:center;gap:3px}.kpi-trend.up{background:var(--success-soft);color:var(--success)}.kpi-trend.down{background:var(--danger-soft);color:var(--danger)}.kpi-trend svg{width:9px;height:9px}.kpi-value{font-family:var(--font-mono);font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:2px}.kpi-sub{font-size:10.5px;color:var(--muted);margin-bottom:12px}.kpi-spark{width:100%;height:28px;display:block}.module-error{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;color:var(--danger);margin-bottom:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.module-error button{background:var(--accent);color:#fff;border-radius:var(--radius);padding:6px 14px;font-size:12px;font-weight:500}.module-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;color:var(--muted);margin-bottom:16px}@media (max-width: 1280px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.kpi-grid{grid-template-columns:1fr}}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chart-header-left{display:flex;align-items:center;gap:12px}.chart-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.chart-tabs{display:flex;gap:2px;background:var(--bg);border-radius:var(--radius);padding:2px}.chart-tab{font-size:11.5px;font-weight:500;padding:4px 10px;border-radius:6px;color:var(--muted)}.chart-tab:hover{color:var(--fg)}.chart-tab.active{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px #0000000f}.chart-legend{display:flex;align-items:center;gap:14px;font-size:11.5px}.legend-item{display:flex;align-items:center;gap:5px}.legend-dot{width:7px;height:7px;border-radius:50%}.chart-area{position:relative;width:100%;height:260px}.chart-canvas{width:100%;height:100%;display:block}.chart-area--skeleton{background:var(--bg);border-radius:var(--radius);opacity:.6;animation:shimmer 1.4s ease-in-out infinite}.chart-card--loading .chart-title{color:var(--muted)}.acq-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}@media (max-width: 1280px){.acq-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.acq-cards{grid-template-columns:1fr}}.rt-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 1024px){.rt-grid{grid-template-columns:1fr}}.realtime-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px;text-align:center;margin-bottom:16px;position:relative}.realtime-hero-count{font-family:var(--font-mono);font-size:64px;font-weight:700;letter-spacing:-.03em;color:var(--accent)}.realtime-hero-label{font-size:13px;color:var(--muted);margin-top:4px}.realtime-hero-dot{position:absolute;top:16px;right:20px;width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.rt-feed{display:flex;flex-direction:column;max-height:340px;overflow-y:auto}.rt-feed-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:12.5px}.rt-feed-item:last-child{border-bottom:none}.rt-feed-time{font-family:var(--font-mono);font-size:11px;color:var(--muted);min-width:54px}.rt-feed-page{font-weight:500;min-width:120px}.rt-feed-source{color:var(--muted);flex:1}.rt-feed-country{font-family:var(--font-mono);font-size:11px;color:var(--muted);min-width:24px;text-align:right}.funnel{display:flex;flex-direction:column;gap:8px;margin-top:8px}.funnel-step{position:relative;display:flex;align-items:center}.keyword-unavailable-wrap{position:relative;min-height:calc(100vh - 132px)}.unavailable-preview{filter:blur(5px);opacity:.48;pointer-events:none;user-select:none}.unavailable-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:24px;pointer-events:none}.unavailable-title{background:color-mix(in srgb,var(--bg) 88%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);font-size:24px;font-weight:700;line-height:1.2;padding:18px 24px;text-align:center}.keywords-add{display:grid;grid-template-columns:1.6fr .6fr .8fr .7fr 1.2fr auto;gap:8px;align-items:end;margin-bottom:14px}.keywords-add label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.keywords-add input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:7px 9px;font-size:12px;font-family:var(--font-mono)}.keywords-add input:focus{border-color:var(--accent);outline:none}.keywords-add input::placeholder{color:var(--muted)}.keywords-add .add-btn{background:var(--accent);color:#fff;border-radius:var(--radius);padding:8px 14px;font-size:12px;font-weight:600;white-space:nowrap}.keywords-add .add-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.keyword-unavailable-wrap{min-height:calc(100vh - 116px)}.unavailable-title{font-size:20px;max-width:min(320px,calc(100vw - 32px));padding:16px 20px}.keywords-add{grid-template-columns:1fr 1fr}.keywords-add .add-btn{grid-column:1 / -1}}.kw-detail-spark{height:80px;width:100%}.funnel-bar{height:32px;background:var(--accent-soft);border-radius:var(--radius);transition:width .4s ease;min-width:60px}.funnel-label{position:absolute;left:12px;display:flex;align-items:center;gap:10px;font-size:12.5px}.funnel-stage{font-weight:600}.funnel-count{font-family:var(--font-mono);font-weight:500}.funnel-pct{color:var(--muted);font-size:11px}.goal-spark{height:24px;width:70px}.kw-detail-row td{padding:0;border-bottom:1px solid var(--border)}.kw-detail{background:var(--bg);border-top:1px dashed var(--border);padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.kw-detail-chart{display:flex;flex-direction:column;gap:8px}.kw-detail-chart-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.kw-detail-chart canvas{width:100%;height:80px;display:block}.kw-detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.kw-detail-metric-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:2px}.kw-detail-metric-value{font-family:var(--font-mono);font-size:15px;font-weight:600}.kw-expand-btn{font-size:11px;color:var(--accent);padding:3px 8px;border-radius:4px;white-space:nowrap}.kw-expand-btn:hover{background:var(--accent-soft)}.kw-spark{height:24px;width:80px}@media (max-width: 768px){.kw-detail{grid-template-columns:1fr}.kw-detail-metrics{grid-template-columns:1fr 1fr 1fr}}.search-console-sort-button{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:5px;letter-spacing:inherit;padding:0;text-align:inherit;text-transform:inherit}.search-console-sort-button:hover{color:var(--text)}.search-console-sort-button:focus-visible{border-radius:2px;outline:2px solid var(--accent);outline-offset:3px}.search-console-sort-indicator{display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:700;line-height:1;min-width:1em;text-align:center}.search-console-months-scroll{overflow-x:auto}.search-console-months .settings-table{min-width:680px}.search-console-months th:not(:first-child),.search-console-months td:not(:first-child){text-align:right}.search-console-month-label{font-weight:600;white-space:nowrap}.search-console-month-value,.search-console-month-change{display:block;font-family:var(--font-mono);white-space:nowrap}.search-console-month-value{font-weight:600}.search-console-month-change{color:var(--muted);font-size:10.5px;margin-top:2px}.search-console-month-change.increase,.search-console-month-change.better{color:var(--success)}.search-console-month-change.decrease,.search-console-month-change.worse{color:var(--danger)}.search-console-months-empty{padding:20px;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-query-timeline-toggle{border:1px solid var(--border);border-radius:4px;color:var(--accent);font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.search-query-timeline-toggle:hover{background:var(--accent-soft)}.search-query-timeline-toggle:focus-visible,.search-query-timeline-error button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-table .search-console-detail-row>td{background:var(--bg);border-bottom:1px solid var(--border);padding:0}.search-query-timeline-panel{padding:16px 20px 20px}.search-query-timeline-heading{color:var(--muted);font-size:11.5px;margin-bottom:10px}.search-query-timeline-scroll{overflow-x:auto}.search-query-timeline-table{border-collapse:collapse;font-size:12px;min-width:720px;width:100%}.settings-table .search-query-timeline-table th,.settings-table .search-query-timeline-table td{border-bottom:1px solid var(--border);padding:8px 10px;text-align:right;vertical-align:middle}.settings-table .search-query-timeline-table th{color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.settings-table .search-query-timeline-table th:first-child,.settings-table .search-query-timeline-table td:first-child,.settings-table .search-query-timeline-table th:nth-child(2),.settings-table .search-query-timeline-table td:nth-child(2){text-align:left}.settings-table .search-query-timeline-table tbody th{color:var(--text);font-family:var(--font-mono);font-size:12px;letter-spacing:normal;text-transform:none}.settings-table .search-query-timeline-table tbody td{font-family:var(--font-mono)}.settings-table .search-query-timeline-table tr:last-child th,.settings-table .search-query-timeline-table tr:last-child td{border-bottom:0}.search-query-timeline-completeness{border:1px solid var(--border);border-radius:999px;display:inline-block;font-family:var(--font-body);font-size:10px;font-weight:600;padding:2px 7px}.search-query-timeline-completeness.complete{color:var(--success)}.search-query-timeline-completeness.partial{color:var(--muted)}.search-query-timeline-status{color:var(--muted);font-size:12px;padding:8px 0}.search-query-timeline-error{align-items:center;color:var(--danger);display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.search-query-timeline-error button{border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:11px;font-weight:600;padding:4px 8px}@media (max-width: 768px){.search-query-timeline-panel{padding:12px}}.settings-scroll{padding:24px}.settings-inner{max-width:920px;margin:0 auto}.settings-h1{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.settings-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.settings-section-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.settings-section-desc{font-size:12.5px;color:var(--muted);margin-bottom:16px}.settings-status-pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;white-space:nowrap}.settings-status-pill.connected{background:var(--success-soft);color:var(--success)}.settings-status-pill.demo{background:var(--accent-secondary-soft);color:var(--accent-secondary)}.settings-status-pill.disconnected{background:var(--danger-soft);color:var(--danger)}.settings-sql{position:relative;margin:12px 0 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow:hidden}.settings-sql-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted);font-family:var(--font-mono)}.settings-sql-copy{font-size:11px;font-weight:500;color:var(--accent);padding:3px 8px;border-radius:4px}.settings-sql-copy:hover{background:var(--accent-soft)}.settings-sql-copy.copied{color:var(--success)}.settings-sql pre{max-height:280px;overflow:auto;padding:12px;margin:0;font-family:var(--font-mono);font-size:11px;line-height:1.55;color:var(--fg);white-space:pre}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.settings-field label{display:block;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}.settings-field input{width:100%;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;font-size:12.5px;font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis}.settings-field input:focus{border-color:var(--accent);outline:none}.settings-field input::placeholder{color:var(--muted)}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-btn{background:var(--accent);color:#fff;border-radius:var(--radius);padding:9px 16px;font-size:12.5px;font-weight:600}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn.secondary{background:var(--surface);color:var(--fg);border:1px solid var(--border)}.settings-btn.secondary:hover{border-color:var(--accent)}.settings-btn.danger{background:var(--surface);color:var(--danger);border:1px solid var(--border)}.settings-btn.danger:hover{border-color:var(--danger)}.settings-feedback{font-size:12px;margin-top:10px;min-height:16px}.settings-feedback.ok{color:var(--success)}.settings-feedback.err{color:var(--danger)}.settings-table{width:100%;border-collapse:collapse;font-size:12.5px}.settings-table th{text-align:left;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--border)}.settings-table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}.settings-table tr:last-child td{border-bottom:none}.settings-table .role-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:5px 8px;font-size:12px}.settings-table .role-select:focus{border-color:var(--accent);outline:none}.settings-table .role-select:disabled{opacity:.6;cursor:not-allowed}.settings-table .row-disabled{color:var(--muted);font-size:11px}.settings-badge{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:8px}.settings-badge.owner{background:var(--accent-soft);color:var(--accent)}.settings-badge.admin{background:var(--accent-secondary-soft);color:var(--accent-secondary)}.settings-badge.analyst{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.user-create-form{display:grid;grid-template-columns:1.2fr 1.4fr 1fr .75fr auto;gap:10px;align-items:end;margin:16px 0}.user-role-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:9px 10px;font-size:12.5px}.user-role-input:focus{border-color:var(--accent);outline:none}.comp-remove{color:var(--muted);padding:4px 8px;border-radius:var(--radius);font-size:11px}.comp-remove:hover{background:var(--danger-soft);color:var(--danger)}.comp-remove:disabled{opacity:.4;cursor:not-allowed}.settings-note{font-size:11.5px;color:var(--muted);padding:10px 12px;background:var(--bg);border-radius:var(--radius);margin-bottom:14px}.settings-unavailable-panel{position:relative;min-height:260px;overflow:hidden}.settings-unavailable-content{filter:blur(4px);opacity:.48;pointer-events:none;user-select:none}.settings-unavailable-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:24px;pointer-events:none}.settings-unavailable-title{background:color-mix(in srgb,var(--bg) 90%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--fg);font-size:22px;font-weight:700;line-height:1.2;padding:16px 22px;text-align:center}@media (max-width: 768px){.settings-scroll{padding:14px}.settings-row,.user-create-form{grid-template-columns:1fr}.settings-unavailable-title{font-size:20px;max-width:min(320px,calc(100vw - 32px));padding:15px 18px}}.task-journey-scroll{padding:24px}.task-journey{width:100%;max-width:920px;margin:0 auto;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.task-journey-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border)}.task-journey-title{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}.task-journey-description{margin:5px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5}.task-journey-count{flex-shrink:0;padding:4px 10px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.task-journey-list{margin:0;padding:20px 0 0;list-style:none}.task-journey-item{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;min-width:0;padding:0 0 22px}.task-journey-item:last-child{padding-bottom:0}.task-journey-item:not(:last-child):before{content:"";position:absolute;top:36px;bottom:0;left:17px;width:1px;background:var(--border)}.task-journey-node{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:50%;font-family:var(--font-mono);font-size:11px;font-weight:600}.task-journey-task{min-width:0;padding:8px 0;color:var(--fg);font-size:14px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}@media (max-width: 768px){.task-journey-scroll{padding:14px}.task-journey{padding:16px}.task-journey-header{gap:12px;padding-bottom:16px}.task-journey-title{font-size:20px}.task-journey-list{padding-top:16px}.task-journey-item{grid-template-columns:32px minmax(0,1fr);gap:12px;padding-bottom:18px}.task-journey-item:not(:last-child):before{top:32px;left:15px}.task-journey-node{width:32px;height:32px}.task-journey-task{padding:6px 0;font-size:13px}}.products-scroll{padding:24px}.products-page{width:100%;max-width:1680px;margin:0 auto}.products-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.products-header h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}.products-header p{margin:5px 0 0;color:var(--muted);font-size:12.5px}.products-count{flex-shrink:0;padding:4px 10px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.products-controls{display:flex;align-items:flex-end;gap:14px;margin-bottom:18px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.products-control{display:grid;gap:6px}.products-control label{color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.products-search-control{flex:1 1 420px;max-width:620px}.products-search-input-wrap{position:relative}.products-search-input-wrap svg{position:absolute;top:50%;left:11px;width:16px;height:16px;color:var(--muted);fill:none;stroke:currentColor;stroke-width:1.8;transform:translateY(-50%);pointer-events:none}.products-search-input-wrap input,.products-status-control select{width:100%;height:38px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:13px}.products-search-input-wrap input{padding:0 12px 0 36px}.products-search-input-wrap input::placeholder{color:var(--muted)}.products-search-input-wrap input:focus,.products-status-control select:focus{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:1px}.products-status-control{flex:0 0 210px}.products-status-control select{padding:0 34px 0 11px;color:var(--fg)}.products-range{margin:0 0 10px;color:var(--muted);font-size:11.5px}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.product-card{min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.product-card-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--border)}.product-card-image{display:block;width:100%;height:100%;object-fit:contain}.product-card-image-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;color:var(--muted);font-size:11px}.product-card-image-fallback svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.3}.product-status{position:absolute;top:10px;right:10px;max-width:calc(100% - 20px);padding:4px 8px;overflow:hidden;border:1px solid transparent;border-radius:999px;box-shadow:0 1px 3px #00000014;font-size:10px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.product-status--complete{color:var(--success);background:color-mix(in srgb,var(--surface) 82%,var(--success-soft));border-color:color-mix(in srgb,var(--border) 65%,var(--success))}.product-status--pilot{color:var(--accent-secondary);background:color-mix(in srgb,var(--surface) 82%,var(--accent-secondary-soft));border-color:color-mix(in srgb,var(--border) 65%,var(--accent-secondary))}.product-status--pending{color:#815f18;background:#f6edcf;border-color:#e5d39b}.product-status--neutral{color:var(--muted);background:var(--surface);border-color:var(--border)}.product-card-body{padding:14px}.product-card-name{margin:0;font-size:14px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.product-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:12px 0 0}.product-card-meta>div{min-width:0}.product-card-meta-wide{grid-column:1 / -1}.product-card-meta dt{color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.product-card-meta dd{margin:2px 0 0;font-size:11.5px;line-height:1.4;overflow-wrap:anywhere}.product-card-error{margin:12px 0 0;padding:9px 10px;color:var(--danger);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--border) 70%,var(--danger));border-radius:6px;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.product-card-descriptions{display:grid;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.product-description-section{min-width:0}.product-description-title{margin:0 0 5px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.035em;line-height:1.35;text-transform:uppercase}.product-description-wrap{position:relative;overflow:hidden}.product-description-wrap.is-collapsed{max-height:9.6em}.product-description-wrap.is-collapsed:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3em;background:linear-gradient(to bottom,transparent,var(--surface));pointer-events:none}.product-description-text{margin:0;font-size:11.5px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.product-description-toggle{margin-top:6px;color:var(--accent-secondary);font-size:11px;font-weight:650;text-decoration:underline;text-underline-offset:2px}.product-description-toggle:hover{color:var(--fg)}.product-description-pending{margin:0;padding:10px;color:var(--muted);background:var(--bg);border:1px dashed var(--border);border-radius:6px;font-size:11.5px}.products-state{display:grid;justify-items:center;gap:7px;min-height:260px;padding:54px 20px;text-align:center;align-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.products-state h3{margin:0;font-size:16px}.products-state p{max-width:500px;margin:0;color:var(--muted);font-size:12.5px;white-space:pre-wrap;overflow-wrap:anywhere}.products-state--error p{color:var(--danger)}.products-retry,.products-pagination>button,.products-pagination-pages button{min-height:34px;padding:0 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:11.5px;font-weight:600}.products-retry{margin-top:8px;background:var(--accent);border-color:var(--accent);color:#fff}.products-retry:hover,.products-pagination button:not(:disabled):hover{border-color:var(--accent)}.products-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;padding-bottom:4px}.products-pagination-pages{display:flex;align-items:center;gap:5px}.products-pagination-pages button{min-width:34px;padding:0 8px}.products-pagination-pages button.is-current{color:#fff;background:var(--accent);border-color:var(--accent)}.products-pagination button:disabled{cursor:not-allowed;opacity:.45}.products-pagination-ellipsis{min-width:22px;color:var(--muted);text-align:center}.product-card-skeleton{padding:12px}.product-skeleton-media,.product-skeleton-line{background:linear-gradient(100deg,var(--bg) 20%,var(--border) 50%,var(--bg) 80%);background-size:200% 100%;border-radius:5px;animation:product-skeleton-pulse 1.4s ease-in-out infinite}.product-skeleton-media{aspect-ratio:4 / 3;margin-bottom:15px}.product-skeleton-line{width:68%;height:10px;margin-top:9px}.product-skeleton-line--title{width:92%;height:14px}.products-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes product-skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.product-skeleton-media,.product-skeleton-line{animation:none}}@media (max-width: 1200px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.products-scroll{padding:14px}.products-header{gap:12px}.products-header h2{font-size:20px}.products-controls{align-items:stretch;flex-direction:column;padding:13px}.products-search-control,.products-status-control{flex:1 1 auto;max-width:none}.products-grid{grid-template-columns:minmax(0,1fr)}.products-pagination{flex-wrap:wrap}.products-pagination-pages{order:3;width:100%;justify-content:center}}