@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=IBM+Plex+Mono:wght@300;400;500&display=swap";.app-shell{display:flex;height:100vh;background:var(--background);position:relative}.left-nav{width:280px;background:var(--sidebar);border-right:1px solid var(--sidebar-border);height:100vh;position:fixed;left:0;top:0;z-index:50;overflow-y:auto;display:flex;flex-direction:column;transition:all .2s ease}.nav-header{padding:1.5rem 1rem;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.nav-header h2{font-size:1.125rem;font-weight:600;color:var(--sidebar-foreground);margin:0}.nav-collapse-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:transparent;color:var(--sidebar-foreground);cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.nav-collapse-btn:hover{background:var(--sidebar-accent);opacity:1}.nav-menu{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto;text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important}.nav-section{margin-bottom:.5rem;text-align:left!important}.nav-section .nav-submenu{text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important}.nav-section-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;color:var(--sidebar-foreground);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;opacity:.8}.nav-section-header:hover{color:var(--sidebar-foreground);opacity:1;background:var(--sidebar-accent)}.nav-section-toggle{font-size:.75rem;transition:transform .2s ease}.nav-section.expanded .nav-section-toggle{transform:rotate(180deg)}.nav-submenu{list-style:none;margin:0;padding:0;max-height:500px;overflow:hidden;transition:max-height .2s ease;padding-left:0!important;text-align:left!important}.nav-submenu .nav-item{margin:0!important;padding:0!important;width:100%!important;text-align:left!important;display:block!important}.nav-submenu .nav-link{padding-left:1rem!important;text-align:left!important;justify-content:flex-start!important;width:100%!important;display:flex!important;align-items:center!important;margin-left:0!important;margin-right:0!important}.nav-section.expanded .nav-submenu{max-height:500px}.nav-section.collapsed .nav-submenu{max-height:0;overflow:hidden}.nav-section.collapsed .nav-section-toggle{transform:rotate(0)}.nav-item{margin:0;padding-left:0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--sidebar-foreground);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;border-radius:0;position:relative;cursor:pointer;opacity:.8}.nav-link:hover{background:var(--sidebar-accent);color:var(--sidebar-foreground);opacity:1}.nav-link:focus{outline:none;box-shadow:0 0 0 2px var(--sidebar-ring);background:var(--sidebar-accent);color:var(--sidebar-foreground);opacity:1}.nav-link.active{background:var(--sidebar-primary);color:var(--sidebar-primary-foreground);opacity:1}.nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sidebar-primary)}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);border-radius:calc(var(--radius) - 2px);font-size:.875rem;flex-shrink:0;opacity:.7}.nav-icon svg{width:14px;height:14px;stroke:currentColor}.nav-link:hover .nav-icon{opacity:1}.nav-link.active .nav-icon{background:var(--sidebar-primary-foreground);color:var(--sidebar-primary);opacity:1}.nav-text{font-size:.875rem;font-weight:500;color:inherit}.main-content{flex:1;margin-left:280px;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:relative}.top-bar{background:var(--card);border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;box-shadow:var(--shadow-sm)}.top-bar-left{display:flex;align-items:center;gap:1rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted-foreground)}.breadcrumb-separator{color:var(--muted-foreground);opacity:.5}.top-bar-right{display:flex;align-items:center;gap:1rem}.page-content{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1}@media (max-width: 1024px){.left-nav{width:240px}.main-content{margin-left:240px}.page-content{padding:1rem}}@media (max-width: 768px){.left-nav{width:100%;transform:translate(-100%);transition:transform .3s ease}.left-nav.open{transform:translate(0)}.main-content{margin-left:0}.top-bar{padding:.75rem 1rem}.page-content{padding:1rem}}@media (prefers-color-scheme: dark){.left-nav{background:var(--sidebar);border-right-color:var(--sidebar-border)}.nav-header{border-bottom-color:var(--sidebar-border)}.nav-header h2,.nav-collapse-btn{color:var(--sidebar-foreground)}.nav-collapse-btn:hover{background:var(--sidebar-accent)}.nav-section-header{color:var(--sidebar-foreground)}.nav-section-header:hover{color:var(--sidebar-accent-foreground)}.nav-link{color:var(--sidebar-foreground)}.nav-link:hover{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.nav-link.active{background:var(--sidebar-primary);color:var(--sidebar-primary-foreground)}.nav-icon{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.nav-link.active .nav-icon{background:var(--sidebar-primary-foreground);color:var(--sidebar-primary)}.top-bar{background:var(--card);border-bottom-color:var(--border)}.breadcrumb,.breadcrumb-separator{color:var(--muted-foreground)}}.preview-page{min-height:100vh;background:var(--background);color:var(--foreground)}.page-header{max-width:1200px;margin:0 auto;padding:24px 24px 0}.page-header h1{font-size:28px;font-weight:600;line-height:34px;margin:0 0 12px;color:var(--foreground)}.page-header p{font-size:14px;color:var(--muted-foreground);margin:0}.preview-container{max-width:1200px;margin:0 auto;padding:24px;display:grid;grid-template-columns:360px 1fr;gap:32px;min-height:600px}.controls-panel{position:sticky;top:24px;height:fit-content;background:var(--card);border:var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.search-section{margin-bottom:20px}.search-input-group{position:relative;display:flex;align-items:center}.search-input{width:100%;height:44px;padding:0 80px 0 12px;border:var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:14px;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary/20)}.run-button{position:absolute;right:4px;height:36px;padding:0 12px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.run-button:hover:not(:disabled){background:var(--primary/90)}.run-button:disabled{opacity:.5;cursor:not-allowed}.config-section{display:flex;flex-direction:column;gap:12px}.config-section .config-row{display:flex!important;flex-direction:row!important;align-items:center!important}.config-row{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;min-height:32px;width:100%}.config-row label{font-size:12px;font-weight:500;color:var(--muted-foreground);min-width:80px;flex-shrink:0}.button-group{display:flex!important;flex-direction:row!important;gap:4px;flex-wrap:wrap;align-items:center;flex:1;width:100%}.config-row .button-group{display:flex!important;flex-direction:row!important;align-items:center!important}.option-button{padding:6px 12px;border:var(--border);border-radius:var(--radius-sm);background:var(--background);color:var(--muted-foreground);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;height:28px;display:flex;align-items:center;justify-content:center}.option-button:hover{background:var(--muted);color:var(--foreground)}.option-button.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.switch-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0}.switch-slider{position:relative;width:30px;height:18px;background:var(--muted);border-radius:9px;transition:background-color .2s;flex-shrink:0}.switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0000001a}.switch-text{font-size:12px;color:var(--foreground);-webkit-user-select:none;user-select:none}.results-panel{display:flex;flex-direction:column;min-height:600px;max-height:calc(100vh - 120px);background:var(--card);border:var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);overflow:hidden}.results-header{position:sticky;top:0;background:var(--card);border-bottom:1px solid var(--border);z-index:10;margin-bottom:16px;margin-left:-20px;margin-right:-20px;padding:16px 20px}.header-row-1{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.view-tabs{display:flex;gap:2px;background:var(--muted);border-radius:var(--radius);padding:2px}.tab-button{padding:6px 12px;border:none;background:transparent;color:var(--muted-foreground);font-size:13px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.tab-button.active{background:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm)}.context-chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:2px 8px;background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius-sm);font-size:11px;font-weight:500}.header-row-2{display:flex;justify-content:space-between;align-items:center}.latency-pills{display:flex;gap:8px}.latency-pill{padding:4px 8px;background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono)}.view-toggles{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toggle-label{display:flex;align-items:center;gap:6px;cursor:pointer}.toggle-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary)}.toggle-text{font-size:12px;color:var(--muted-foreground);white-space:normal;word-break:break-word}.results-content{flex:1;padding:0;overflow-y:auto;overflow-x:hidden}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--muted-foreground)}.loading-spinner{width:24px;height:24px;border:2px solid var(--muted);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.error-message{margin-bottom:16px;color:var(--destructive)}.retry-button{padding:8px 16px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);font-size:13px;cursor:pointer}.empty-actions{margin-top:16px}.empty-link{color:var(--primary);text-decoration:none;font-size:13px}.empty-link:hover{text-decoration:underline}.redirect-card{padding:20px;background:var(--muted);border-radius:var(--radius);margin:20px}.redirect-card h3{margin:0 0 8px;font-size:16px;font-weight:600}.redirect-card p{margin:4px 0;font-size:14px;color:var(--muted-foreground)}.results-list{margin:0 -20px;padding:0 20px}.result-row{display:flex;align-items:center;height:72px;padding:0 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border)}.result-row:hover{background:var(--muted/30)}.result-row.compact{height:56px}.result-row-up{background:#f7f8ec80}.result-row-down{background:#1e2fd512}.result-rank{width:64px;flex-shrink:0;display:flex;justify-content:center}.rank-pill{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);color:var(--accent-foreground);border-radius:50%;font-size:12px;font-weight:600}.result-content{flex:1;min-width:0;padding:0 16px;overflow:hidden}.result-title{font-size:14px;font-weight:500;color:var(--foreground);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-meta{display:flex;gap:8px;font-size:12px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden}.result-brand{font-weight:500}.result-price{font-weight:600;color:var(--foreground)}.result-sku{font-family:var(--font-mono)}.ghost-target{color:var(--muted-foreground);font-style:italic}.result-right{width:240px;flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;overflow:hidden}.result-score{text-align:right;display:flex;flex-direction:column;align-items:flex-end;min-width:60px}.score-label{font-size:10px;color:var(--muted-foreground);margin-bottom:1px;line-height:1}.score-value{font-size:14px;font-family:var(--font-mono);font-weight:600;color:var(--foreground)}.delta-chip{padding:2px 6px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}.delta-up{background:#87d576;color:#031c00;color:oklch(.2 .15 140)}.delta-down{background:#ff9a9a;background:oklch(.8 .15 20);color:#320006;color:oklch(.2 .15 20)}.delta-same{background:var(--muted);color:var(--muted-foreground)}.result-badges{display:flex;gap:4px;flex-wrap:nowrap;justify-content:flex-end;overflow:hidden;max-width:120px}.badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50px}.badge-pinned{background:var(--primary);color:var(--primary-foreground)}.badge-boosted{background:#87d576;color:#031c00;color:oklch(.2 .15 140)}.badge-buried{background:#ff9a9a;background:oklch(.8 .15 20);color:#320006;color:oklch(.2 .15 20)}.badge-new{background:#b0b7ff;background:oklch(.8 .15 280);color:#12004a;color:oklch(.2 .15 280)}.badge-sale{background:#ffa658;background:oklch(.8 .15 60);color:#251000;color:oklch(.2 .15 60)}.badge-oos{background:var(--muted);color:var(--muted-foreground)}.why-button{width:24px;height:24px;border:none;background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.why-button:hover{background:var(--primary);color:var(--primary-foreground)}.side-by-side-results{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:20px}.side-by-side-column{display:flex;flex-direction:column}.column-header{padding:8px 12px;background:var(--muted);border-radius:var(--radius);font-size:12px;font-weight:600;text-align:center;margin-bottom:12px}.side-by-side-list{display:flex;flex-direction:column;gap:8px}.side-by-side-list .result-row{border:var(--border);border-radius:var(--radius);height:64px;padding:0 12px}.excluded-footer{position:sticky;bottom:0;background:var(--card);border-top:var(--border);padding:12px 20px}.excluded-toggle{background:none;border:none;color:var(--muted-foreground);font-size:12px;cursor:pointer;text-decoration:underline}.excluded-toggle:hover{color:var(--foreground)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.explain-panel{width:640px;max-width:90vw;max-height:80vh;background:var(--card);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.explain-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:var(--border)}.explain-tabs{display:flex;gap:2px;background:var(--muted);border-radius:var(--radius);padding:2px}.close-button{width:32px;height:32px;border:none;background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.close-button:hover{background:var(--destructive);color:var(--destructive-foreground)}.explain-content{flex:1;padding:20px;overflow-y:auto}.explain-section{margin-bottom:24px}.explain-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--foreground)}.relevance-breakdown{display:flex;flex-direction:column;gap:8px}.relevance-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--muted);border-radius:var(--radius)}.relevance-field{font-size:13px;color:var(--muted-foreground)}.relevance-score{font-size:13px;font-family:var(--font-mono);font-weight:600;color:var(--foreground)}.rules-list{display:flex;flex-direction:column;gap:6px}.rule-item{padding:6px 12px;background:var(--muted);border-radius:var(--radius);font-size:13px;color:var(--foreground)}.tie-breaker{padding:8px 12px;background:var(--muted);border-radius:var(--radius);font-size:13px;font-family:var(--font-mono);color:var(--muted-foreground)}.rank-change{padding:8px 12px;border-radius:var(--radius);font-size:13px;font-weight:500}.change-up{color:#031c00;color:oklch(.2 .15 140);background:#87d57633}.change-down{color:#320006;color:oklch(.2 .15 20);background:#ff9a9a33;background:oklch(.8 .15 20 / .2)}@media (max-width: 1024px){.preview-card{padding:16px}.preview-container{grid-template-columns:1fr;gap:16px}.controls-panel{position:static;order:2}.results-panel{order:1}.side-by-side-results{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.preview-card{padding:12px}.header-row-1,.header-row-2{flex-direction:column;gap:12px;align-items:flex-start}.context-chips{justify-content:flex-start}.view-toggles{flex-wrap:wrap;gap:12px}.result-row{height:auto;min-height:72px;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px}.result-rank{width:auto;order:1}.result-content{order:2;padding:0;width:100%}.result-right{order:3;width:100%;flex-direction:row;justify-content:space-between;align-items:center}.result-badges{justify-content:flex-start}}.home-page{padding:24px;max-width:1200px;margin:0 auto;background:var(--background);color:var(--foreground)}.dashboard-container{display:flex;flex-direction:column;gap:48px}.hero-section{text-align:center;padding:48px 0}.hero-content h1{font-size:32px;font-weight:600;color:var(--foreground);margin:0 0 16px;line-height:1.2}.hero-content p{font-size:18px;color:var(--muted-foreground);max-width:600px;margin:0 auto 32px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:var(--radius-md);font-size:16px;font-weight:500;text-decoration:none;transition:all .2s ease}.hero-btn.primary{background:var(--primary);color:var(--primary-foreground);border:none}.hero-btn.primary:hover{background:color-mix(in oklab,var(--primary) 90%,black)}.hero-btn.secondary{background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.hero-btn.secondary:hover{background:var(--muted);color:var(--foreground)}.btn-icon{width:20px;height:20px}.quick-actions-section h2{font-size:24px;font-weight:600;color:var(--foreground);margin:0 0 24px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.quick-action-card{display:flex;align-items:center;gap:16px;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--foreground);transition:all .2s ease}.quick-action-card:hover{background:color-mix(in oklab,var(--muted) 28%,transparent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-md);flex-shrink:0}.action-icon svg{width:24px;height:24px}.action-content h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--foreground)}.action-content p{margin:0;font-size:14px;color:var(--muted-foreground)}.recent-work-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid var(--border)}.section-header h2{margin:0;font-size:20px;font-weight:600;color:var(--foreground)}.view-all-link{color:var(--primary);text-decoration:none;font-size:14px;font-weight:500}.view-all-link:hover{text-decoration:underline}.recent-work-list{padding:0 24px 24px}.recent-work-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.recent-work-item:last-child{border-bottom:none}.work-type{flex-shrink:0}.type-badge{height:24px;padding:0 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px}.type-badge.rule{background:var(--chart-1);color:#fff}.type-badge.filter{background:var(--chart-4);color:#fff}.type-badge.sorting{background:var(--chart-5);color:#fff}.work-content{flex:1}.work-name{margin:0 0 8px;font-size:16px;font-weight:500;color:var(--foreground)}.work-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.status-badge{height:20px;padding:0 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px}.status-badge.live{background:var(--chart-1);color:#fff}.status-badge.draft{background:var(--muted);color:var(--muted-foreground)}.work-updated,.work-user{font-size:12px;color:var(--muted-foreground)}.work-actions{flex-shrink:0}.resume-btn{height:32px;padding:0 16px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.resume-btn:hover{background:color-mix(in oklab,var(--primary) 90%,black)}.health-kpis-section h2{font-size:24px;font-weight:600;color:var(--foreground);margin:0 0 24px}.kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.kpi-card{padding:24px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s ease}.kpi-card:hover{background:color-mix(in oklab,var(--muted) 28%,transparent);box-shadow:var(--shadow-md)}.kpi-label{font-size:14px;color:var(--muted-foreground);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:28px;font-weight:600;color:var(--foreground);margin-bottom:8px}.open-items-section h2{font-size:24px;font-weight:600;color:var(--foreground);margin:0 0 24px}.open-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.open-item-card{display:flex;align-items:center;gap:16px;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--foreground);transition:all .2s ease;position:relative}.open-item-card:hover{background:color-mix(in oklab,var(--muted) 28%,transparent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--secondary);color:var(--secondary-foreground);border-radius:var(--radius-md);flex-shrink:0}.item-icon svg{width:24px;height:24px}.item-content{flex:1}.item-content h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--foreground)}.item-content p{margin:0;font-size:14px;color:var(--muted-foreground)}.item-count{position:absolute;top:16px;right:16px;width:24px;height:24px;background:var(--primary);color:var(--primary-foreground);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}@media (max-width: 1024px){.dashboard-container{gap:32px}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.kpis-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.open-items-grid{grid-template-columns:1fr}}@media (max-width: 768px){.home-page{padding:16px}.dashboard-container{gap:24px}.hero-section{padding:32px 0}.hero-content h1{font-size:24px}.hero-content p{font-size:16px}.hero-actions{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:300px;justify-content:center}.quick-actions-grid{grid-template-columns:1fr}.quick-action-card{padding:20px}.recent-work-item{flex-direction:column;align-items:flex-start;gap:12px}.work-meta{flex-direction:column;align-items:flex-start;gap:4px}.kpis-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:8px;align-items:flex-start}}.rules-list-container{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border);overflow:hidden}.loading-state{display:flex;align-items:center;justify-content:center;height:200px;color:var(--muted-foreground);font-style:italic}.empty-state{padding:60px 40px;text-align:center}.empty-state h3{font-size:20px;font-weight:600;color:var(--foreground);margin:0 0 8px}.empty-state p{color:var(--muted-foreground);margin:0 0 24px}.template-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.template-btn{padding:8px 16px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);font-size:14px;cursor:pointer;transition:all .15s ease}.template-btn:hover{background:color-mix(in oklab,var(--primary) 90%,black)}.filters-row{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center}.search-input-container{flex:1;min-width:300px}.filter-controls{display:flex;gap:8px;flex-wrap:wrap}.filter-select,.filter-date{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;min-width:120px}.filter-date{min-width:140px}.rules-table-container{overflow-x:auto}.rules-table{width:100%;border-collapse:collapse}.rules-table th,.rules-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}.rules-table th{background:var(--muted);font-weight:600;color:var(--muted-foreground);position:sticky;top:0;z-index:10}.rules-table th.select-column{width:40px;text-align:center}.rules-table th.name-column{min-width:200px}.rules-table th.type-column{width:80px}.rules-table th.scope-column{min-width:150px}.rules-table th.targeting-column{min-width:120px}.rules-table th.status-column{width:100px}.rules-table th.schedule-column,.rules-table th.updated-column{min-width:140px}.rules-table th.actions-column{width:120px}.rule-row{transition:background-color .15s ease}.rule-row:hover{background:color-mix(in oklab,var(--muted) 28%,transparent)}.rule-row td{vertical-align:middle}.name-link{background:none;border:none;color:var(--primary);text-decoration:none;font-weight:500;cursor:pointer;text-align:left;padding:0}.name-link:hover{text-decoration:underline}.type-chip{display:inline-block;padding:4px 8px;border-radius:var(--radius);font-size:12px;font-weight:500;text-transform:capitalize}.type-chip.pin{background:color-mix(in oklab,#2563eb 10%,transparent);color:#2563eb}.type-chip.boost{background:color-mix(in oklab,#16a34a 10%,transparent);color:#16a34a}.type-chip.bury{background:color-mix(in oklab,#d97706 10%,transparent);color:#d97706}.type-chip.exclude{background:color-mix(in oklab,#dc2626 10%,transparent);color:#dc2626}.scope-column{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.targeting-column{font-size:12px;color:var(--muted-foreground);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{padding:4px 8px;border-radius:var(--radius);font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .15s ease;text-transform:capitalize}.status-pill.live{background:color-mix(in oklab,#16a34a 10%,transparent);color:#16a34a}.status-pill.draft{background:color-mix(in oklab,#6b7280 10%,transparent);color:#6b7280}.status-pill.scheduled{background:color-mix(in oklab,#2563eb 10%,transparent);color:#2563eb}.status-pill.paused{background:color-mix(in oklab,#d97706 10%,transparent);color:#d97706}.status-pill.expired{background:color-mix(in oklab,#dc2626 10%,transparent);color:#dc2626}.status-pill:hover{opacity:.8}.schedule-column,.updated-column{font-size:12px;color:var(--muted-foreground)}.action-buttons{display:flex;gap:4px;align-items:center}.action-btn{width:28px;height:28px;border:none;background:none;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s ease}.action-btn.edit:hover{background:color-mix(in oklab,#2563eb 10%,transparent)}.action-btn.duplicate:hover{background:color-mix(in oklab,#16a34a 10%,transparent)}.action-btn.more:hover{background:var(--muted)}.menu-container{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1000;min-width:140px;padding:4px 0;margin-top:4px}.menu-item{display:block;width:100%;padding:8px 12px;border:none;background:none;text-align:left;font-size:14px;color:var(--foreground);cursor:pointer;transition:background-color .15s ease}.menu-item:hover{background:var(--muted)}.menu-item.delete{color:#dc2626}.menu-item.delete:hover{background:color-mix(in oklab,#dc2626 10%,transparent)}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--border)}.pagination-left{display:flex;align-items:center;gap:12px}.page-size-select{height:32px;padding:0 8px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.pagination-info{font-size:14px;color:var(--muted-foreground)}.pagination-right{display:flex;gap:4px}.pagination-btn{height:32px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--muted)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.bulk-actions-bar{position:fixed;bottom:0;left:0;right:0;height:52px;background:var(--card);border-top:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000}.bulk-actions-left{font-size:14px;color:var(--foreground);font-weight:500}.bulk-actions-right{display:flex;gap:8px;align-items:center}.bulk-action-btn{height:32px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;cursor:pointer;transition:all .15s ease}.bulk-action-btn:hover{background:var(--muted)}.bulk-action-btn.destructive{background:color-mix(in oklab,#dc2626 10%,transparent);color:#dc2626;border-color:color-mix(in oklab,#dc2626 20%,transparent)}.bulk-action-btn.destructive:hover{background:color-mix(in oklab,#dc2626 20%,transparent)}@media (max-width: 1024px){.filters-row{flex-direction:column;align-items:stretch}.search-input-container{min-width:auto}.filter-controls{justify-content:stretch}.filter-select,.filter-date{flex:1;min-width:auto}.pagination-container{flex-direction:column;gap:12px;align-items:stretch}.pagination-right{justify-content:center}}@media (max-width: 768px){.rules-table th,.rules-table td{padding:8px 12px}.rules-table th.scope-column,.rules-table th.targeting-column,.rules-table th.schedule-column,.rules-table th.updated-column,.scope-column,.targeting-column,.schedule-column,.updated-column{display:none}}.rule-editor-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;z-index:99999!important;display:flex!important;justify-content:flex-end!important;align-items:stretch!important}.rule-editor-drawer{width:720px;min-width:640px;max-width:800px;height:100vh;background:var(--card);border-radius:24px 0 0 24px;box-shadow:var(--shadow-lg);border:var(--border);display:flex;flex-direction:column;overflow:hidden}.editor-header{position:sticky;top:0;background:var(--card);border-bottom:1px solid var(--border);padding:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;z-index:10}.header-left{flex:1;display:flex;flex-direction:column;gap:12px}.title-input{width:100%;height:44px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:16px;font-weight:600}.title-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.meta-chips{display:flex;gap:8px;flex-wrap:wrap}.meta-chip{padding:4px 8px;background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius);font-size:12px;font-family:var(--font-mono)}.header-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-right .validation-errors{display:flex;flex-direction:column;gap:4px;margin-right:8px}.header-right .validation-error{font-size:12px;color:#dc2626;background:#dc26261a;padding:2px 6px;border-radius:4px}.header-right .last-saved{font-size:12px;color:var(--muted-foreground);margin-right:8px}.editor-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:12px}.form-section h3{font-size:16px;font-weight:600;color:var(--foreground);margin:0}.type-segmented{display:flex;border:var(--border);border-radius:var(--radius);overflow:hidden}.type-segment{flex:1;height:40px;border:none;background:var(--input);color:var(--foreground);font-size:14px;cursor:pointer;transition:all .15s ease}.type-segment:not(:last-child){border-right:1px solid var(--border)}.type-segment.active{background:var(--primary);color:var(--primary-foreground)}.type-segment:hover:not(.active){background:var(--muted)}.scope-options{display:flex;gap:16px}.scope-option{display:flex;align-items:center;gap:8px;cursor:pointer}.scope-option input[type=radio]{width:16px;height:16px;accent-color:var(--primary)}.scope-input-group{display:flex;gap:8px}.scope-select{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;min-width:120px}.scope-input{flex:1;height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.global-info{padding:8px 12px;background:var(--muted);border-radius:var(--radius);display:inline-block}.info-chip{font-size:14px;color:var(--muted-foreground);font-style:italic}.targeting-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.targeting-field{display:flex;flex-direction:column;gap:8px}.targeting-field label{font-size:14px;font-weight:500;color:var(--foreground)}.targeting-select{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.market-checkboxes,.channel-checkboxes{display:flex;flex-direction:column;gap:8px}.market-checkbox,.channel-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.market-checkbox input[type=checkbox],.channel-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.conditions-list{display:flex;flex-direction:column;gap:8px}.condition-field,.condition-value{flex:1;height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.condition-op{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;min-width:80px}.condition-remove{width:32px;height:32px;border:none;background:none;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted-foreground)}.add-condition-btn{height:32px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;cursor:pointer;align-self:flex-start}.add-condition-btn:hover{background:var(--muted)}.conditions-section{margin-top:16px}.conditions-section label{display:block;font-size:14px;font-weight:500;color:var(--foreground);margin-bottom:8px}.conditions-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.condition-row{display:flex;gap:8px;align-items:center}.condition-field,.condition-op,.condition-value{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.condition-field{flex:2;min-width:120px}.condition-op{flex:1;min-width:80px}.condition-value{flex:2;min-width:120px}.condition-remove{width:32px;height:32px;border:none;background:none;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted-foreground);flex-shrink:0}.condition-remove:hover{background:var(--muted)}.intensity-section{margin-bottom:16px}.intensity-section label{display:block;font-size:14px;font-weight:500;color:var(--foreground);margin-bottom:8px}.pin-action{display:flex;flex-direction:column;gap:12px}.pin-list{display:flex;flex-direction:column;gap:8px}.pin-item{display:flex;gap:8px;align-items:center;padding:8px;border:var(--border);border-radius:var(--radius);background:var(--input);cursor:grab;transition:all .15s ease}.pin-item:hover{background:var(--muted)}.pin-item.dragging{opacity:.5;transform:rotate(2deg)}.pin-item.drag-over{border-color:var(--primary);background:var(--primary/10)}.pin-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--muted-foreground);cursor:grab;flex-shrink:0}.pin-drag-handle:active{cursor:grabbing}.pin-input{flex:1;height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.pin-position{width:80px;height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.pin-remove{width:32px;height:32px;border:none;background:none;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted-foreground)}.pin-remove:hover{background:var(--muted)}.add-pin-btn{height:40px;padding:0 16px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;cursor:pointer;align-self:flex-start;transition:all .15s ease}.add-pin-btn:hover{background:var(--muted)}.boost-presets{display:flex;gap:8px;margin-bottom:12px}.boost-preset{height:32px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;cursor:pointer;transition:all .15s ease}.boost-preset.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.boost-preset:hover:not(.active){background:var(--muted)}.boost-slider,.bury-slider{display:flex;align-items:center;gap:12px}.intensity-slider{flex:1;height:6px;border-radius:3px;background:var(--muted);outline:none;-webkit-appearance:none}.intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer}.intensity-value{font-size:14px;font-weight:500;color:var(--foreground);min-width:60px;text-align:right}.bury-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.bury-preset{height:32px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;cursor:pointer;transition:all .15s ease}.bury-preset.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.bury-preset:hover:not(.active){background:var(--muted)}.exclude-confirm{padding:12px 16px;background:color-mix(in oklab,#dc2626 10%,transparent);border:1px solid color-mix(in oklab,#dc2626 20%,transparent);border-radius:var(--radius);color:#dc2626;font-size:14px;margin:0}.stacking-options{display:flex;gap:16px}.stacking-option{display:flex;align-items:center;gap:8px;cursor:pointer}.stacking-option input[type=radio]{width:16px;height:16px;accent-color:var(--primary)}.caps-text{font-size:12px;color:var(--muted-foreground);margin:0;font-style:italic}.schedule-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.schedule-field{display:flex;flex-direction:column;gap:8px}.schedule-field label{font-size:14px;font-weight:500;color:var(--foreground)}.schedule-input,.schedule-select{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.preview-controls{display:flex;gap:8px}.preview-input{flex:1;height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.preview-btn{height:40px;padding:0 16px;border:var(--border);border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);font-size:14px;cursor:pointer}.preview-btn:hover{background:color-mix(in oklab,var(--primary) 90%,black)}.preview-results{margin-top:12px;padding:16px;background:var(--muted);border-radius:var(--radius)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-header span{font-size:14px;font-weight:500;color:var(--foreground)}.sandbox-link{font-size:12px;color:var(--primary);text-decoration:none}.sandbox-link:hover{text-decoration:underline}.preview-list{display:flex;flex-direction:column;gap:8px}.preview-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--card);border-radius:var(--radius)}.preview-rank{font-size:12px;font-weight:500;color:var(--muted-foreground);min-width:30px}.preview-title{flex:1;font-size:14px;color:var(--foreground)}.preview-delta{font-size:12px;font-weight:500;min-width:30px;text-align:right}.preview-delta.positive{color:#16a34a}.preview-delta.negative{color:#dc2626}.preview-delta.neutral{color:var(--muted-foreground)}.editor-footer{position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--border);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto}.footer-left{display:flex;flex-direction:column;gap:8px}.validation-error{font-size:12px;color:#dc2626}.btn.icon{width:40px;height:40px;padding:0;background:none;border:none;font-size:18px;color:var(--muted-foreground)}.btn.icon:hover{background:var(--muted)}.publish-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.publish-modal{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:var(--border);padding:24px;width:400px;max-width:90vw}.publish-modal h3{font-size:18px;font-weight:600;color:var(--foreground);margin:0 0 12px}.publish-modal p{font-size:14px;color:var(--muted-foreground);margin:0 0 16px}.publish-textarea{width:100%;height:60px;padding:8px 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;resize:vertical;margin-bottom:16px}.publish-textarea:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.modal-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width: 1024px){.rule-editor-drawer{width:100vw;min-width:auto;max-width:none;border-radius:0}.targeting-grid,.schedule-grid{grid-template-columns:1fr}}@media (max-width: 768px){.editor-header{flex-direction:column;align-items:stretch}.header-right{justify-content:flex-end}.editor-footer{flex-direction:column;align-items:stretch}.footer-right{justify-content:stretch}.footer-right .btn{flex:1}}.rules-page{display:flex;flex-direction:column;gap:2rem;min-height:100vh}.rules-header-toolbar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden}.header-left h1{font-size:1.625rem;line-height:2rem;font-weight:600;color:var(--foreground);margin:0 0 .25rem}.header-left p{font-size:.875rem;color:var(--muted-foreground);margin:0}.header-right{display:flex;align-items:center;gap:1rem}.new-rule-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);border-radius:var(--radius);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.new-rule-btn:hover{background:var(--primary);opacity:.9}.new-rule-btn:focus{outline:none;box-shadow:0 0 0 2px var(--ring)}@media (prefers-color-scheme: dark){.rules-header-toolbar{background:var(--card);border-color:var(--border)}.header-left h1{color:var(--foreground)}.header-left p{color:var(--muted-foreground)}.new-rule-btn{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.new-rule-btn:hover{background:var(--primary);opacity:.9}}@media (max-width: 768px){.rules-header-toolbar{flex-direction:column;gap:1rem;align-items:stretch}.header-right{justify-content:flex-end}.header-left h1{font-size:1.5rem;line-height:1.75rem}}.facet-library{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border);display:flex;flex-direction:column;height:fit-content}.library-header{padding:20px 20px 0}.library-header h2{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.library-controls{padding:16px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}.facetable-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;min-width:0;flex-shrink:0}.toggle-label{font-size:14px;color:var(--foreground);white-space:nowrap;overflow:visible;text-overflow:unset;flex-shrink:0;min-width:max-content}.facets-list{flex:1;max-height:600px;overflow-y:auto;padding:0 20px}.facet-row{min-height:64px;padding:8px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;cursor:grab;transition:all .15s ease}.facet-row:last-child{border-bottom:none}.facet-row:hover{background:var(--muted)}.facet-row.drag-over{background:color-mix(in oklab,var(--primary) 10%,transparent);border-color:var(--primary)}.facet-row.non-facetable{opacity:.6;cursor:not-allowed}.facet-row.non-facetable:hover{background:transparent}.facet-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.facet-info{flex:1;display:flex;flex-direction:column;gap:6px;min-height:0}.facet-label{display:flex;align-items:center;gap:8px}.label-text{font-size:14px;font-weight:600;color:var(--foreground)}.label-key{font-size:12px;font-family:var(--font-mono);color:var(--muted-foreground)}.facet-meta{display:flex;align-items:center;gap:8px}.type-chip{padding:2px 6px;border-radius:var(--radius);font-size:11px;font-weight:500;text-transform:uppercase}.type-chip.blue{background:color-mix(in oklab,#2563eb 10%,transparent);color:#2563eb}.type-chip.green{background:color-mix(in oklab,#16a34a 10%,transparent);color:#16a34a}.type-chip.purple{background:color-mix(in oklab,#9333ea 10%,transparent);color:#9333ea}.type-chip.pink{background:color-mix(in oklab,#ec4899 10%,transparent);color:#ec4899}.type-chip.orange{background:color-mix(in oklab,#ea580c 10%,transparent);color:#ea580c}.type-chip.gray{background:color-mix(in oklab,#6b7280 10%,transparent);color:#6b7280}.coverage-text{font-size:12px;color:var(--muted-foreground);font-family:var(--font-mono)}.facet-actions{display:flex;align-items:center;gap:8px}.settings-btn{width:32px;height:32px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--muted-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.settings-btn:hover{background:var(--muted);color:var(--foreground);border-color:var(--muted-foreground)}.add-btn{width:32px;height:32px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.add-btn:hover{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.drag-handle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);cursor:grab;border-radius:var(--radius);transition:all .15s ease}.non-facetable-badge{padding:4px 8px;background:color-mix(in oklab,#dc2626 10%,transparent);color:#dc2626;border-radius:var(--radius);font-size:11px;font-weight:500}.library-stats{padding:16px 20px;border-top:1px solid var(--border)}@media (max-width: 768px){.facet-content{flex-direction:column;align-items:stretch;gap:8px}.facet-actions{justify-content:flex-end}.facet-meta{flex-wrap:wrap}}.pinned-facets{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border);display:flex;flex-direction:column;height:fit-content}.facets-toolbar{padding:20px 20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.toolbar-left{display:flex;align-items:center;gap:12px}.issues-pill{height:28px;padding:0 8px;background:color-mix(in oklab,#dc2626 10%,transparent);color:#dc2626;border:1px solid color-mix(in oklab,#dc2626 20%,transparent);border-radius:var(--radius);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.issues-pill:hover{background:color-mix(in oklab,#dc2626 20%,transparent)}.toolbar-right{display:flex;align-items:center}.scope-chip{padding:4px 8px;background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius);font-size:11px;font-weight:500;font-family:var(--font-mono);text-transform:uppercase}.facets-list{flex:1;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.pinned-facets .facet-row{min-height:80px;border:var(--border);border-radius:var(--radius);background:var(--input);cursor:grab;transition:all .15s ease;overflow:hidden}.pinned-facets .facet-row:hover{background:var(--muted);border-color:var(--ring)}.pinned-facets .facet-row.dragging{opacity:.5;transform:rotate(2deg)}.pinned-facets .facet-row.drag-over{background:color-mix(in oklab,var(--primary) 10%,transparent);border-color:var(--primary)}.pinned-facets .facet-content{display:flex;flex-direction:column;gap:8px;padding:12px 16px;height:100%;width:100%;box-sizing:border-box}.pinned-facets .facet-main{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.drag-handle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);cursor:grab;border-radius:var(--radius);transition:all .15s ease}.pinned-facets .facet-info,.pinned-facets .facet-label{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.pinned-facets .type-icon{width:16px;height:16px;color:var(--muted-foreground);flex-shrink:0}.pinned-facets .label-text{font-size:14px;font-weight:500;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.pinned-facets .facet-settings{display:flex;align-items:center;gap:16px;flex-shrink:0;min-width:0;padding-left:28px}.setting-group{display:flex;align-items:center;gap:6px;min-width:0}.setting-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-label{font-size:11px;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px;text-align:left;flex-shrink:0}.pinned-facets .facet-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.settings-btn,.remove-btn{width:32px;height:32px;border:none;background:none;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;opacity:1;visibility:visible}.settings-btn:hover{background:var(--muted);color:var(--foreground)}.remove-btn:hover{background:color-mix(in oklab,#dc2626 10%,transparent);color:#dc2626}.remove-btn:focus{outline:2px solid var(--ring);outline-offset:2px}.empty-hint{font-size:12px;color:var(--muted-foreground)}.facets-stats{padding:16px 20px;border-top:1px solid var(--border)}.warning-text{color:#d97706;font-weight:500}@media (max-width: 1024px){.facet-settings{flex-direction:column;align-items:stretch;gap:8px}.setting-group{justify-content:space-between}}@media (max-width: 768px){.facets-toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar-left{justify-content:center}.facet-content{flex-direction:column;align-items:stretch;gap:12px;height:auto;min-height:56px}.facet-main{justify-content:space-between}.facet-settings{flex-direction:row;justify-content:space-between;flex-wrap:wrap}.facet-actions{justify-content:center}}.facet-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.facet-settings-drawer{width:100%;max-width:640px;max-height:90vh;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:var(--border);display:flex;flex-direction:column;overflow:hidden}.settings-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.header-left h2{font-size:20px;font-weight:600;color:var(--foreground);margin:0 0 4px}.facet-key{font-size:12px;font-family:var(--font-mono);color:var(--muted-foreground);background:var(--muted);padding:2px 6px;border-radius:var(--radius);display:inline-block}.settings-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-section h3{font-size:16px;font-weight:600;color:var(--foreground);margin:0;padding-bottom:8px;border-bottom:1px solid var(--border)}.label-input,.field-key-input,.type-input,.order-select,.limit-input,.coverage-input,.step-input,.size-system-select,.swatch-style-select,.weight-input{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.field-key-input,.type-input{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.input-hint{font-size:12px;color:var(--muted-foreground);font-style:italic}.radio-group{display:flex;flex-direction:column;gap:8px}.bounds-inputs{display:flex;align-items:center;gap:8px}.bound-input{flex:1;height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.bounds-inputs span{font-size:14px;color:var(--muted-foreground)}.family-mapping{display:flex;flex-direction:column;gap:8px}.mapping-item{display:flex;align-items:center;gap:8px}.color-input,.family-input{flex:1;height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.remove-mapping-btn{width:32px;height:32px;border:none;background:color-mix(in oklab,#dc2626 10%,transparent);color:#dc2626;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.remove-mapping-btn:hover{background:color-mix(in oklab,#dc2626 20%,transparent)}.add-mapping-btn{height:32px;padding:0 12px;background:var(--input);color:var(--foreground);border:var(--border);border-radius:var(--radius);font-size:12px;cursor:pointer;transition:all .15s ease}.add-mapping-btn:hover{background:var(--muted)}.preview-container{background:var(--muted);border-radius:var(--radius);padding:16px}.preview-facet{background:var(--card);border:var(--border);border-radius:var(--radius);padding:12px}.preview-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.preview-label{font-size:14px;font-weight:500;color:var(--foreground)}.preview-count{font-size:12px;color:var(--muted-foreground)}.preview-values{display:flex;flex-direction:column;gap:4px}.preview-value{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--input);border-radius:var(--radius)}.preview-more{padding:4px 8px;text-align:center;font-size:11px;color:var(--muted-foreground);font-style:italic}.settings-footer{padding:20px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.field-type{font-size:12px;color:var(--muted-foreground);font-family:var(--font-mono)}@media (max-width: 768px){.facet-settings-overlay{padding:10px}.facet-settings-drawer{max-height:95vh}.settings-header{padding:16px 20px}.settings-content{padding:20px;gap:20px}.settings-footer{padding:16px 20px;flex-direction:column;gap:12px;align-items:stretch}.footer-right{justify-content:stretch}.footer-right .btn{flex:1}.bounds-inputs,.mapping-item{flex-direction:column;align-items:stretch}}.facet-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.facet-preview-drawer{width:100%;max-width:420px;max-height:90vh;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:var(--border);display:flex;flex-direction:column;overflow:hidden}.query-section{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px;flex-shrink:0}.facets-preview{display:flex;flex-direction:column;gap:20px}.facets-section h4{font-size:14px;font-weight:600;color:var(--foreground);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.preview-facet{background:var(--input);border:var(--border);border-radius:var(--radius);padding:12px}.preview-facet.adaptive{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 5%,transparent)}.facet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.facet-label{font-size:13px;font-weight:500;color:var(--foreground)}.facet-count{font-size:11px;color:var(--muted-foreground);font-family:var(--font-mono)}.adaptive-badge{padding:2px 6px;background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);font-size:10px;font-weight:500;text-transform:uppercase}.facet-values{display:flex;flex-direction:column;gap:4px}.facet-value{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.facet-value:hover{background:var(--muted)}.facet-value.selected{background:color-mix(in oklab,var(--primary) 10%,transparent);border-color:var(--primary)}.value-name{font-size:12px;color:var(--foreground)}.value-count{font-size:11px;color:var(--muted-foreground);font-family:var(--font-mono)}.result-count{text-align:center;padding:16px;background:var(--muted);border-radius:var(--radius);margin-top:8px}.count-number{font-size:24px;font-weight:600;color:var(--foreground);display:block}.count-label{font-size:12px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.results-preview{display:flex;flex-direction:column;gap:16px}.results-header{display:flex;flex-direction:column;gap:4px}.results-count{font-size:16px;font-weight:600;color:var(--foreground)}.results-query{font-size:12px;color:var(--muted-foreground);font-style:italic}.result-item{display:flex;gap:12px;padding:12px;background:var(--input);border:var(--border);border-radius:var(--radius)}.result-image{width:40px;height:40px;background:var(--muted);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.result-title{font-size:13px;font-weight:500;color:var(--foreground);line-height:1.3}.result-brand{font-size:11px;color:var(--muted-foreground)}.reset-btn{padding:6px 12px;background:none;color:var(--muted-foreground);border:none;font-size:12px;cursor:pointer;text-decoration:underline;transition:all .15s ease}.reset-btn:hover{color:var(--foreground)}@media (max-width: 768px){.facet-preview-overlay{padding:10px}.facet-preview-drawer{max-width:100%;max-height:95vh}.preview-header,.query-section,.preview-content{padding:16px 20px}.preview-footer{padding:16px 20px;flex-direction:column;gap:12px;align-items:stretch}.footer-right{justify-content:stretch}.footer-right .btn{flex:1}.context-chips{justify-content:center}}.empty-state{padding:20px;text-align:center;color:var(--muted-foreground);background:var(--muted/20);border-radius:var(--radius);border:1px dashed var(--border)}.empty-state p{margin:0 0 8px;font-size:14px}.empty-state p:last-child{margin-bottom:0;font-size:12px;opacity:.8}.problems-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.problems-panel{width:100%;max-width:500px;max-height:80vh;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:var(--border);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.panel-header h3{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.issues-count{padding:4px 8px;background:color-mix(in oklab,#dc2626 10%,transparent);color:#dc2626;border-radius:var(--radius);font-size:12px;font-weight:500;margin-left:8px}.panel-content{flex:1;overflow-y:auto;padding:24px}.no-issues{text-align:center;padding:40px 20px;color:var(--muted-foreground)}.success-icon{font-size:48px;margin-bottom:16px}.no-issues h4{font-size:18px;font-weight:600;color:var(--foreground);margin:0 0 8px}.no-issues p{font-size:14px;margin:0}.issues-list{display:flex;flex-direction:column;gap:16px}.issue-item{display:flex;gap:12px;padding:16px;border-radius:var(--radius);border:1px solid var(--border)}.issue-item.error{background:color-mix(in oklab,#dc2626 5%,transparent);border-color:color-mix(in oklab,#dc2626 20%,transparent)}.issue-item.warning{background:color-mix(in oklab,#d97706 5%,transparent);border-color:color-mix(in oklab,#d97706 20%,transparent)}.issue-item.info{background:color-mix(in oklab,#2563eb 5%,transparent);border-color:color-mix(in oklab,#2563eb 20%,transparent)}.issue-icon{font-size:20px;flex-shrink:0;margin-top:2px}.issue-content{flex:1;display:flex;flex-direction:column;gap:8px}.issue-message{font-size:14px;font-weight:500;color:var(--foreground);line-height:1.4}.issue-suggestion{font-size:13px;color:var(--muted-foreground);line-height:1.4;font-style:italic}.panel-footer{padding:20px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.help-text{font-size:12px;color:var(--muted-foreground);font-style:italic}@media (max-width: 768px){.problems-panel-overlay{padding:10px}.problems-panel{max-width:100%;max-height:90vh}.panel-header{padding:16px 20px}.panel-content{padding:20px}.panel-footer{padding:16px 20px;flex-direction:column;gap:12px;align-items:stretch}.footer-right{justify-content:stretch}.footer-right .btn{flex:1}.issue-item{flex-direction:column;gap:8px}.issue-icon{align-self:flex-start}}.success-message{position:fixed;top:100px;right:20px;z-index:99999;animation:slideInRight .3s ease-out}.success-content{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#16a34a;color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500}.success-content svg{flex-shrink:0}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.facets-page{padding:24px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px;min-height:100vh}.facets-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.header-right{display:flex;align-items:center;gap:16px}.scope-controls{display:flex;gap:8px;align-items:center}.scope-select,.category-select,.environment-select{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;min-width:120px}.facets-content{display:grid;grid-template-columns:38% 62%;gap:32px;flex:1}.facets-left,.facets-right{display:flex;flex-direction:column}.facets-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:24px}.tab-button{padding:12px 16px;border:none;background:none;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.tab-button:hover:not(.active){color:var(--foreground)}.adaptive-facets{display:flex;flex-direction:column;gap:24px}.adaptive-controls{display:flex;gap:24px;align-items:center}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:14px;font-weight:500;color:var(--foreground)}.topk-select,.coverage-input{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;min-width:120px}.eligible-fields h3{font-size:16px;font-weight:600;color:var(--foreground);margin:0 0 16px}.fields-list{display:flex;flex-direction:column;gap:12px}.field-checkbox{display:flex;align-items:center;gap:12px;padding:8px 12px;border:var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.field-checkbox:hover{background:var(--muted)}.field-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.field-label{flex:1;font-size:14px;color:var(--foreground)}.field-meta{font-size:12px;color:var(--muted-foreground)}.adaptive-actions{display:flex;justify-content:flex-end}.facets-status{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--border)}.status-right{display:flex;gap:8px}@media (max-width: 1024px){.facets-content{grid-template-columns:1fr;gap:24px}.facets-header{flex-direction:column;align-items:stretch}.header-right{justify-content:space-between}.scope-controls{flex-wrap:wrap}}@media (max-width: 768px){.facets-page{padding:16px;gap:24px}.facets-header{gap:16px}.header-right{flex-direction:column;align-items:stretch;gap:12px}.scope-controls{justify-content:stretch}.scope-select,.category-select,.environment-select{flex:1;min-width:auto}.header-actions{justify-content:stretch}.header-actions .btn{flex:1}.adaptive-controls{flex-direction:column;align-items:stretch}.facets-status{flex-direction:column;align-items:stretch;gap:12px}}.sort-modes-list{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border);display:flex;flex-direction:column;height:fit-content}.list-header{padding:20px 20px 0}.list-header h2{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.list-controls{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.search-container{display:flex}.search-input{width:100%;height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.search-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.filter-chips{display:flex;gap:6px}.filter-chip{padding:4px 8px;background:var(--input);color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-chip:hover{background:var(--muted);color:var(--foreground)}.filter-chip.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.filter-toggles{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}.filter-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.modes-list{flex:1;max-height:600px;overflow-y:auto;padding:0 20px}.mode-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:all .15s ease}.mode-row:last-child{border-bottom:none}.mode-row:hover{background:var(--muted)}.mode-row:hover .drag-handle{opacity:1}.mode-row.selected{background:color-mix(in oklab,var(--primary) 10%,transparent);border-color:var(--primary)}.mode-row.dragging{opacity:.5;transform:rotate(2deg);box-shadow:var(--shadow-lg)}.mode-row.drag-over{background:color-mix(in oklab,var(--primary) 10%,transparent);border-color:var(--primary)}.mode-row.disabled{opacity:.6}.mode-left{display:flex;align-items:center;gap:12px;min-width:0}.mode-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.drag-handle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);cursor:grab;border-radius:var(--radius);transition:all .15s ease;opacity:0;flex-shrink:0}.mode-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mode-info{flex:1;min-width:0}.mode-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mode-name{font-size:14px;font-weight:500;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.mode-code{font-size:12px;font-family:var(--font-mono);color:var(--muted-foreground);opacity:.7;flex-shrink:0}.mode-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mode-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.base-icon{width:16px;height:16px;color:var(--muted-foreground)}.mode-label{font-size:14px;font-weight:500;color:var(--foreground)}.display-order{font-size:11px;color:var(--muted-foreground);font-family:var(--font-mono);background:var(--muted);padding:2px 4px;border-radius:var(--radius)}.mode-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.internal-name{font-size:11px;color:var(--muted-foreground);font-family:var(--font-mono)}.status-badge{height:20px;padding:0 6px;border-radius:var(--radius);font-size:10px;font-weight:500;text-transform:uppercase;display:flex;align-items:center;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.status-badge.green{background:color-mix(in oklab,#16a34a 10%,transparent);color:#16a34a}.status-badge.blue{background:color-mix(in oklab,#2563eb 10%,transparent);color:#2563eb}.status-badge.orange{background:color-mix(in oklab,#d97706 10%,transparent);color:#d97706}.status-badge.purple{background:color-mix(in oklab,#9333ea 10%,transparent);color:#9333ea}.status-badge.red{background:color-mix(in oklab,#dc2626 10%,transparent);color:#dc2626}.status-badge.gray{background:color-mix(in oklab,#6b7280 10%,transparent);color:#6b7280}.default-badge{height:20px;padding:0 6px;background:color-mix(in oklab,var(--primary) 10%,transparent);color:var(--primary);border-radius:var(--radius);font-size:10px;font-weight:500;display:flex;align-items:center;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.category-default-badge{height:20px;padding:0 6px;background:color-mix(in oklab,#d97706 10%,transparent);color:#d97706;border-radius:var(--radius);font-size:10px;font-weight:500;display:flex;align-items:center;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mode-actions{display:flex;align-items:center;gap:8px}.enabled-toggle{display:flex;align-items:center;flex-shrink:0}.toggle-input{width:30px;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--muted);border-radius:9px;position:relative;cursor:pointer;transition:all .15s ease;flex-shrink:0}.edit-btn{width:32px;height:32px;border:none;background:none;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.edit-btn:hover{background:var(--muted);color:var(--foreground)}.edit-btn:focus{outline:2px solid var(--ring);outline-offset:2px}.delete-btn{width:32px;height:32px;border:none;background:none;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.delete-btn:hover{background:var(--destructive);color:var(--destructive-foreground)}.delete-btn:focus{outline:2px solid var(--ring);outline-offset:2px}.empty-state{padding:40px 20px;text-align:center;color:var(--muted-foreground)}.empty-state p{margin:0 0 12px;font-size:14px}.clear-search-btn{padding:6px 12px;background:var(--input);color:var(--foreground);border:var(--border);border-radius:var(--radius);font-size:12px;cursor:pointer;transition:all .15s ease}.clear-search-btn:hover{background:var(--muted)}.loading-state{padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted-foreground)}.list-stats{padding:16px 20px;border-top:1px solid var(--border)}.stats-text{font-size:12px;color:var(--muted-foreground)}@media (max-width: 768px){.mode-content{flex-direction:column;align-items:stretch;gap:8px;height:auto;min-height:56px}.mode-main{justify-content:space-between}.mode-meta{justify-content:flex-start}.mode-actions{justify-content:center}.filter-chips{flex-wrap:wrap}}.sort-mode-editor{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border);display:flex;flex-direction:column;height:fit-content;max-height:calc(100vh - 200px);overflow:hidden}.editor-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.editor-header h2{font-size:20px;font-weight:600;color:var(--foreground);margin:0 0 4px}.mode-id{font-size:12px;font-family:var(--font-mono);color:var(--muted-foreground);background:var(--muted);padding:2px 6px;border-radius:var(--radius);display:inline-block}.editor-section{display:flex;flex-direction:column;gap:16px}.editor-section h3{font-size:16px;font-weight:600;color:var(--foreground);margin:0;padding-bottom:8px;border-bottom:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--foreground)}.internal-name-input,.label-input,.slug-input,.base-ranker-select,.note-textarea{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.note-textarea{height:auto;padding:12px;resize:vertical;min-height:60px}.default-options{display:flex;gap:16px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input[type=radio]{width:16px;height:16px;accent-color:var(--primary)}.radio-option span{font-size:14px;color:var(--foreground)}.checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.checkbox-option span{font-size:14px;color:var(--foreground)}.category-selector{display:flex;flex-direction:column;gap:8px}.category-option{display:flex;align-items:center;gap:8px;cursor:pointer}.category-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.category-option span{font-size:14px;color:var(--foreground)}.schedule-inputs{display:flex;gap:8px;align-items:center}.schedule-input{flex:1;height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.timezone-select{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;min-width:120px}.weights-container{display:flex;flex-direction:column;gap:16px}.weight-slider{display:flex;flex-direction:column;gap:8px}.weight-slider label{font-size:14px;color:var(--foreground)}.weight-range{width:100%;height:6px;background:var(--muted);border-radius:3px;outline:none;cursor:pointer}.weight-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer}.weight-range::-moz-range-thumb{width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.reset-weights-btn{height:32px;padding:0 12px;background:var(--input);color:var(--foreground);border:var(--border);border-radius:var(--radius);font-size:12px;cursor:pointer;transition:all .15s ease;align-self:flex-start}.reset-weights-btn:hover{background:var(--muted)}.rules-container{display:flex;flex-direction:column;gap:16px}.rule-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--muted);border-radius:var(--radius)}.rule-param{display:flex;flex-direction:column;gap:8px;margin-left:24px}.rule-param label{font-size:12px;color:var(--muted-foreground)}.rule-range{width:100%;height:6px;background:var(--input);border-radius:3px;outline:none;cursor:pointer}.rule-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer}.rule-range::-moz-range-thumb{width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.rule-params{display:flex;gap:8px;margin-left:24px}.price-input{flex:1;height:32px;padding:0 8px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:12px}.personalization-container{display:flex;flex-direction:column;gap:16px}.personalization-item{display:flex;flex-direction:column;gap:8px}.personalization-slider{display:flex;flex-direction:column;gap:8px;margin-left:24px}.personalization-slider label{font-size:14px;color:var(--foreground)}.personalization-range{width:100%;height:6px;background:var(--muted);border-radius:3px;outline:none;cursor:pointer}.personalization-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer}.personalization-range::-moz-range-thumb{width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.category-overrides-table{display:flex;flex-direction:column;border:var(--border);border-radius:var(--radius);overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 120px 1fr 120px;gap:16px;padding:12px 16px;background:var(--muted);font-size:12px;font-weight:600;color:var(--foreground)}.table-row{display:grid;grid-template-columns:1fr 120px 1fr 120px;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border);align-items:center}.category-name{font-size:14px;color:var(--foreground);font-weight:500}.custom-params{display:flex;align-items:center}.param-select{height:32px;padding:0 8px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:12px}.row-actions{display:flex;align-items:center}.reset-override-btn{height:28px;padding:0 8px;background:var(--input);color:var(--foreground);border:var(--border);border-radius:var(--radius);font-size:11px;cursor:pointer;transition:all .15s ease}.reset-override-btn:hover{background:var(--muted)}.audit-info{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--muted);border-radius:var(--radius)}.audit-item{display:flex;justify-content:space-between;align-items:center}.audit-label{font-size:12px;color:var(--muted-foreground)}.audit-value{font-size:12px;color:var(--foreground);font-family:var(--font-mono)}.validation-errors{padding:16px 24px;background:color-mix(in oklab,#dc2626 5%,transparent);border-top:1px solid color-mix(in oklab,#dc2626 20%,transparent)}.editor-status{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.dirty-indicator{font-size:12px;color:#d97706;font-weight:500}.mode-status{font-size:12px;color:var(--muted-foreground);text-transform:capitalize}@media (max-width: 1024px){.form-grid{grid-template-columns:1fr}.schedule-inputs{flex-direction:column;align-items:stretch}.rule-params{flex-direction:column}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header span:not(:first-child),.table-row>*:not(:first-child){margin-left:0}}@media (max-width: 768px){.editor-header{flex-direction:column;align-items:stretch;gap:12px}.header-actions{justify-content:stretch}.header-actions .btn{flex:1}.editor-content{padding:20px;gap:20px}.default-options{flex-direction:column;gap:8px}.editor-status{flex-direction:column;align-items:stretch;gap:8px}}.sort-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.sort-preview-drawer{width:100%;max-width:640px;max-height:90vh;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:var(--border);display:flex;flex-direction:column;overflow:hidden}.preview-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.preview-header h3{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.preview-controls{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:16px;flex-shrink:0}.query-section{display:flex;flex-direction:column;gap:12px}.query-input-group{display:flex;gap:8px}.query-input{flex:1;height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.run-btn{height:40px;padding:0 16px;background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.run-btn:hover{background:color-mix(in oklab,var(--primary) 90%,black)}.context-chip{padding:4px 8px;background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius);font-size:11px;font-weight:500;text-transform:uppercase}.mode-selection{display:flex;gap:16px;align-items:center}.mode-selector,.compare-selector{display:flex;align-items:center;gap:8px}.mode-selector label,.compare-selector label{font-size:14px;color:var(--foreground);font-weight:500}.mode-select,.compare-select{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;min-width:150px}.metrics-section{padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.metric-item{display:flex;flex-direction:column;gap:4px;text-align:center}.metric-label{font-size:11px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:16px;font-weight:600;color:var(--foreground)}.preview-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.tab-button{flex:1;padding:12px 16px;border:none;background:none;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.tab-button.active{color:var(--foreground);border-bottom-color:var(--primary)}.tab-button:hover:not(.active):not(:disabled){color:var(--foreground)}.tab-button:disabled{opacity:.5;cursor:not-allowed}.view-options{padding:12px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.view-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-input{width:30px;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--muted);border-radius:9px;position:relative;cursor:pointer;transition:all .15s ease}.toggle-input:checked{background:var(--primary)}.toggle-input:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .15s ease}.toggle-input:checked:before{transform:translate(12px)}.toggle-label{font-size:12px;color:var(--foreground)}.preview-content{flex:1;overflow-y:auto;padding:20px 24px}.results-list{display:flex;flex-direction:column;gap:8px}.result-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--input);border:var(--border);border-radius:var(--radius);transition:all .15s ease}.result-item:hover{background:var(--muted)}.result-rank{width:32px;height:32px;background:var(--muted);color:var(--muted-foreground);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.result-content{flex:1;display:flex;flex-direction:column;gap:4px}.result-title{font-size:14px;font-weight:500;color:var(--foreground);line-height:1.3}.result-meta{display:flex;align-items:center;gap:8px}.result-price{font-size:12px;font-weight:500;color:var(--foreground)}.result-metrics{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.delta-chip{padding:2px 6px;border-radius:var(--radius);font-size:11px;font-weight:500;text-align:center;min-width:24px}.delta-chip.positive{background:color-mix(in oklab,#16a34a 10%,transparent);color:#16a34a}.delta-chip.negative{background:color-mix(in oklab,#dc2626 10%,transparent);color:#dc2626}.result-score{font-size:11px;color:var(--muted-foreground);font-family:var(--font-mono)}.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison-column{display:flex;flex-direction:column}.column-header{padding:12px;background:var(--muted);border-radius:var(--radius);margin-bottom:8px}.column-header h4{font-size:14px;font-weight:600;color:var(--foreground);margin:0}.preview-footer{padding:20px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.results-count{font-size:12px;color:var(--muted-foreground)}.footer-right{display:flex;gap:8px}.btn.primary:hover{background:color-mix(in oklab,var(--primary) 90%,black)}.btn.secondary:hover{background:var(--muted)}@media (max-width: 768px){.sort-preview-overlay{padding:10px}.sort-preview-drawer{max-width:100%;max-height:95vh}.preview-header,.preview-controls{padding:16px 20px}.metrics-section{padding:12px 20px}.preview-content{padding:16px 20px}.preview-footer{padding:16px 20px;flex-direction:column;gap:12px;align-items:stretch}.footer-right{justify-content:stretch}.footer-right .btn{flex:1}.mode-selection{flex-direction:column;align-items:stretch;gap:12px}.mode-selector,.compare-selector{justify-content:space-between}.mode-select,.compare-select{min-width:auto;flex:1}.side-by-side{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(3,1fr)}}.sorting-page{padding:24px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px;min-height:100vh}.sorting-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.sorting-content{display:grid;grid-template-columns:38% 62%;gap:32px;flex:1}.sorting-left,.sorting-right{display:flex;flex-direction:column}.no-selection{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border);display:flex;align-items:center;justify-content:center;min-height:400px}.no-selection-content{text-align:center;color:var(--muted-foreground)}.no-selection-content h3{font-size:18px;font-weight:600;color:var(--foreground);margin:0 0 8px}.no-selection-content p{font-size:14px;margin:0 0 16px}.sorting-status{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--border)}.modes-count{font-size:12px;color:var(--muted-foreground)}@media (max-width: 1024px){.sorting-content{grid-template-columns:1fr;gap:24px}.sorting-header{flex-direction:column;align-items:stretch}.header-right{justify-content:flex-end}}@media (max-width: 768px){.sorting-page{padding:16px;gap:24px}.sorting-header{gap:16px}.header-actions{justify-content:stretch}.header-actions .btn{flex:1}.sorting-status{flex-direction:column;align-items:stretch;gap:12px}}.suggestions-slotting-editor{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border);display:flex;flex-direction:column;height:fit-content}.editor-header{padding:20px 24px;border-bottom:1px solid var(--border)}.editor-header h2{font-size:18px;font-weight:600;color:var(--foreground);margin:0 0 8px}.editor-header p{font-size:14px;color:var(--muted-foreground);margin:0}.validation-errors{padding:16px 24px;background:color-mix(in oklab,#dc2626 5%,transparent);border-bottom:1px solid color-mix(in oklab,#dc2626 20%,transparent)}.validation-errors h4{font-size:14px;font-weight:600;color:#dc2626;margin:0 0 8px}.validation-errors ul{margin:0;padding-left:16px}.validation-errors li{font-size:13px;color:#dc2626;margin-bottom:4px}.slots-list{padding:24px;display:flex;flex-direction:column;gap:16px}.slot-item{background:var(--input);border:2px solid var(--border);border-radius:var(--radius-lg);transition:all .15s ease}.slot-item:hover{border-color:var(--primary)}.slot-item.dragging{opacity:.5;transform:rotate(2deg)}.slot-item.drag-over{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 5%,transparent)}.slot-content{padding:20px;display:flex;align-items:flex-start;gap:16px}.drag-handle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);cursor:grab;border-radius:var(--radius);transition:all .15s ease;flex-shrink:0}.drag-handle:hover{background:var(--muted);color:var(--foreground)}.slot-order{width:32px;height:32px;background:var(--muted);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.order-number{font-size:14px;font-weight:600;color:var(--foreground)}.slot-config{flex:1;display:flex;flex-direction:column;gap:16px}.config-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;gap:16px;align-items:end}.config-group{display:flex;flex-direction:column;gap:6px}.config-group label{font-size:12px;font-weight:500;color:var(--foreground);text-transform:uppercase;letter-spacing:.5px}.source-select,.limit-input,.fallback-select{height:36px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--card);color:var(--foreground);font-size:14px}.limit-input{text-align:center}.enabled-checkbox{width:16px;height:16px;accent-color:var(--primary)}.source-description{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--muted);border-radius:var(--radius)}.source-icon{width:16px;height:16px;color:var(--muted-foreground)}.description-text{font-size:12px;color:var(--muted-foreground)}.overrides-section{display:flex;flex-direction:column;gap:12px}.overrides-section h4{font-size:13px;font-weight:600;color:var(--foreground);margin:0}.overrides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.override-group{display:flex;flex-direction:column;gap:4px}.override-group label{font-size:11px;font-weight:500;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.override-select{height:32px;padding:0 8px;border:var(--border);border-radius:var(--radius);background:var(--card);color:var(--foreground);font-size:12px}.remove-slot-btn{width:32px;height:32px;border:none;background:color-mix(in oklab,#dc2626 10%,transparent);color:#dc2626;font-size:18px;cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.remove-slot-btn:hover{background:color-mix(in oklab,#dc2626 20%,transparent)}.add-slot-btn{margin:0 24px 24px;height:40px;padding:0 16px;background:var(--input);color:var(--foreground);border:2px dashed var(--border);border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.add-slot-btn:hover:not(:disabled){background:var(--muted);border-color:var(--primary);color:var(--primary)}.add-slot-btn:disabled{opacity:.5;cursor:not-allowed}.help-text{padding:20px 24px;border-top:1px solid var(--border);background:var(--muted)}.help-text h4{font-size:14px;font-weight:600;color:var(--foreground);margin:0 0 12px}.help-text ul{margin:0;padding-left:16px}.help-text li{font-size:13px;color:var(--muted-foreground);margin-bottom:6px;line-height:1.4}.help-text li:last-child{margin-bottom:0}@media (max-width: 1024px){.config-row{grid-template-columns:1fr 1fr;gap:12px}.overrides-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.slots-list{padding:20px;gap:12px}.slot-content{padding:16px;flex-direction:column;gap:12px}.config-row{grid-template-columns:1fr;gap:12px}.overrides-grid{grid-template-columns:1fr}.add-slot-btn{margin:0 20px 20px}.help-text{padding:16px 20px}}@media (max-width: 480px){.slots-list{padding:16px}.slot-content{padding:12px}.add-slot-btn{margin:0 16px 16px}.help-text{padding:12px 16px}}.migration-badge{margin-bottom:12px;padding:6px 12px;background:color-mix(in oklab,#f59e0b 10%,transparent);border:1px solid color-mix(in oklab,#f59e0b 30%,transparent);border-radius:var(--radius);display:flex;align-items:center;gap:6px}.badge-text{font-size:12px;font-weight:500;color:#f59e0b}.type-segmented-control{display:flex;background:var(--muted);border-radius:var(--radius);padding:2px;gap:2px}.type-btn{flex:1;height:32px;border:none;background:transparent;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;border-radius:calc(var(--radius) - 2px);transition:all .15s ease}.type-btn.active{background:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm)}.type-btn:hover:not(.active){color:var(--foreground)}.contextual-fields{margin-top:16px;padding:16px;background:var(--muted);border-radius:var(--radius);border:1px solid var(--border)}.contextual-fields .config-row{gap:12px}.contextual-fields .config-group{flex:1;min-width:120px}.contextual-fields label{font-size:12px;font-weight:500;color:var(--foreground);margin-bottom:4px;display:block}.contextual-fields input,.contextual-fields select{width:100%;height:32px;padding:0 8px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.contextual-fields input:focus,.contextual-fields select:focus{outline:none;border-color:var(--ring)}.text-fields{border-left:3px solid #3b82f6}.product-fields{border-left:3px solid #10b981}.dedupe-hint{margin-top:12px;padding:8px 12px;background:color-mix(in oklab,#3b82f6 5%,transparent);border:1px solid color-mix(in oklab,#3b82f6 20%,transparent);border-radius:var(--radius);display:flex;align-items:center;gap:8px}.hint-icon{font-size:14px;flex-shrink:0}.hint-text{font-size:12px;color:#3b82f6;line-height:1.4}.drawer-preview{display:flex;flex-direction:column;height:100%;width:100%;max-width:480px;background:var(--background);border-radius:0 12px 12px 0;box-shadow:var(--shadow-lg);overflow:hidden}.drawer-controls{display:flex;align-items:center;gap:12px;padding:16px;background:var(--background);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:10}.query-section{flex:1;min-width:0}.query-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:14px;transition:all .15s ease}.context-section{display:flex;gap:8px;flex-shrink:0}.context-select{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:12px;min-width:60px}.close-btn{width:32px;height:32px;border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .15s ease;flex-shrink:0}.drawer-content{flex:1;overflow-y:auto;padding:0}.drawer-section{border-bottom:1px solid var(--border)}.drawer-section:last-child{border-bottom:none}.section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--muted/20);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.section-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.title-text{font-size:13px;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-count{font-size:11px;color:var(--muted-foreground);font-family:var(--font-mono);flex-shrink:0}.section-actions{display:flex;gap:4px;flex-shrink:0}.action-btn{width:24px;height:24px;border:none;background:none;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.action-btn:hover{background:var(--muted);color:var(--foreground)}.section-content{padding:8px 0}.empty-state{padding:16px;text-align:center}.empty-text{font-size:12px;color:var(--muted-foreground);font-style:italic}.items-grid{display:flex;flex-direction:column;gap:2px;padding:0 8px}.drawer-item{position:relative;padding:8px 12px;border-radius:var(--radius);cursor:pointer;transition:all .15s ease;border:1px solid transparent}.drawer-item:hover,.drawer-item.focused{background:var(--muted/30);border-color:var(--border)}.drawer-item.deduped{opacity:.6}.origin-badge{position:absolute;top:4px;right:8px;background:var(--accent);color:var(--accent-foreground);font-size:8px;font-weight:600;padding:2px 4px;border-radius:2px;text-transform:uppercase;letter-spacing:.5px}.dedupe-badge{position:absolute;top:4px;left:8px;background:var(--muted);color:var(--muted-foreground);font-size:8px;font-weight:600;padding:2px 4px;border-radius:2px;text-transform:uppercase;letter-spacing:.5px}.item-content{display:flex;align-items:center;gap:8px;min-height:20px}.query-content{padding-right:60px}.query-text{font-size:13px;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.category-content{padding-right:60px}.category-icon{width:16px;height:16px;color:var(--muted-foreground);flex-shrink:0}.category-label{font-size:13px;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.brand-content{padding-right:60px}.brand-thumbnail{width:20px;height:20px;border-radius:var(--radius);overflow:hidden;flex-shrink:0;background:var(--muted);display:flex;align-items:center;justify-content:center}.brand-thumbnail img{width:100%;height:100%;object-fit:cover}.brand-placeholder{font-size:10px;font-weight:600;color:var(--muted-foreground)}.brand-label{font-size:13px;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.product-content{padding-right:60px}.product-image{width:32px;height:32px;border-radius:var(--radius);overflow:hidden;flex-shrink:0;background:var(--muted)}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{flex:1;min-width:0}.product-title{font-size:12px;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.product-price{font-size:11px;color:var(--muted-foreground);font-weight:500;margin-top:2px}.faq-content{padding-right:60px}.faq-icon{width:16px;height:16px;color:var(--muted-foreground);flex-shrink:0}.faq-title{font-size:13px;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.section-divider{height:1px;background:var(--border);margin:0 16px}.drawer-footer{padding:8px 16px;background:var(--muted/20);border-top:1px solid var(--border);flex-shrink:0}.metrics-bar{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted-foreground);font-family:var(--font-mono)}.metric{white-space:nowrap}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading-state span{font-size:12px;color:var(--muted-foreground)}@media (max-width: 768px){.drawer-preview{max-width:100%;border-radius:0}.drawer-controls{padding:12px;gap:8px}.context-section{gap:4px}.context-select{min-width:50px;font-size:11px}}.suggestions-page{padding:24px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px;min-height:100vh}.suggestions-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.header-left h1{font-size:26px;font-weight:600;color:var(--foreground);margin:0 0 8px}.header-right{display:flex;align-items:center}.header-actions{display:flex;gap:8px}.suggestions-content{display:flex;flex-direction:column;flex:1}.suggestions-main{display:flex;flex-direction:column;width:100%}.suggestions-status{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--border)}.status-left{display:flex;align-items:center;gap:16px}.validation-errors{color:#dc2626;font-size:14px;font-weight:500}.last-saved{font-size:12px;color:var(--muted-foreground);font-style:italic}.status-right{display:flex;align-items:center}.slots-count{font-size:12px;color:var(--muted-foreground)}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;width:100vw;height:100vh}.preview-modal{width:100%;max-width:480px;max-height:90vh;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:10000}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0}.preview-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--foreground)}.modal-close-btn{width:32px;height:32px;border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .15s ease;flex-shrink:0}.modal-close-btn:hover{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.preview-modal-content{padding:0;flex:1;overflow:auto;display:flex;flex-direction:column}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn.secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.suggestions-content{grid-template-columns:1fr;gap:24px}.suggestions-header{flex-direction:column;align-items:stretch}.header-right{justify-content:flex-end}}@media (max-width: 768px){.suggestions-page{padding:16px;gap:24px}.suggestions-header{gap:16px}.header-actions{justify-content:stretch}.header-actions .btn{flex:1}.suggestions-status{flex-direction:column;align-items:stretch;gap:12px}.preview-modal{max-width:100%;margin:10px}.preview-modal-header{padding:16px 20px}.preview-modal-content{padding:20px}}.copilot-chat-page{display:flex;flex-direction:column;height:100vh;background:var(--background);overflow:hidden}.context-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:100}.context-chips{display:flex;gap:8px;flex-wrap:wrap}.context-chip-select{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:12px;cursor:pointer;transition:all .15s ease}.context-chip-select:focus{outline:none;border-color:var(--ring)}.clear-conversation-btn{padding:6px 12px;background:var(--muted);color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;cursor:pointer;transition:all .15s ease}.clear-conversation-btn:hover{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.message-stream{flex:1;overflow-y:auto;padding:16px 24px 100px;display:flex;flex-direction:column;gap:12px}.message-stream.empty{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 24px 100px}.message{display:flex;flex-direction:column;max-width:800px}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start;align-items:flex-start}.message.status{align-self:center;align-items:center}.user-message{background:var(--primary);color:var(--primary-foreground);padding:12px 16px;border-radius:var(--radius-lg);border-bottom-right-radius:4px;max-width:100%;word-wrap:break-word}.user-message .message-content{font-size:14px;line-height:1.5}.user-message .message-context{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.assistant-message{background:var(--card);border:1px solid var(--border);padding:16px;border-radius:var(--radius-lg);border-bottom-left-radius:4px;max-width:100%;word-wrap:break-word}.assistant-message .message-content{font-size:14px;line-height:1.5;color:var(--foreground);margin-bottom:12px}.streaming-text{display:inline}.cursor{animation:blink 1s infinite;color:var(--primary)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.assistant-message .message-context{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.plan-bundle{margin-top:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);overflow:hidden}.plan-header{padding:16px;background:var(--muted/20);border-bottom:1px solid var(--border)}.plan-header h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--foreground)}.plan-context{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.plan-impact{font-size:12px;color:var(--green);font-weight:500}.rule-cards{display:flex;flex-direction:column;gap:12px;padding:16px}.rule-card{padding:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .15s ease}.rule-card:hover{border-color:var(--ring);box-shadow:var(--shadow-sm)}.rule-header{margin-bottom:12px}.rule-type{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.type-badge{padding:4px 8px;background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);font-size:11px;font-weight:600;text-transform:uppercase}.confidence-chip{padding:4px 8px;border-radius:var(--radius);font-size:11px;font-weight:600;text-transform:uppercase}.confidence-chip.high{background:color-mix(in oklab,var(--green) 20%,transparent);color:var(--green)}.confidence-chip.medium{background:color-mix(in oklab,var(--orange) 20%,transparent);color:var(--orange)}.confidence-chip.low{background:color-mix(in oklab,var(--red) 20%,transparent);color:var(--red)}.scope-chips{display:flex;gap:4px;flex-wrap:wrap}.scope-chip{padding:2px 6px;background:var(--muted/30);color:var(--muted-foreground);border-radius:var(--radius);font-size:10px;font-weight:500}.rule-body{margin-bottom:12px}.rule-summary{font-size:14px;color:var(--foreground);margin-bottom:8px;line-height:1.4}.rule-preview{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.rule-preview span{font-size:11px;color:var(--muted-foreground);background:var(--muted/20);padding:2px 6px;border-radius:var(--radius)}.preview-link{font-size:11px;color:var(--primary);text-decoration:none;font-weight:500}.preview-link:hover{text-decoration:underline}.inline-edit-form{display:flex;flex-direction:column;gap:8px}.edit-input{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:14px;outline:none;transition:border-color .15s ease}.edit-input:focus{border-color:var(--ring)}.edit-actions{display:flex;gap:8px}.rule-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border);gap:16px}.keep-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:var(--foreground)}.keep-toggle input[type=checkbox]{margin:0;cursor:pointer}.rule-actions{display:flex;gap:8px}.action-btn{padding:8px 16px;background:var(--muted);color:var(--muted-foreground);border:none;border-radius:var(--radius);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;min-width:60px;white-space:nowrap}.action-btn:hover{background:var(--primary);color:var(--primary-foreground)}.remove-btn{color:var(--destructive)!important}.remove-btn:hover{background:var(--destructive)!important;color:var(--destructive-foreground)!important}.plan-footer{padding:16px;background:var(--muted/20);border-top:1px solid var(--border)}.plan-actions{display:flex;gap:8px;justify-content:flex-end}.status-message{background:var(--muted/20);border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius-lg);max-width:100%}.status-content{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted-foreground)}.undo-btn{padding:2px 6px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);font-size:10px;cursor:pointer;transition:all .15s ease}.undo-btn:hover{background:var(--primary/90)}.context-chip{padding:2px 6px;background:var(--muted/30);color:var(--muted-foreground);border-radius:var(--radius);font-size:10px;font-weight:500}.composer-dock{padding:16px 24px;background:var(--card);border-top:1px solid var(--border);flex-shrink:0;position:fixed;bottom:0;left:0;right:0;z-index:100}.composer-container{display:flex;align-items:flex-end;gap:12px;max-width:800px;margin:0 auto}.composer-input{flex:1;min-height:44px;max-height:132px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);color:var(--foreground);font-size:14px;line-height:1.5;resize:none;outline:none;font-family:inherit;transition:border-color .15s ease}.composer-input:focus{border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.composer-input::placeholder{color:var(--muted-foreground);font-style:italic}.composer-actions{display:flex;gap:8px;align-items:center}.command-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center}.command-menu{width:100%;max-width:600px;max-height:80vh;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border);overflow:hidden}.command-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.command-menu-header h4{margin:0;font-size:16px;font-weight:600;color:var(--foreground)}.close-btn{width:32px;height:32px;border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .15s ease}.close-btn:hover{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.command-list{max-height:400px;overflow-y:auto}.command-item{width:100%;padding:12px 20px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .15s ease;display:flex;flex-direction:column;gap:4px}.command-item:hover{background:var(--muted/20)}.command-label{font-size:14px;font-weight:600;color:var(--foreground)}.command-desc{font-size:12px;color:var(--muted-foreground);line-height:1.4}.empty-state{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:32px;text-align:left;gap:0;margin:0;max-width:560px;width:100%;background:color-mix(in oklab,var(--background) 92%,var(--foreground));border-radius:12px;box-shadow:0 4px 12px #0000000d}.empty-state h3{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--foreground)}.empty-state p{margin:0 0 16px;color:var(--muted-foreground);font-size:15px;line-height:1.4;max-width:46ch}.example-prompts{display:flex;flex-direction:column;gap:8px;max-width:100%;width:100%}.example-prompt{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 16px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:14px;text-align:left;cursor:pointer;transition:all .15s ease;text-decoration:none}.example-prompt:hover{background:color-mix(in oklab,var(--primary) 5%,var(--background));border-color:var(--primary)}.example-prompt:focus{outline:2px solid var(--primary);outline-offset:2px}.example-prompt-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.example-prompt-arrow{color:var(--muted-foreground);font-size:12px;margin-left:8px}.toast-container{position:fixed;top:20px;right:20px;z-index:3000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:400px;pointer-events:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left:4px solid var(--green)}.toast-error{border-left:4px solid var(--destructive)}.toast-info{border-left:4px solid var(--primary)}.toast-message{font-size:14px;color:var(--foreground);flex:1}.toast-close{width:20px;height:20px;border:none;background:none;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:16px;margin-left:8px;transition:all .15s ease}.toast-close:hover{background:var(--muted);color:var(--foreground)}.btn-primary{padding:8px 16px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-primary:hover:not(:disabled){background:var(--primary/90);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{padding:8px 16px;background:var(--muted);color:var(--muted-foreground);border:none;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover:not(:disabled){background:var(--muted/80);color:var(--foreground)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:4px 8px;background:var(--muted);color:var(--muted-foreground);border:none;border-radius:var(--radius);font-size:11px;cursor:pointer;transition:all .15s ease}.btn-small:hover{background:var(--primary);color:var(--primary-foreground)}@media (max-width: 768px){.context-bar{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch}.context-chips{justify-content:center}.message-stream{padding:12px 12px 100px}.composer-dock{padding:16px}.composer-container{flex-direction:column;gap:12px}.composer-actions{justify-content:center;flex-wrap:wrap}.plan-actions{flex-direction:column;align-items:stretch}.rule-footer{flex-direction:column;gap:12px;align-items:stretch}.rule-actions{justify-content:center;gap:12px}.action-btn{flex:1;min-width:auto}.message-stream.empty{padding:4px 16px 100px;align-items:center}.empty-state{padding:20px;margin:0 16px;max-width:none}.empty-state h3{font-size:20px}.empty-state p{font-size:14px}.example-prompt{height:44px;padding:0 12px}}.analytics-page{padding:24px;max-width:1200px;margin:0 auto;background:var(--background);color:var(--foreground)}.analytics-container{display:flex;flex-direction:column;gap:32px}.analytics-header{text-align:center;margin-bottom:8px}.analytics-header h1{font-size:28px;font-weight:600;color:var(--foreground);margin:0 0 8px}.analytics-header p{font-size:16px;color:var(--muted-foreground);margin:0}.filter-bar{display:flex;gap:24px;align-items:end;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:120px}.filter-group label{font-size:14px;font-weight:500;color:var(--foreground)}.filter-group select{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--foreground);font-size:14px}.filter-group select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.filter-actions{margin-left:auto}.export-btn{height:40px;padding:0 16px;background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn:hover{background:var(--muted);color:var(--foreground)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.kpi-tile{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s ease}.kpi-tile:hover{background:color-mix(in oklab,var(--muted) 28%,transparent)}.kpi-label{font-size:14px;color:var(--muted-foreground);margin-bottom:8px}.kpi-value{font-size:24px;font-weight:600;color:var(--foreground);margin-bottom:4px}.kpi-change{font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.kpi-change.up{color:var(--chart-1)}.kpi-change.down{color:var(--chart-5)}.kpi-change.up:before{content:"↗"}.kpi-change.down:before{content:"↘"}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chart-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid var(--border)}.chart-header h3{margin:0;font-size:16px;font-weight:600;color:var(--foreground)}.copy-chart-btn{height:32px;padding:0 12px;background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all .2s ease}.copy-chart-btn:hover{background:var(--muted);color:var(--foreground)}.chart-placeholder{padding:40px 20px;min-height:200px;display:flex;align-items:center;justify-content:center}.chart-mock{width:100%;height:120px;position:relative;background:linear-gradient(90deg,var(--muted) 0%,var(--background) 100%);border-radius:var(--radius-md);overflow:hidden}.chart-line{position:absolute;height:2px;width:100%;top:50%;transform:translateY(-50%)}.success-line{background:var(--chart-1);top:30%}.zero-line{background:var(--chart-5);top:70%}.chart-labels{position:absolute;bottom:8px;right:8px;display:flex;gap:16px;font-size:12px;color:var(--muted-foreground)}.drawer-ctr-table{padding:20px}.table-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--foreground)}.source-cell{font-weight:500}.ctr-cell{color:var(--chart-1);font-weight:500}.impressions-cell{color:var(--muted-foreground)}.tables-section{display:grid;grid-template-columns:1fr 1fr;gap:24px}.table-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table-header{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.table-header h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--foreground)}.table-subtitle{font-size:12px;color:var(--muted-foreground)}.table-header-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:16px 20px;background:var(--background);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.no-click-table .table-header-row{grid-template-columns:2fr 1fr 1fr 1fr}.zero-result-table .table-row,.no-click-table .table-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border);font-size:14px;color:var(--foreground)}.no-click-table .table-row{grid-template-columns:2fr 1fr 1fr 1fr}.table-row:last-child{border-bottom:none}.query-cell{font-weight:500}.count-cell,.position-cell{color:var(--muted-foreground)}.action-cell{display:flex;justify-content:flex-end}.fix-link,.preview-link{background:none;border:none;color:var(--primary);font-size:12px;cursor:pointer;text-decoration:underline;transition:all .2s ease}.fix-link:hover,.preview-link:hover{color:color-mix(in oklab,var(--primary) 80%,black)}@media (max-width: 1024px){.charts-section,.tables-section{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch;gap:16px}.filter-actions{margin-left:0}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.analytics-page{padding:16px}.analytics-container{gap:24px}.filter-group{min-width:auto}.kpi-grid{grid-template-columns:1fr 1fr}.table-header-row,.table-row{grid-template-columns:1fr;gap:8px}.no-click-table .table-header-row,.no-click-table .table-row{grid-template-columns:1fr}.action-cell{justify-content:flex-start}}.experiments-page{padding:24px;background:var(--background);min-height:100vh}.experiments-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.experiments-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.header-left h1{font-size:28px;font-weight:600;color:var(--foreground);margin:0 0 8px}.experiments-filters{background:var(--card);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.filter-field{display:flex;flex-direction:column;gap:6px}.filter-field label{font-size:12px;font-weight:500;color:var(--foreground);text-transform:uppercase;letter-spacing:.5px}.filter-field select{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;cursor:pointer;transition:all .15s ease}.filter-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 20%,transparent)}.bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--accent);border:1px solid var(--border);border-radius:var(--radius);gap:16px}.bulk-left span{font-size:14px;font-weight:500;color:var(--foreground)}.experiments-table-container{background:var(--card);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.experiments-table{width:100%;border-collapse:collapse}.experiments-table th{background:var(--muted);padding:16px 12px;text-align:left;font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.experiments-table th.select-column{width:40px;text-align:center}.experiments-table th.actions-column{width:120px;text-align:right}.experiments-table td{padding:12px;border-bottom:1px solid var(--border);vertical-align:top}.experiments-table tr:last-child td{border-bottom:none}.experiment-row:hover{background:var(--accent)}.select-column{text-align:center}.name-cell{min-width:200px}.experiment-name .name{font-size:14px;font-weight:500;color:var(--foreground);margin-bottom:2px}.experiment-name .id{font-size:12px;color:var(--muted-foreground);font-family:var(--font-mono)}.type-badge{display:inline-block;padding:4px 8px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);font-size:11px;font-weight:500;color:var(--foreground);text-transform:uppercase;letter-spacing:.5px}.scope-cell{min-width:120px}.scope-info{display:flex;flex-direction:column;gap:2px}.scope-info>div{font-size:12px;color:var(--foreground)}.scope-info .audience{font-weight:500}.scope-info .markets,.scope-info .channels{color:var(--muted-foreground)}.traffic-cell{min-width:80px}.traffic-split{display:flex;flex-direction:column;gap:2px}.traffic-split span{font-size:12px;color:var(--foreground);font-family:var(--font-mono)}.split-a{color:var(--primary)}.split-b{color:var(--chart-1)}.status-badge,.result-badge{display:inline-block;padding:4px 8px;border-radius:var(--radius);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.date-cell{min-width:100px}.date-info{display:flex;flex-direction:column;gap:2px}.date-info>div{font-size:12px;color:var(--foreground)}.date-info .start{font-weight:500}.date-info .end{color:var(--muted-foreground)}.metric-cell{min-width:100px}.metric-info{display:flex;flex-direction:column;gap:2px}.metric-name{font-size:12px;color:var(--foreground);font-weight:500}.metric-lift{font-size:11px;color:var(--chart-1);font-weight:600}.no-result{color:var(--muted-foreground);font-size:12px}.actions-column{text-align:right}.action-buttons{display:flex;align-items:center;gap:8px;justify-content:flex-end}.menu-trigger{width:24px;height:24px;border:none;background:none;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s ease}.menu-dropdown{position:absolute;top:100%;right:0;background:var(--popover);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;min-width:120px;padding:4px 0;display:none}.loading-cell,.empty-cell{text-align:center;padding:48px 24px}.loading-cell{color:var(--muted-foreground);font-size:14px}.empty-icon{font-size:48px}.empty-state h3{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.empty-state p{font-size:14px;color:var(--muted-foreground);margin:0;text-align:center}.btn.destructive{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.btn.destructive:hover:not(:disabled){background:color-mix(in oklab,var(--destructive) 90%,black)}.btn.small{height:28px;padding:0 8px;font-size:12px}@media (max-width: 1024px){.experiments-page{padding:20px}.experiments-header{flex-direction:column;align-items:stretch;gap:16px}.filter-row{grid-template-columns:repeat(2,1fr);gap:12px}.experiments-table{font-size:13px}.experiments-table th,.experiments-table td{padding:10px 8px}.name-cell{min-width:150px}.scope-cell{min-width:100px}}@media (max-width: 768px){.experiments-page{padding:16px}.experiments-container{gap:16px}.header-left h1{font-size:24px}.filter-row{grid-template-columns:1fr;gap:10px}.filter-field select{height:36px;font-size:13px}.bulk-actions{flex-direction:column;align-items:stretch;gap:12px}.bulk-right{justify-content:center}.experiments-table-container{overflow-x:auto}.experiments-table{min-width:800px}.experiments-table th,.experiments-table td{padding:8px 6px}.action-buttons{flex-direction:column;gap:4px}.btn{height:32px;padding:0 12px;font-size:13px}.btn.small{height:24px;padding:0 6px;font-size:11px}}@media (max-width: 480px){.experiments-page{padding:12px}.experiments-filters{padding:16px}.header-left h1{font-size:20px}.header-left p{font-size:13px}.experiments-table{font-size:12px}.experiments-table th,.experiments-table td{padding:6px 4px}.experiment-name .name{font-size:13px}.experiment-name .id{font-size:11px}.type-badge,.status-badge,.result-badge{font-size:10px;padding:2px 6px}.scope-info>div,.traffic-split span,.date-info>div,.metric-name{font-size:11px}.metric-lift{font-size:10px}}.experiment-editor{padding:24px;background:var(--background);min-height:100vh;display:flex;flex-direction:column}.editor-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:62% 38%;gap:32px;flex-grow:1;padding-bottom:80px}.config-column{display:flex;flex-direction:column;gap:32px}.config-section{background:var(--card);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.config-section h2{font-size:18px;font-weight:600;color:var(--foreground);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.config-section h3{font-size:16px;font-weight:600;color:var(--foreground);margin:0 0 16px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--foreground);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;font-family:var(--font-sans);transition:all .15s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 20%,transparent)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--destructive);box-shadow:0 0 0 2px color-mix(in oklab,var(--destructive) 20%,transparent)}.form-group textarea{height:auto;min-height:80px;padding:12px;resize:vertical;font-family:var(--font-sans)}.form-group input[type=range]{height:6px;padding:0;background:var(--muted);border:none;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm)}.form-group input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;border:none;box-shadow:var(--shadow-sm)}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted-foreground);margin-top:4px}.traffic-breakdown{display:flex;justify-content:space-between;margin-top:8px;padding:8px 12px;background:var(--muted);border-radius:var(--radius)}.traffic-item{font-size:13px;color:var(--foreground);font-weight:500}.ramp-schedule{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--muted);border-radius:var(--radius)}.ramp-item{display:flex;align-items:center;font-size:13px;color:var(--foreground)}.holdback-explanation{font-size:12px;color:var(--muted-foreground);margin-top:6px;padding:8px 12px;background:var(--muted);border-radius:var(--radius)}.help-text{font-size:12px;color:var(--muted-foreground);margin-top:4px;line-height:1.4}.weighting-factors{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--muted);border-radius:var(--radius)}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--foreground);cursor:pointer;margin-bottom:0}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);margin:0}.variant-group{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.variant-group:last-child{margin-bottom:0}.variant-config{background:var(--input);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-top:12px}.variant-config .form-group{margin-bottom:16px}.variant-config .form-group:last-child{margin-bottom:0}.preview-column{display:flex;flex-direction:column;gap:24px}.preview-section{background:var(--card);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.preview-section h2{font-size:16px;font-weight:600;color:var(--foreground);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.check-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.check-item:last-child{margin-bottom:0}.check-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;margin-top:2px}.check-icon.success{background:var(--chart-1);color:#fff}.check-icon.warning{background:var(--chart-4);color:#fff}.check-icon.error{background:var(--destructive);color:#fff}.check-content{flex-grow:1}.check-title{font-size:14px;font-weight:500;color:var(--foreground);margin-bottom:4px}.check-details{font-size:13px;color:var(--muted-foreground);line-height:1.4}.warning-text{color:var(--chart-4);font-weight:500;margin-top:4px}.preview-links{display:flex;flex-direction:column;gap:12px}.preview-link{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s ease}.preview-link:hover{background:var(--accent);border-color:var(--primary)}.test-urls{display:flex;flex-direction:column;gap:16px}.url-group{display:flex;flex-direction:column;gap:6px}.url-group label{font-size:12px;font-weight:500;color:var(--foreground);text-transform:uppercase;letter-spacing:.5px}.url-input{display:flex;gap:8px}.url-input input{flex-grow:1;height:36px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:13px;font-family:var(--font-mono)}.copy-btn{height:36px;padding:0 12px;background:var(--secondary);color:var(--secondary-foreground);border:var(--border);border-radius:var(--radius);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.copy-btn:hover{background:var(--accent)}.calculator-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.calc-group{display:flex;flex-direction:column;gap:4px}.calc-group label{font-size:12px;font-weight:500;color:var(--foreground);text-transform:uppercase;letter-spacing:.5px}.calc-group input,.calc-group select{height:32px;padding:0 8px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:13px}.calc-unit{font-size:11px;color:var(--muted-foreground);font-family:var(--font-mono);margin-top:2px}.calculator-results{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.result-item{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.result-label{font-size:12px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.result-value{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:4px}.result-description{font-size:11px;color:var(--muted-foreground);line-height:1.3}.calculator-warnings{display:flex;flex-direction:column;gap:8px}.warning-item{font-size:12px;color:var(--chart-4);padding:8px 12px;background:#fff5d9;background:oklch(.97 .05 90);border:1px solid var(--chart-4);border-radius:var(--radius);line-height:1.4}.editor-footer{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--card);border-top:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;align-items:center;padding:0 24px;z-index:100}.validation-errors{display:flex;flex-direction:column;gap:4px}.error-message{font-size:13px;color:var(--destructive);font-weight:500}.footer-right{display:flex;gap:12px;align-items:center}.footer-right .btn{height:40px;padding:0 20px;border:var(--border);border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.footer-right .btn.secondary{background:var(--input);color:var(--foreground)}.footer-right .btn.secondary:hover:not(:disabled){background:var(--muted)}.footer-right .btn.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.footer-right .btn.primary:hover:not(:disabled){background:color-mix(in oklab,var(--primary) 90%,black)}.footer-right .btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.editor-container{grid-template-columns:1fr;gap:24px}.experiment-editor,.config-section,.preview-section{padding:20px}.editor-footer{padding:0 20px}}@media (max-width: 768px){.experiment-editor{padding:16px}.editor-container{gap:20px;padding-bottom:100px}.config-section,.preview-section{padding:16px}.config-section h2{font-size:16px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group input,.form-group select,.form-group textarea{height:36px;font-size:13px}.form-group textarea{min-height:60px;padding:10px}.editor-footer{height:80px;padding:0 16px;flex-direction:column;justify-content:center;gap:8px}.footer-right{width:100%;justify-content:center}.footer-right .btn{height:36px;padding:0 16px;font-size:13px}.preview-links{gap:8px}.preview-link{padding:10px 12px;font-size:13px}.test-urls{gap:12px}.url-input input{height:32px;font-size:12px}.copy-btn{height:32px;padding:0 10px;font-size:11px}}@media (max-width: 480px){.experiment-editor{padding:12px}.editor-container{gap:16px;padding-bottom:120px}.config-section,.preview-section{padding:12px}.config-section h2{font-size:15px;margin-bottom:12px}.config-section h3{font-size:14px;margin-bottom:12px}.form-group{margin-bottom:12px}.form-group label{font-size:13px;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{height:32px;padding:0 10px;font-size:12px}.form-group textarea{min-height:50px;padding:8px}.checkbox-group{gap:6px}.checkbox-label{font-size:13px}.variant-group{padding:12px;margin-bottom:12px}.check-item{gap:8px;margin-bottom:12px}.check-icon{width:16px;height:16px;font-size:10px}.check-title{font-size:13px}.check-details{font-size:12px}.editor-footer{height:100px;padding:0 12px}.footer-right{gap:8px}.footer-right .btn{height:32px;padding:0 12px;font-size:12px}.validation-errors{gap:2px}.error-message{font-size:12px}}.experiment-detail{padding:24px;background:var(--background);min-height:100vh}.detail-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.loading-container p{color:var(--muted-foreground);font-size:14px;margin:0}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;background:var(--card);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.header-left{flex-grow:1}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--muted-foreground);font-size:14px;cursor:pointer;margin-bottom:16px;padding:4px 0;transition:color .15s ease}.back-btn:hover{color:var(--foreground)}.header-info h1{font-size:24px;font-weight:600;color:var(--foreground);margin:0 0 12px}.header-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.status-badge{padding:4px 8px;border-radius:var(--radius);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.meta-item{font-size:14px;color:var(--muted-foreground)}.header-right{flex-shrink:0}.action-buttons{display:flex;align-items:center;gap:12px}.action-menu{position:relative}.menu-trigger{width:32px;height:32px;border:var(--border);background:var(--input);color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.menu-trigger:hover{background:var(--muted);color:var(--foreground)}.menu-dropdown{position:absolute;top:100%;right:0;background:var(--popover);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;min-width:120px;padding:4px 0;display:none;margin-top:8px}.action-menu:hover .menu-dropdown{display:block}.menu-dropdown button{width:100%;padding:8px 12px;border:none;background:none;color:var(--foreground);font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease}.menu-dropdown button:hover{background:var(--accent)}.detail-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--card);border:var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-sm);overflow-x:auto}.tab-button{padding:16px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-content{background:var(--card);border:var(--border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;min-height:400px}.overview-tab{display:flex;flex-direction:column;gap:24px}.overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.summary-cards{display:flex;flex-direction:column;gap:16px}.summary-card{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3{font-size:16px;font-weight:600;color:var(--foreground);margin:0}.result-badge{padding:4px 8px;border-radius:var(--radius);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:24px;font-weight:700;color:var(--foreground);margin-bottom:8px}.metric-details{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted-foreground)}.secondary-metrics{display:flex;flex-direction:column;gap:12px}.secondary-metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.secondary-metric:last-child{border-bottom:none}.metric-name{font-size:13px;color:var(--foreground);font-weight:500}.metric-lift{font-size:14px;font-weight:600;color:var(--foreground)}.metric-pob{font-size:12px;color:var(--muted-foreground)}.guardrail-status{padding:4px 8px;border-radius:var(--radius);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.guardrail-status.ok{background:var(--chart-1);color:#fff}.guardrail-status.breach{background:var(--destructive);color:#fff}.guardrail-details{font-size:13px;color:var(--muted-foreground)}.breach-list{margin-top:8px}.breach-item{padding:4px 0;font-size:12px;color:var(--destructive)}.monitoring-dashboard{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.monitoring-dashboard h3{font-size:16px;font-weight:600;color:var(--foreground);margin:0 0 16px}.monitoring-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.metric-card{background:var(--input);border:1px solid var(--border);border-radius:var(--radius);padding:12px;text-align:center}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.metric-title{font-size:12px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.metric-status{font-size:8px}.metric-status.online{color:var(--chart-1)}.metric-status.warning{color:var(--chart-4)}.metric-status.error{color:var(--destructive)}.metric-value{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:4px}.metric-change{font-size:11px;font-weight:500}.metric-change.positive{color:var(--chart-1)}.metric-change.negative{color:var(--destructive)}.metric-change.neutral{color:var(--muted-foreground)}.alert-panel{border-top:1px solid var(--border);padding-top:16px}.alert-panel h4{font-size:14px;font-weight:600;color:var(--foreground);margin:0 0 12px}.alert-list{display:flex;flex-direction:column;gap:8px}.alert-item{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:var(--radius);border:1px solid var(--border)}.alert-item.warning{background:#fff5d9;background:oklch(.97 .05 90);border-color:var(--chart-4)}.alert-item.info{background:#ecf7ff;background:oklch(.97 .05 240);border-color:var(--primary)}.alert-item.error{background:#ffefee;background:oklch(.97 .05 20);border-color:var(--destructive)}.alert-icon{font-size:14px;flex-shrink:0;margin-top:2px}.alert-content{flex-grow:1}.alert-title{font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:2px}.alert-message{font-size:12px;color:var(--muted-foreground);margin-bottom:2px}.alert-time{font-size:11px;color:var(--muted-foreground);font-family:var(--font-mono)}.sparkline-card h3{font-size:16px;font-weight:600;color:var(--foreground);margin:0 0 16px}.sparkline-placeholder{display:flex;flex-direction:column;gap:12px}.sparkline-chart{height:60px;background:var(--input);border-radius:var(--radius);padding:8px}.sparkline-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-foreground)}.legend-color{width:12px;height:2px;border-radius:1px}.metrics-tab{display:flex;flex-direction:column;gap:20px}.metrics-summary{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.stat-item{text-align:center}.stat-label{font-size:12px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:18px;font-weight:600;color:var(--foreground)}.metrics-table-container{overflow-x:auto}.metrics-table{width:100%;border-collapse:collapse;font-size:14px}.metrics-table th{background:var(--muted);padding:12px;text-align:left;font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.metrics-table td{padding:12px;border-bottom:1px solid var(--border)}.metrics-table tr:last-child td{border-bottom:none}.metric-name{font-weight:500;color:var(--foreground)}.positive{color:var(--chart-1);font-weight:600}.negative{color:var(--destructive);font-weight:600}.metrics-actions{display:flex;justify-content:flex-end;gap:12px}.metric-value-with-ci{display:flex;flex-direction:column;gap:2px}.ci-text{font-size:11px;color:var(--muted-foreground);font-family:var(--font-mono)}.effect-size{padding:2px 6px;border-radius:var(--radius);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.effect-size.large{background:var(--chart-1);color:#fff}.effect-size.medium{background:var(--chart-4);color:#fff}.effect-size.small{background:var(--chart-2);color:#fff}.effect-size.negligible{background:var(--muted);color:var(--muted-foreground)}.p-value-cell{display:flex;flex-direction:column;gap:2px}.power-text{font-size:11px;color:var(--muted-foreground)}.significance{font-size:14px;font-weight:600;font-family:var(--font-mono)}.significance.significant{color:var(--chart-1)}.significance.not-significant{color:var(--muted-foreground)}.statistical-notes{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-top:16px}.statistical-notes h4{font-size:14px;font-weight:600;color:var(--foreground);margin:0 0 12px}.statistical-notes ul{margin:0;padding-left:16px}.statistical-notes li{font-size:13px;color:var(--muted-foreground);margin-bottom:6px;line-height:1.4}.statistical-notes li:last-child{margin-bottom:0}.statistical-notes strong{color:var(--foreground)}.segments-tab{display:flex;flex-direction:column;gap:20px}.segments-table-container{overflow-x:auto}.segments-table{width:100%;border-collapse:collapse;font-size:14px}.segments-table th{background:var(--muted);padding:12px;text-align:left;font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.segments-table td{padding:12px;border-bottom:1px solid var(--border)}.segments-table tr:last-child td{border-bottom:none}.segment-name{font-weight:500;color:var(--foreground)}.events-tab{display:flex;flex-direction:column;gap:20px}.events-timeline{display:flex;flex-direction:column;gap:16px}.event-item{display:flex;gap:16px;padding:16px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius)}.event-time{font-size:12px;color:var(--muted-foreground);font-family:var(--font-mono);min-width:140px;flex-shrink:0}.event-content{flex-grow:1}.event-type{font-size:12px;font-weight:600;color:var(--foreground);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.event-details{font-size:14px;color:var(--foreground);margin-bottom:4px}.event-user{font-size:12px;color:var(--muted-foreground)}.changes-tab{display:flex;flex-direction:column;gap:20px}.changes-list{display:flex;flex-direction:column;gap:16px}.change-item{display:flex;gap:16px;padding:16px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius)}.change-time{font-size:12px;color:var(--muted-foreground);font-family:var(--font-mono);min-width:140px;flex-shrink:0}.change-content{flex-grow:1}.change-action{font-size:14px;font-weight:600;color:var(--foreground);margin-bottom:4px}.change-details{font-size:14px;color:var(--foreground);margin-bottom:4px}.change-user{font-size:12px;color:var(--muted-foreground)}@media (max-width: 1024px){.experiment-detail{padding:20px}.detail-header{flex-direction:column;align-items:stretch;gap:16px}.header-right{align-self:flex-end}.overview-grid{grid-template-columns:1fr;gap:20px}.summary-cards{gap:12px}.summary-card,.sparkline-card{padding:16px}}@media (max-width: 768px){.experiment-detail{padding:16px}.detail-container{gap:16px}.detail-header{padding:16px}.header-info h1{font-size:20px}.header-meta{flex-direction:column;align-items:flex-start;gap:8px}.action-buttons{flex-direction:column;align-items:stretch;gap:8px}.detail-tabs{overflow-x:auto}.tab-button{padding:12px 16px;font-size:13px}.tab-content{padding:16px}.summary-card,.sparkline-card{padding:12px}.card-header h3{font-size:14px}.metric-value{font-size:20px}.metrics-table,.segments-table{font-size:13px}.metrics-table th,.metrics-table td,.segments-table th,.segments-table td{padding:8px}.event-item,.change-item{flex-direction:column;gap:8px;padding:12px}.event-time,.change-time{min-width:auto}.btn{height:32px;padding:0 12px;font-size:13px}}@media (max-width: 480px){.experiment-detail,.detail-header{padding:12px}.header-info h1{font-size:18px}.tab-button{padding:10px 12px;font-size:12px}.tab-content{padding:12px}.summary-card,.sparkline-card{padding:10px}.card-header h3{font-size:13px}.metric-value{font-size:18px}.metric-details,.guardrail-details{font-size:12px}.secondary-metric{flex-direction:column;align-items:flex-start;gap:4px}.metrics-table,.segments-table{font-size:12px}.metrics-table th,.metrics-table td,.segments-table th,.segments-table td{padding:6px}.event-item,.change-item{padding:10px}.event-type,.change-action,.event-details,.change-details{font-size:13px}.event-user,.change-user{font-size:11px}.btn{height:28px;padding:0 10px;font-size:12px}}.drawer-preview-page{padding:24px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 80px)}.preview-container{display:grid;grid-template-columns:40% 60%;gap:32px;height:calc(100vh - 128px)}.controls-column{display:flex;flex-direction:column}.controls-section{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:20px;height:fit-content;max-height:100%;overflow-y:auto}.controls-section h2{font-size:18px;font-weight:600;color:var(--foreground);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.control-group{margin-bottom:16px}.control-group label{display:block;font-size:14px;font-weight:500;color:var(--foreground);margin-bottom:6px}.query-input{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;box-sizing:border-box}.query-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.input-help{font-size:12px;color:var(--muted-foreground);margin-top:4px;text-align:right}.control-group select{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;box-sizing:border-box}.control-group select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.switch-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;margin-bottom:0!important}.switch-slider{position:relative;width:30px;height:18px;background:var(--muted);border-radius:9px;transition:background .2s ease}.switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s ease}.switch-label input[type=checkbox]:checked+.switch-slider:before{transform:translate(12px)}.switch-text{font-size:14px;color:var(--foreground)}.caps-info{background:var(--muted);border-radius:var(--radius);padding:8px 12px;font-size:12px;color:var(--muted-foreground);margin-bottom:16px}.caps-info div{margin-bottom:2px}.caps-info div:last-child{margin-bottom:0}.control-actions{display:flex;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.control-actions .btn{flex:1;height:40px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.control-actions .btn.primary{background:var(--primary);color:var(--primary-foreground);border:none}.control-actions .btn.primary:hover:not(:disabled){background:#171acb}.control-actions .btn.secondary{background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.control-actions .btn.secondary:hover:not(:disabled){background:#eff0e1}.control-actions .btn:disabled{opacity:.6;cursor:not-allowed}.emulator-column{display:flex;flex-direction:column}.drawer-emulator{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);height:100%;display:flex;flex-direction:column;overflow:hidden}.drawer-header{padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.query-echo{display:flex;flex-direction:column;gap:8px}.query-text{font-family:var(--font-mono);font-size:16px;color:var(--foreground);font-weight:500}.context-chips{display:flex;flex-wrap:wrap;gap:6px}.context-chips .chip{height:24px;padding:0 8px;background:var(--secondary);color:var(--secondary-foreground);border-radius:var(--radius);font-size:12px;display:flex;align-items:center}.latency-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.latency-badge{height:20px;padding:0 6px;background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius-sm);font-size:11px;display:flex;align-items:center}.tab-button{flex:1;height:40px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{color:var(--foreground)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary)}.drawer-content{flex-grow:1;overflow-y:auto;padding:20px}.suggestions-tab{height:100%}.suggestions-list{display:flex;flex-direction:column;gap:16px}.suggestion-section{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.section-header{background:var(--muted);padding:8px 12px;font-size:12px;font-weight:500;color:var(--muted-foreground);border-bottom:1px solid var(--border)}.section-items{display:flex;flex-direction:column}.suggestion-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--border)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--muted)}.suggestion-item:focus{outline:none;background:var(--accent)}.product-item{gap:12px}.product-image{width:48px;height:48px;border-radius:var(--radius);object-fit:cover;background:var(--muted)}.product-info{flex-grow:1;display:flex;flex-direction:column;gap:2px}.product-title{font-size:14px;font-weight:500;color:var(--foreground);line-height:1.2}.product-price{font-size:14px;font-weight:600;color:var(--foreground)}.text-item{gap:8px}.item-label{font-size:14px;color:var(--foreground);flex-grow:1}.item-badges{display:flex;gap:4px}.badge{height:16px;padding:0 6px;background:var(--secondary);color:var(--secondary-foreground);border-radius:var(--radius-sm);font-size:10px;display:flex;align-items:center}.products-tab{height:100%}.products-list{display:flex;flex-direction:column;gap:8px}.debug-tab{height:100%}.debug-content{display:flex;flex-direction:column;gap:16px}.debug-section h4{font-size:14px;font-weight:600;color:var(--foreground);margin:0 0 8px}.debug-section pre{background:var(--muted);border-radius:var(--radius);padding:12px;font-family:var(--font-mono);font-size:12px;color:var(--foreground);overflow-x:auto;margin:0}.debug-details{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.debug-details summary{padding:8px 12px;background:var(--muted);cursor:pointer;font-size:14px;font-weight:500;color:var(--foreground);border-bottom:1px solid var(--border)}.debug-details summary:hover{background:#efefe8}.debug-details[open] summary{border-bottom:1px solid var(--border)}.debug-details pre{margin:0;border-radius:0}.empty-state{display:flex;align-items:center;justify-content:center;height:200px;color:var(--muted-foreground);font-size:14px;text-align:center}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:12px;color:var(--muted-foreground);font-size:14px}.issues-panel{position:fixed;bottom:24px;right:24px;z-index:1000}.issues-toggle{background:var(--destructive);color:var(--destructive-foreground);border:none;border-radius:var(--radius-lg);padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease}.issues-toggle:hover{background:#171acb}.issues-content{position:absolute;bottom:100%;right:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:16px;margin-bottom:8px;min-width:300px;max-width:400px}.issues-content h3{font-size:14px;font-weight:600;color:var(--foreground);margin:0 0 12px}.issue-item{padding:8px 12px;border-radius:var(--radius);font-size:13px;margin-bottom:8px}.issue-item:last-child{margin-bottom:0}.issue-item.error{background:#fceae9;color:#8a0020;color:oklch(.4 .2 20);border:1px solid oklch(.8 .1 20)}.issue-item.warning{background:#f9ece1;color:#6b3900;color:oklch(.4 .2 60);border:1px solid oklch(.8 .1 60)}@media (max-width: 1024px){.preview-container{grid-template-columns:1fr;gap:24px;height:auto}.controls-section{max-height:none}.drawer-emulator{min-height:500px}}@media (max-width: 768px){.drawer-preview-page{padding:16px}.preview-container{gap:16px}.controls-section,.drawer-emulator{border-radius:var(--radius)}.issues-panel{bottom:16px;right:16px}}.synonym-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.synonym-editor{width:100%;max-width:720px;max-height:90vh;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:var(--border);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s ease-out}.synonyms-list{display:flex;flex-direction:column;gap:12px}.synonym-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--muted);border-radius:var(--radius);border:1px solid var(--border);transition:all .15s ease}.synonym-item:hover{background:var(--accent);border-color:var(--primary)}.synonym-item.dragging{opacity:.5;transform:rotate(2deg)}.drag-handle{width:16px;height:16px;color:var(--muted-foreground);cursor:grab;flex-shrink:0}.drag-handle:active{cursor:grabbing}.synonym-input{flex:1;height:36px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;font-family:var(--font-mono)}.synonym-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 20%,transparent)}.synonym-actions{display:flex;align-items:center;gap:8px}.synonym-action{width:28px;height:28px;border:none;background:none;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.synonym-action:hover{background:var(--input);color:var(--foreground)}.synonym-action.delete:hover{background:#fef2f2;color:#dc2626}.add-synonym{display:flex;gap:8px;align-items:center;padding:12px;background:var(--muted);border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.add-synonym:hover{background:var(--accent);border-color:var(--primary);border-style:solid}.add-synonym-icon{width:16px;height:16px;color:var(--muted-foreground)}.add-synonym-text{font-size:14px;color:var(--muted-foreground)}.add-synonym:hover .add-synonym-text{color:var(--foreground)}.status-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.targeting-section{display:flex;flex-direction:column;gap:12px}.targeting-row{display:flex;gap:12px;align-items:center}.targeting-row label{font-size:14px;color:var(--foreground);min-width:80px}.targeting-chips{display:flex;gap:8px;flex-wrap:wrap}.targeting-chip{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--accent);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;color:var(--foreground)}.targeting-chip .remove-chip{width:14px;height:14px;border:none;background:none;color:var(--muted-foreground);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.targeting-chip .remove-chip:hover{background:var(--muted);color:var(--foreground)}@media (max-width: 768px){.synonym-editor-overlay{padding:10px}.synonym-editor{max-width:100%;max-height:95vh}.editor-header{padding:16px 20px}.editor-content{padding:20px}.editor-footer{padding:12px 20px;flex-direction:column;gap:12px;align-items:stretch}.footer-right{justify-content:center}.status-settings{grid-template-columns:1fr}.targeting-row{flex-direction:column;align-items:flex-start;gap:8px}.targeting-row label{min-width:auto}}@media (max-width: 480px){.synonym-editor-overlay{padding:5px}.editor-header{padding:12px 16px}.editor-content{padding:16px}.editor-footer{padding:10px 16px}.form-field input,.form-field select,.form-field textarea{height:36px;font-size:13px}.btn{height:32px;padding:0 12px;font-size:13px}.synonym-item{flex-direction:column;align-items:stretch;gap:8px}.synonym-actions{justify-content:flex-end}}.synonyms-list{display:flex;flex-direction:column;gap:20px;padding:24px}.synonyms-table{width:100%;border-collapse:collapse}.synonyms-table th{background:var(--muted);color:var(--foreground);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.synonyms-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px;color:var(--foreground)}.synonyms-table tbody tr:last-child td{border-bottom:none}.synonym-row{cursor:pointer;transition:all .15s ease}.synonym-row:hover{background:var(--muted)}.synonym-row.selected{background:color-mix(in oklab,var(--primary) 5%,transparent)}.name-cell{width:20%;min-width:150px}.name-content{display:flex;flex-direction:column;gap:2px}.name-text{font-weight:500;color:var(--foreground)}.id-text{font-size:12px;color:var(--muted-foreground);font-family:var(--font-mono)}.type-cell{width:10%;min-width:80px}.type-badge.two_way{background:color-mix(in oklab,#3b82f6 10%,transparent);color:#3b82f6}.type-badge.one_way{background:color-mix(in oklab,#10b981 10%,transparent);color:#10b981}.terms-cell{width:25%;min-width:150px}.terms-text{font-size:13px;color:var(--foreground);line-height:1.4}.locale-cell{width:10%;min-width:80px}.status-cell{width:8%;min-width:70px}.schedule-cell{width:12%;min-width:100px}.updated-cell{width:10%;min-width:100px}.actions-column,.actions-cell{width:5%;min-width:80px}@media (max-width: 1024px){.filters-row{flex-direction:column;align-items:stretch;gap:12px}.filter-group{flex-direction:row;align-items:center;gap:12px}.filter-group label{min-width:80px}.search-row{flex-direction:column;align-items:stretch;gap:12px}.table-container{overflow-x:auto}.synonyms-table{min-width:1000px}}@media (max-width: 768px){.synonyms-list{padding:16px;gap:16px}.filters-bar{gap:12px}.synonyms-table th,.synonyms-table td{padding:8px 12px}.actions-buttons{flex-direction:column;gap:2px}.action-btn{width:24px;height:24px;font-size:10px}.bulk-actions{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch}.bulk-right{justify-content:stretch}.bulk-right .btn{flex:1}}@media (max-width: 480px){.synonyms-list{padding:12px}.filter-group{flex-direction:column;align-items:stretch;gap:6px}.filter-group label{min-width:auto}.synonyms-table th,.synonyms-table td{padding:6px 8px;font-size:12px}.name-cell,.terms-cell{min-width:150px}.locale-cell,.updated-cell{width:100px}.schedule-cell{width:120px}}.redirect-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.redirect-editor{width:100%;max-width:720px;max-height:90vh;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:var(--border);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s ease-out}.editor-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:8px}.editor-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:16px}.section-title{font-size:16px;font-weight:600;color:var(--foreground);margin:0}.section-description{font-size:14px;color:var(--muted-foreground);margin:0}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:14px;font-weight:500;color:var(--foreground)}.form-field input,.form-field select,.form-field textarea{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;transition:all .15s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 20%,transparent)}.form-field textarea{height:80px;padding:12px;resize:vertical;font-family:var(--font-mono)}.form-field .field-description{font-size:12px;color:var(--muted-foreground);margin-top:4px}.pattern-types{display:flex;gap:12px;flex-wrap:wrap}.pattern-type{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease;flex:1;min-width:120px}.pattern-type:hover{background:var(--accent);border-color:var(--primary)}.pattern-type input[type=radio]{width:16px;height:16px;accent-color:var(--primary)}.pattern-type.selected{background:var(--accent);border-color:var(--primary)}.pattern-type-content{display:flex;flex-direction:column;gap:2px}.pattern-type-title{font-size:14px;font-weight:500;color:var(--foreground)}.pattern-type-description{font-size:12px;color:var(--muted-foreground)}.pattern-input{position:relative}.pattern-input input{font-family:var(--font-mono);padding-right:40px}.pattern-input .pattern-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted-foreground)}.test-pattern{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--muted);border-radius:var(--radius);border:1px solid var(--border)}.test-pattern h4{font-size:14px;font-weight:500;color:var(--foreground);margin:0}.test-input-group{display:flex;gap:8px}.test-input-group input{flex:1;height:36px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:13px;font-family:var(--font-mono)}.test-input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 20%,transparent)}.test-result{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--card);border-radius:var(--radius);border:1px solid var(--border);font-size:13px;font-family:var(--font-mono)}.test-result.matched{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.test-result.not-matched{background:#fef2f2;border-color:#fecaca;color:#dc2626}.status-schedule{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{display:flex;align-items:center;gap:8px}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.checkbox-item label{font-size:14px;color:var(--foreground);cursor:pointer}.checkbox-item .checkbox-description{font-size:12px;color:var(--muted-foreground);margin-top:2px}.editor-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.footer-left{display:flex;align-items:center;gap:8px}.footer-right{display:flex;align-items:center;gap:12px}.validation-errors{display:flex;flex-direction:column;gap:8px}.validation-error{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);color:#dc2626;font-size:12px}.validation-error.warning{background:#fffbeb;border-color:#fed7aa;color:#d97706}.validation-error.info{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.loading-state{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted-foreground);font-size:14px}.loading-spinner{width:16px;height:16px;border:2px solid var(--muted);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.redirect-editor-overlay{padding:10px}.redirect-editor{max-width:100%;max-height:95vh}.editor-header{padding:16px 20px}.editor-content{padding:20px}.editor-footer{padding:12px 20px;flex-direction:column;gap:12px;align-items:stretch}.footer-right{justify-content:center}.pattern-types{flex-direction:column}.pattern-type{min-width:auto}.status-schedule{grid-template-columns:1fr}}@media (max-width: 480px){.redirect-editor-overlay{padding:5px}.editor-header{padding:12px 16px}.editor-content{padding:16px}.editor-footer{padding:10px 16px}.form-field input,.form-field select,.form-field textarea{height:36px;font-size:13px}.btn{height:32px;padding:0 12px;font-size:13px}}.redirects-list{display:flex;flex-direction:column;gap:20px;padding:24px}.filters-bar{display:flex;flex-direction:column;gap:16px}.filters-row{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:500;color:var(--foreground);text-transform:uppercase;letter-spacing:.5px}.filter-select{height:40px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;min-width:120px}.search-row{display:flex;gap:16px;align-items:center}.search-group{flex:1}.search-input{width:100%;height:40px;padding:0 16px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.search-input::placeholder{color:var(--muted-foreground)}.table-container{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border);overflow:hidden}.redirects-table{width:100%;border-collapse:collapse}.redirects-table th{background:var(--muted);color:var(--foreground);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.redirects-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px;color:var(--foreground)}.redirects-table tbody tr:last-child td{border-bottom:none}.redirect-row{cursor:pointer;transition:all .15s ease}.redirect-row:hover{background:var(--muted)}.redirect-row.selected{background:color-mix(in oklab,var(--primary) 5%,transparent)}.select-column{width:40px;text-align:center}.select-column input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.pattern-cell{min-width:200px}.pattern-content{display:flex;align-items:center;gap:8px}.operator-badge{padding:2px 6px;border-radius:var(--radius);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;background:var(--muted);color:var(--muted-foreground)}.pattern-value{font-size:13px;color:var(--foreground);font-family:var(--font-mono)}.destination-cell{min-width:200px}.destination-content{display:flex;flex-direction:column;gap:2px}.destination-text{font-size:13px;color:var(--foreground);font-weight:500}.message-text{font-size:12px;color:var(--muted-foreground)}.locale-cell{width:120px}.locale-content{display:flex;flex-direction:column;gap:2px}.locale-text{font-size:13px;color:var(--foreground);font-weight:500}.markets-text{font-size:12px;color:var(--muted-foreground)}.status-cell{width:100px}.status-badge{padding:4px 8px;border-radius:var(--radius);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#fff}.schedule-cell{width:150px}.schedule-text{font-size:13px;color:var(--foreground)}.priority-cell{width:80px}.priority-text{font-size:13px;color:var(--foreground);font-weight:500;font-family:var(--font-mono)}.updated-cell{width:150px}.updated-content{display:flex;flex-direction:column;gap:2px}.updated-by{font-size:13px;color:var(--foreground);font-weight:500}.updated-at{font-size:12px;color:var(--muted-foreground)}.actions-column,.actions-cell{width:120px}.actions-buttons{display:flex;gap:4px}.action-btn{width:28px;height:28px;border:none;background:var(--input);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s ease}.action-btn:hover{background:var(--muted)}.action-btn.edit:hover{background:color-mix(in oklab,#3b82f6 10%,transparent)}.action-btn.duplicate:hover{background:color-mix(in oklab,#10b981 10%,transparent)}.action-btn.pause:hover{background:color-mix(in oklab,#f59e0b 10%,transparent)}.action-btn.delete:hover{background:color-mix(in oklab,#dc2626 10%,transparent)}.loading-cell,.empty-cell{text-align:center;padding:40px 20px}.loading-spinner{width:24px;height:24px;border:2px solid var(--muted);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-state p{color:var(--muted-foreground);font-size:14px;margin:0}.bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--muted);border-radius:var(--radius-lg);border:var(--border)}.bulk-left{display:flex;align-items:center}.selected-count{font-size:14px;color:var(--foreground);font-weight:500}.bulk-right{display:flex;gap:8px}.btn{height:40px;padding:0 16px;border:var(--border);border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.btn.destructive{background:#dc2626;color:#fff;border-color:#dc2626}.btn.destructive:hover:not(:disabled){background:#b91c1c}@media (max-width: 1024px){.filters-row{flex-direction:column;align-items:stretch;gap:12px}.filter-group{flex-direction:row;align-items:center;gap:12px}.filter-group label{min-width:80px}.search-row{flex-direction:column;align-items:stretch;gap:12px}.table-container{overflow-x:auto}.redirects-table{min-width:800px}}@media (max-width: 768px){.redirects-list{padding:16px;gap:16px}.filters-bar{gap:12px}.redirects-table th,.redirects-table td{padding:8px 12px}.actions-buttons{flex-direction:column;gap:2px}.action-btn{width:24px;height:24px;font-size:10px}.bulk-actions{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch}.bulk-right{justify-content:stretch}.bulk-right .btn{flex:1}}@media (max-width: 480px){.redirects-list{padding:12px}.filter-group{flex-direction:column;align-items:stretch;gap:6px}.filter-group label{min-width:auto}.redirects-table th,.redirects-table td{padding:6px 8px;font-size:12px}.pattern-cell,.destination-cell{min-width:150px}.locale-cell,.updated-cell{width:100px}.schedule-cell{width:120px}.priority-cell{width:60px}}.suggestions-list{display:flex;flex-direction:column;gap:24px;padding:24px}.suggestions-header{display:flex;flex-direction:column;gap:8px}.suggestions-header h2{font-size:20px;font-weight:600;color:var(--foreground);margin:0}.suggestions-header p{font-size:14px;color:var(--muted-foreground);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:12px;color:var(--muted-foreground);text-align:center}.empty-state p{margin:0;font-size:14px}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.suggestion-card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border);padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .15s ease}.suggestion-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.suggestion-type{display:flex;gap:8px;align-items:center}.type-badge{padding:4px 8px;border-radius:var(--radius);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.type-badge.synonym{background:color-mix(in oklab,#3b82f6 10%,transparent);color:#3b82f6}.type-badge.redirect{background:color-mix(in oklab,#10b981 10%,transparent);color:#10b981}.impact-badge{padding:4px 8px;border-radius:var(--radius);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#fff}.suggestion-meta{display:flex;flex-direction:column;gap:2px;align-items:flex-end;text-align:right}.impressions{font-size:13px;color:var(--foreground);font-weight:500}.date{font-size:12px;color:var(--muted-foreground)}.card-content{display:flex;flex-direction:column;gap:8px}.reason,.query,.suggestion{font-size:14px;line-height:1.4}.reason strong,.query strong,.suggestion strong{color:var(--foreground);font-weight:600}.reason,.query,.suggestion{color:var(--muted-foreground)}.query{font-family:var(--font-mono);background:var(--muted);padding:4px 8px;border-radius:var(--radius);display:inline-block}.suggestion{background:var(--muted);padding:8px 12px;border-radius:var(--radius);border-left:3px solid var(--primary)}.card-actions{display:flex;gap:8px;align-items:center}.card-actions .btn{flex:1}@media (max-width: 1024px){.suggestions-grid{grid-template-columns:1fr}}@media (max-width: 768px){.suggestions-list{padding:16px;gap:20px}.suggestion-card{padding:16px;gap:12px}.card-header{flex-direction:column;align-items:stretch;gap:8px}.suggestion-meta{align-items:flex-start;text-align:left}.card-actions{flex-direction:column;gap:8px}.card-actions .btn{width:100%}}@media (max-width: 480px){.suggestions-list,.suggestion-card{padding:12px}.suggestion-type{flex-direction:column;align-items:flex-start;gap:4px}.card-content{gap:6px}.reason,.query,.suggestion{font-size:13px}}.preview-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.preview-drawer{width:100%;max-width:640px;max-height:90vh;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:var(--border);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.drawer-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-shrink:0}.header-left h3{font-size:18px;font-weight:600;color:var(--foreground);margin:0 0 4px}.close-btn{width:32px;height:32px;border:none;background:none;color:var(--muted-foreground);font-size:20px;cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.close-btn:hover{background:var(--muted);color:var(--foreground)}.drawer-controls{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px;flex-shrink:0}.control-row{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:120px}.control-group label{font-size:12px;font-weight:500;color:var(--foreground);text-transform:uppercase;letter-spacing:.5px}.query-input,.locale-select,.market-select,.time-select{height:36px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px}.query-input:focus,.locale-select:focus,.market-select:focus,.time-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 20%,transparent)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--foreground)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.drawer-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.tab{flex:1;height:40px;border:none;background:none;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent}.tab:hover{background:var(--muted);color:var(--foreground)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--card)}.drawer-content{flex:1;overflow-y:auto;padding:20px 24px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:12px;color:var(--muted-foreground)}.loading-spinner{width:24px;height:24px;border:2px solid var(--muted);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.pipeline-content{display:flex;flex-direction:column;gap:20px}.pipeline-steps{display:flex;flex-direction:column;gap:16px}.pipeline-step{background:var(--muted);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.pipeline-step h4{font-size:14px;font-weight:600;color:var(--foreground);margin:0}.step-content{display:flex;flex-direction:column;gap:8px}.query-text{font-size:14px;color:var(--foreground);font-family:var(--font-mono);background:var(--card);padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border)}.tokens-list{display:flex;gap:6px;flex-wrap:wrap}.token-chip{padding:4px 8px;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;font-family:var(--font-mono)}.token-chip.final{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.synonyms-list{display:flex;flex-direction:column;gap:8px}.synonym-item{background:var(--card);padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.group-name{font-size:12px;font-weight:500;color:var(--foreground)}.synonym-detail{font-size:12px;color:var(--muted-foreground);font-family:var(--font-mono)}.no-synonyms,.no-redirect{font-size:13px;color:var(--muted-foreground);font-style:italic}.redirect-result{background:var(--card);padding:12px;border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.redirect-matched{font-size:13px;color:#10b981;font-weight:500}.redirect-details{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted-foreground);font-family:var(--font-mono)}.no-preview{display:flex;align-items:center;justify-content:center;height:200px;color:var(--muted-foreground);font-size:14px}.results-content{display:flex;flex-direction:column;gap:16px}.results-list{display:flex;flex-direction:column;gap:12px}.result-item{display:flex;gap:12px;align-items:center;padding:12px;background:var(--muted);border-radius:var(--radius-lg);border:1px solid var(--border)}.result-image{width:60px;height:60px;border-radius:var(--radius);overflow:hidden;flex-shrink:0}.result-image img{width:100%;height:100%;object-fit:cover}.result-info{flex:1;display:flex;flex-direction:column;gap:4px}.result-title{font-size:14px;color:var(--foreground);font-weight:500;line-height:1.3}.result-brand{font-size:12px;color:var(--muted-foreground)}.result-price{font-size:14px;color:var(--foreground);font-weight:600}.no-results{display:flex;align-items:center;justify-content:center;height:200px;color:var(--muted-foreground);font-size:14px}.drawer-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.footer-left{display:flex;align-items:center}.result-count{font-size:12px;color:var(--muted-foreground)}.footer-right{display:flex;align-items:center}.btn{height:36px;padding:0 12px;border:var(--border);border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.preview-drawer-overlay{padding:10px}.preview-drawer{max-width:100%;max-height:95vh}.drawer-header{padding:16px 20px}.drawer-controls{padding:12px 20px}.control-row{flex-direction:column;gap:12px}.control-group{min-width:auto}.drawer-content{padding:16px 20px}.drawer-footer{padding:12px 20px;flex-direction:column;gap:12px;align-items:stretch}.footer-right{justify-content:center}}@media (max-width: 480px){.preview-drawer-overlay{padding:5px}.drawer-header{padding:12px 16px}.drawer-controls{padding:10px 16px}.drawer-content{padding:12px 16px}.drawer-footer{padding:10px 16px}.pipeline-step{padding:12px}.result-item{flex-direction:column;align-items:flex-start;gap:8px}.result-image{width:100%;height:120px}.result-info{width:100%}}.synonyms-redirects-page{padding:24px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.header-left h1{font-size:26px;font-weight:600;color:var(--foreground);margin:0 0 4px}.header-left p{font-size:14px;color:var(--muted-foreground);margin:0}.header-right{display:flex;align-items:center;gap:12px}.page-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{padding:12px 20px;border:none;background:none;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent;position:relative}.tab:hover{color:var(--foreground);background:var(--muted)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-badge{background:var(--muted-foreground);color:var(--muted);font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:8px}.tab.active .tab-badge{background:var(--primary);color:var(--primary-foreground)}.tab-content{display:flex;flex-direction:column;gap:24px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.toolbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.search-input{height:40px;padding:0 12px 0 40px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:14px;min-width:280px;position:relative}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 20%,transparent)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted-foreground);pointer-events:none}.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-select{height:36px;padding:0 12px;border:var(--border);border-radius:var(--radius);background:var(--input);color:var(--foreground);font-size:13px;min-width:120px}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 20%,transparent)}.btn{height:36px;padding:0 16px;border:var(--border);border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn.primary:hover:not(:disabled){background:color-mix(in oklab,var(--primary) 90%,black)}.btn.secondary{background:var(--input);color:var(--foreground)}.btn.secondary:hover:not(:disabled){background:var(--muted)}.content-area{display:flex;flex-direction:column;gap:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--muted);border-radius:var(--radius-lg);border:1px solid var(--border)}.empty-state-icon{width:48px;height:48px;color:var(--muted-foreground);margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:var(--foreground);margin:0 0 8px}.empty-state p{font-size:14px;color:var(--muted-foreground);margin:0 0 20px;max-width:400px}.empty-state-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--muted);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:var(--muted-foreground)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);color:#dc2626}.error-state-icon{width:48px;height:48px;margin-bottom:16px}.error-state h3{font-size:18px;font-weight:600;margin:0 0 8px}.error-state p{font-size:14px;margin:0 0 20px;max-width:400px}.stats{display:flex;gap:16px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--card);border-radius:var(--radius-lg);border:var(--border);min-width:120px}.stat-value{font-size:24px;font-weight:600;color:var(--foreground)}.stat-label{font-size:12px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px}.stat-change{font-size:11px;font-weight:500}.stat-change.positive{color:#16a34a}.stat-change.negative{color:#dc2626}.stat-change.neutral{color:var(--muted-foreground)}@media (max-width: 1024px){.synonyms-redirects-page{padding:20px}.toolbar{flex-direction:column;align-items:stretch;gap:16px}.toolbar-left{flex-direction:column;align-items:stretch}.search-input{min-width:auto}.filters{justify-content:flex-start}}@media (max-width: 768px){.synonyms-redirects-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.header-right{justify-content:flex-end}.page-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{flex-shrink:0;padding:12px 16px}.toolbar{gap:12px}.filters{flex-direction:column;align-items:stretch;gap:8px}.filter-select{min-width:auto}.stats{flex-direction:column}.stat-item{min-width:auto}}@media (max-width: 480px){.synonyms-redirects-page{padding:12px}.page-header h1{font-size:22px}.tab{padding:10px 12px;font-size:13px}.search-input{height:36px;font-size:13px}.btn{height:32px;padding:0 12px;font-size:13px}.empty-state{padding:40px 16px}.empty-state h3{font-size:16px}.empty-state p{font-size:13px}.stat-item{padding:12px}.stat-value{font-size:20px}}.recommendations-home{max-width:1400px;margin:0 auto}.hero-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border-radius:var(--radius-lg);padding:3rem 2rem;margin-bottom:2rem;color:var(--primary-foreground);text-align:center}.hero-content h1{font-size:3rem;font-weight:700;margin:0 0 1rem;color:var(--primary-foreground)}.hero-description{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.placement-selector{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.placement-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.5rem}.placement-tab{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;gap:.25rem}.placement-tab:hover{border-color:var(--primary);background:var(--primary-foreground)}.placement-tab.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.placement-name{font-weight:600;font-size:.875rem}.placement-description{font-size:.75rem;opacity:.7}.placement-actions{display:flex;justify-content:center}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.stat-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.stat-icon{width:48px;height:48px;background:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary-foreground);flex-shrink:0}.stat-content{flex:1}.stat-number{font-size:1.5rem;font-weight:700;color:var(--foreground);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--muted-foreground)}.btn-large{padding:1rem 2rem;font-size:1rem}@media (max-width: 768px){.hero-content h1{font-size:2rem}.hero-description{font-size:1rem}.placement-tabs,.quick-stats{grid-template-columns:1fr}}.rules-page{max-width:1200px;margin:0 auto}.rulesets-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-container{overflow-x:auto}.rulesets-table{width:100%;border-collapse:collapse}.rulesets-table th{background:var(--muted);padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--foreground);border-bottom:1px solid var(--border)}.rulesets-table td{padding:1rem;border-bottom:1px solid var(--border);vertical-align:top}.rulesets-table tr:last-child td{border-bottom:none}.rulesets-table tr:hover{background:var(--muted)}.ruleset-name{display:flex;align-items:center;gap:.5rem}.ruleset-name .name{font-weight:500;color:var(--foreground)}.tags-container{display:flex;flex-wrap:wrap;gap:.25rem}.tag{padding:.25rem .5rem;background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);font-size:.75rem;font-weight:500}.marches-container{display:flex;flex-wrap:wrap;gap:.25rem}.marche-tag{padding:.25rem .5rem;background:var(--secondary);color:var(--secondary-foreground);border-radius:var(--radius);font-size:.75rem;font-weight:500}.slots-count{font-size:.875rem;color:var(--muted-foreground);font-weight:500}.actions{display:flex;gap:.5rem}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{align-self:stretch}.rulesets-table th,.rulesets-table td{padding:.75rem .5rem}.tags-container,.marches-container{flex-direction:column;align-items:flex-start}.actions{flex-direction:column}}.presets-page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.placement-filter{padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:.875rem;cursor:pointer;transition:all .2s ease}.placement-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-foreground)}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.preset-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s ease;display:flex;flex-direction:column;gap:1.5rem}.preset-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.preset-header{display:flex;gap:1rem;align-items:flex-start}.preset-icon{font-size:2rem;flex-shrink:0}.preset-info{flex:1}.preset-name{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.preset-description{color:var(--muted-foreground);font-size:.875rem;margin:0;line-height:1.5}.preset-slots h4{font-size:.875rem;font-weight:600;color:var(--foreground);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.025em}.slots-list{display:flex;flex-direction:column;gap:.75rem}.slot-item{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.slot-name{font-size:.875rem;font-weight:500;color:var(--foreground)}.slot-use-case{font-size:.75rem;color:var(--muted-foreground);background:var(--muted);padding:.25rem .5rem;border-radius:var(--radius)}.slot-details{display:flex;flex-direction:column;gap:.5rem}.slot-rules{display:flex;flex-wrap:wrap;gap:.25rem}.rule-tag{padding:.125rem .375rem;background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.slot-markets{display:flex;flex-wrap:wrap;gap:.25rem}.market-tag{padding:.125rem .375rem;background:var(--secondary);color:var(--secondary-foreground);border-radius:var(--radius);font-size:.625rem;font-weight:500}.preset-metrics h4{font-size:.875rem;font-weight:600;color:var(--foreground);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.025em}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.metric{text-align:center;padding:.75rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius)}.metric-label{display:block;font-size:.75rem;color:var(--muted-foreground);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.025em}.metric-value{display:block;font-size:1rem;font-weight:600;color:var(--foreground)}.metric-value.positive{color:var(--success)}.preset-actions{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.no-presets{text-align:center;padding:4rem 2rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg)}.no-presets-icon{width:80px;height:80px;background:var(--muted);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--muted-foreground)}.no-presets h3{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0 0 1rem}.no-presets p{color:var(--muted-foreground);font-size:1rem;margin:0}.btn{padding:.75rem 1.5rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;width:100%;justify-content:center}@media (max-width: 1024px){.presets-grid{grid-template-columns:1fr}}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{align-self:stretch}.placement-filter{width:100%}.preset-header{flex-direction:column;gap:.75rem}.preset-icon{align-self:center}.metrics-grid{grid-template-columns:1fr}.slot-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.changelog-page{max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.page-description{color:var(--muted-foreground);font-size:1rem;margin:0;max-width:600px}.filters-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group select,.filter-group input{padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:.875rem;transition:all .2s ease}.changes-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.changes-list{padding:1.5rem}.change-item{display:flex;gap:1rem;margin-bottom:2rem;position:relative}.change-item:last-child{margin-bottom:0}.change-timeline{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.change-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2;position:relative}.timeline-line{width:2px;height:2rem;background:var(--border);margin-top:.5rem}.change-content{flex:1;min-width:0}.change-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.change-title{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.change-target{font-weight:600;color:var(--foreground);font-size:.875rem}.change-action{font-size:.75rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.025em;background:var(--muted);padding:.125rem .375rem;border-radius:var(--radius)}.change-meta{display:flex;align-items:center;gap:.75rem;flex-shrink:0;font-size:.75rem;color:var(--muted-foreground)}.change-user{font-weight:500;color:var(--foreground)}.change-time{white-space:nowrap}.change-details{margin-bottom:.75rem}.change-details p{margin:0;font-size:.875rem;color:var(--muted-foreground);line-height:1.5}.change-actions{margin-top:.75rem}.no-changes{text-align:center;padding:4rem 2rem}.no-changes-icon{width:80px;height:80px;background:var(--muted);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--muted-foreground)}.no-changes h3{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0 0 1rem}.no-changes p{color:var(--muted-foreground);font-size:1rem;margin:0}.btn-sm{padding:.5rem 1rem;font-size:.75rem}@media (max-width: 768px){.filters-grid{grid-template-columns:1fr}.change-header{flex-direction:column;align-items:flex-start;gap:.5rem}.change-meta{align-self:flex-start}.change-title{flex-direction:column;align-items:flex-start;gap:.25rem}.change-target{font-size:.8rem}.change-action{font-size:.7rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;justify-content:center;align-items:center;padding:1rem}.persona-preview-modal{width:100%;max-width:1200px;max-height:90vh;background:var(--card);border-radius:var(--radius-lg);box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--card);position:sticky;top:0;z-index:10}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0}.modal-content{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 2fr;gap:0;min-height:0}.filters-section{padding:1.5rem;border-right:1px solid var(--border);background:var(--background);overflow-y:auto}.filters-section h3{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 1.5rem}.filters-grid{display:flex;flex-direction:column;gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:var(--foreground)}.filter-group select,.filter-group input{padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--foreground);font-size:.875rem;transition:all .2s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-foreground)}.taille-selector{display:flex;gap:.5rem;flex-wrap:wrap}.taille-btn{width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.taille-btn:hover{border-color:var(--primary);background:var(--primary-foreground)}.taille-btn.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.affinites-selector{display:flex;flex-wrap:wrap;gap:.5rem}.affinite-tag{padding:.375rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--foreground);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.affinite-tag:hover{border-color:var(--primary);background:var(--primary-foreground)}.affinite-tag.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.preview-section{padding:1.5rem;background:var(--card);overflow-y:auto}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.preview-header h3{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0}.preview-actions{display:flex;gap:.75rem}.diagnostic-banner{background:var(--muted);border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem}.diagnostic-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.diagnostic-item{font-size:.875rem;color:var(--foreground)}.diagnostic-separator{color:var(--muted-foreground);font-weight:300}.products-container{min-height:400px}.loading-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.product-skeleton{background:var(--muted);border-radius:var(--radius);padding:1rem;animation:pulse 1.5s ease-in-out infinite}.skeleton-image{width:100%;height:150px;background:var(--background);border-radius:var(--radius);margin-bottom:1rem}.skeleton-content{display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:16px;background:var(--background);border-radius:var(--radius)}.skeleton-title{width:80%}.skeleton-price{width:40%}.skeleton-badges{display:flex;gap:.5rem;margin-top:.5rem}.skeleton-badge{width:60px;height:20px;background:var(--background);border-radius:var(--radius)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.product-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .2s ease}.product-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.product-image{position:relative;width:100%;height:150px;background:var(--muted);display:flex;align-items:center;justify-content:center}.image-placeholder{color:var(--muted-foreground)}.product-badges{position:absolute;top:.5rem;right:.5rem;display:flex;flex-direction:column;gap:.25rem}.product-badge{padding:.25rem .5rem;border-radius:var(--radius);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-new{background:var(--success);color:var(--success-foreground)}.badge-in-stock{background:var(--primary);color:var(--primary-foreground)}.badge-promo{background:var(--warning);color:var(--warning-foreground)}.product-info{padding:1rem}.product-name{font-size:.875rem;font-weight:600;color:var(--foreground);margin:0 0 .25rem;line-height:1.3}.product-brand{font-size:.75rem;color:var(--muted-foreground);margin:0 0 .5rem}.product-price{font-size:1rem;font-weight:600;color:var(--foreground);margin:0}.modal-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;background:var(--card);position:sticky;bottom:0}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-secondary:hover:not(:disabled){background:var(--secondary-hover)}@media (max-width: 1024px){.modal-content{grid-template-columns:1fr}.filters-section{border-right:none;border-bottom:1px solid var(--border)}.products-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.modal-overlay{padding:.5rem}.persona-preview-modal{max-height:95vh}.modal-header,.modal-footer,.filters-section,.preview-section{padding:1rem}.products-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.diagnostic-info{flex-direction:column;align-items:flex-start;gap:.5rem}.diagnostic-separator{display:none}}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end;align-items:stretch}.slot-editor-drawer{width:600px;max-width:90vw;background:var(--card);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100vh;box-shadow:-4px 0 20px #0000001a}.drawer-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--card);position:sticky;top:0;z-index:10}.drawer-header h2{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0}.close-btn{width:32px;height:32px;border:none;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--muted-foreground)}.close-btn:hover{background:var(--muted);color:var(--foreground);border-color:var(--primary)}.drawer-nav{display:flex;border-bottom:1px solid var(--border);background:var(--background);overflow-x:auto}.nav-item{flex:1;padding:1rem;border:none;background:transparent;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:120px;color:var(--muted-foreground)}.nav-item:hover{background:var(--muted);color:var(--foreground)}.nav-item.active{background:var(--primary);color:var(--primary-foreground);border-bottom:2px solid var(--primary)}.nav-icon{font-size:1.25rem}.nav-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.drawer-content{flex:1;overflow-y:auto;padding:1.5rem}.section-content h3{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-foreground)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.tooltip{margin-left:.5rem;cursor:help}.pill-selector{display:flex;flex-wrap:wrap;gap:.5rem}.pill{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:.875rem;cursor:pointer;transition:all .2s ease}.pill:hover{border-color:var(--primary);background:var(--primary-foreground)}.pill.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.rule-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:all .2s ease}.rule-toggle:hover{background:var(--muted)}.rule-toggle input[type=checkbox]{width:auto;margin:0}.rule-label{font-size:.875rem;color:var(--foreground)}.exclusions-list{display:flex;flex-direction:column;gap:.75rem}.exclusion-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:all .2s ease}.exclusion-toggle:hover{background:var(--muted)}.exclusion-toggle input[type=checkbox]{width:auto;margin:0}.contraintes-list{display:flex;flex-direction:column;gap:.75rem}.contrainte-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:all .2s ease}.contrainte-toggle:hover{background:var(--muted)}.contrainte-toggle input[type=checkbox]{width:auto;margin:0}.contrainte-toggle input[type=number]{width:80px;margin-left:auto}.marches-selector{display:flex;flex-wrap:wrap;gap:.5rem}.marche-tag{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.marche-tag:hover{border-color:var(--primary);background:var(--primary-foreground)}.marche-tag.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.date-range{display:flex;align-items:center;gap:.75rem}.date-range input{flex:1}.date-range span{color:var(--muted-foreground);font-size:.875rem}.schedule-badge{display:inline-block;padding:.25rem .5rem;background:var(--warning);color:var(--warning-foreground);border-radius:var(--radius);font-size:.75rem;font-weight:500;margin-top:.5rem}.switch-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.switch-slider{position:relative;width:44px;height:24px;background:var(--muted);border-radius:12px;transition:all .2s ease}.switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--background);border-radius:50%;transition:all .2s ease}.switch-label input[type=checkbox]{display:none}.switch-label input[type=checkbox]:checked+.switch-slider{background:var(--primary)}.switch-label input[type=checkbox]:checked+.switch-slider:before{transform:translate(20px)}.variant-section{background:var(--muted);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.variant-section h4{font-size:1rem;font-weight:600;color:var(--foreground);margin:0 0 1rem}.variant-config{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.repartition-slider{width:100%;margin:.5rem 0}.repartition-visual{display:flex;height:32px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.repartition-a{background:var(--primary);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500}.repartition-b{background:var(--secondary);color:var(--secondary-foreground);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500}.preview-actions{margin-bottom:1.5rem}.preview-info{background:var(--muted);border-radius:var(--radius);padding:1rem}.preview-info p{margin:0;color:var(--muted-foreground);font-size:.875rem;line-height:1.5}.drawer-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem;background:var(--card);position:sticky;bottom:0}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.btn-secondary:hover{background:var(--secondary-hover)}@media (max-width: 768px){.slot-editor-drawer{width:100vw;max-width:100vw}.drawer-nav{flex-wrap:nowrap;overflow-x:auto}.nav-item{min-width:100px;padding:.75rem .5rem}.variant-config{grid-template-columns:1fr}.date-range{flex-direction:column;align-items:stretch}.date-range span{text-align:center}}.placement-page{max-width:1200px;margin:0 auto}.placement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.header-content h1{font-size:2rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.placement-description{color:var(--muted-foreground);font-size:1rem;margin:0}.header-actions{flex-shrink:0}.empty-state{text-align:center;padding:4rem 2rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg)}.empty-icon{width:80px;height:80px;background:var(--muted);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--muted-foreground)}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:0 0 1rem}.empty-state p{color:var(--muted-foreground);font-size:1rem;margin:0 0 2rem;max-width:400px;margin-left:auto;margin-right:auto}.slots-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.slots-list{display:flex;flex-direction:column;gap:0}.slot-card{padding:1.5rem;border-bottom:1px solid var(--border);transition:all .2s ease;cursor:grab}.slot-card:last-child{border-bottom:none}.slot-card:hover{background:var(--muted)}.slot-card:active{cursor:grabbing}.slot-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.slot-info{flex:1}.slot-name{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.slot-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.25rem .5rem;border-radius:var(--radius);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.badge-ab{background:var(--primary);color:var(--primary-foreground)}.badge-status{background:var(--muted);color:var(--muted-foreground)}.badge-actif{background:var(--success);color:var(--success-foreground)}.badge-programmé{background:var(--warning);color:var(--warning-foreground)}.badge-désactivé{background:var(--destructive);color:var(--destructive-foreground)}.slot-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-icon{width:32px;height:32px;border:none;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--muted-foreground)}.btn-icon:hover{background:var(--muted);color:var(--foreground);border-color:var(--primary)}.btn-icon.btn-danger:hover{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.slot-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.detail-row{display:flex;align-items:center;gap:.5rem}.detail-label{font-size:.875rem;color:var(--muted-foreground);font-weight:500;min-width:120px}.detail-value{font-size:.875rem;color:var(--foreground)}.market-tags{display:flex;gap:.25rem;flex-wrap:wrap}.market-tag{padding:.125rem .375rem;background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);font-size:.75rem;font-weight:500}.btn{padding:.75rem 1.5rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.placement-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{align-self:stretch}.slot-header{flex-direction:column;gap:1rem;align-items:stretch}.slot-actions{justify-content:flex-end}.slot-details{grid-template-columns:1fr}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-label{min-width:auto}}.vg-page{--vg-ink: #0e1822;--vg-ink-soft: #4a5563;--vg-ink-muted: #8a93a0;--vg-line: #e6e2da;--vg-line-soft: #f0ece5;--vg-bg: #faf7f2;--vg-card: #ffffff;--vg-accent: #b8956a;--vg-accent-ink: #6e5634;height:100%;overflow-y:auto;overflow-x:hidden;background:var(--vg-bg);color:var(--vg-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}.vg-header{position:sticky;top:0;z-index:10;background:#faf7f2eb;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--vg-line)}.vg-header-inner{max-width:1320px;margin:0 auto;padding:18px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.vg-header-side{display:flex;gap:8px}.vg-header-side--right{justify-content:flex-end}.vg-icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--vg-ink);border-radius:999px;transition:background-color .2s ease}.vg-icon-btn:hover{background:var(--vg-line-soft)}.vg-logo{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:26px;font-weight:600;letter-spacing:.32em;color:var(--vg-ink)}.vg-nav{max-width:1320px;margin:0 auto;padding:0 32px 14px;display:flex;gap:28px;justify-content:center}.vg-nav-link{font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--vg-ink-soft);text-decoration:none;padding:6px 2px;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.vg-nav-link:hover{color:var(--vg-ink);border-bottom-color:var(--vg-ink)}.vg-hero{max-width:880px;margin:0 auto;padding:96px 32px 40px;text-align:center}.vg-hero-eyebrow{font-size:11px;font-weight:600;letter-spacing:.28em;color:var(--vg-accent-ink);margin-bottom:18px}.vg-hero-title{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:clamp(40px,6vw,60px);font-weight:500;line-height:1.05;letter-spacing:-.015em;margin:0 0 16px;color:var(--vg-ink)}.vg-hero-sub{font-size:17px;color:var(--vg-ink-soft);max-width:560px;margin:0 auto 40px}.vg-search{position:relative;display:flex;align-items:center;gap:8px;background:var(--vg-card);border:1px solid var(--vg-line);border-radius:999px;padding:6px 6px 6px 22px;box-shadow:0 1px #0e182205,0 12px 32px -16px #0e18222e;transition:box-shadow .25s ease,border-color .25s ease}.vg-search:focus-within{border-color:var(--vg-ink);box-shadow:0 0 0 4px #0e18220f,0 18px 40px -18px #0e182240}.vg-search.is-loading:after{content:"";position:absolute;left:6px;right:6px;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--vg-ink),transparent);background-size:200% 100%;animation:vg-progress 1.2s ease-in-out infinite;border-radius:2px}@keyframes vg-progress{0%{background-position:200% 0}to{background-position:-200% 0}}.vg-search-icon{display:inline-flex;color:var(--vg-ink-muted)}.vg-search-input{flex:1;border:none;background:transparent;outline:none;font:inherit;font-size:16px;color:var(--vg-ink);padding:14px 4px;min-width:0}.vg-search-input::placeholder{color:var(--vg-ink-muted)}.vg-search-clear{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--vg-line-soft);color:var(--vg-ink-soft);border:none;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}.vg-search-clear:hover{background:var(--vg-line);color:var(--vg-ink)}.vg-search-submit{height:44px;padding:0 24px;background:var(--vg-ink);color:#fff;border:none;border-radius:999px;font:inherit;font-size:14px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .2s ease,transform .15s ease}.vg-search-submit:hover{background:#1a2735}.vg-search-submit:active{transform:scale(.98)}.vg-trending{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.vg-trending-label{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--vg-ink-muted);margin-right:4px}.vg-chip{background:transparent;color:var(--vg-ink-soft);border:1px solid var(--vg-line);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.vg-chip:hover{background:var(--vg-ink);color:#fff;border-color:var(--vg-ink)}.vg-results{max-width:1320px;margin:0 auto;padding:24px 32px 80px}.vg-results-header{display:flex;justify-content:space-between;align-items:baseline;padding:16px 4px;margin-bottom:24px;border-bottom:1px solid var(--vg-line)}.vg-results-count{font-size:14px;color:var(--vg-ink);font-weight:500}.vg-results-latency{font-size:12px;color:var(--vg-ink-muted);letter-spacing:.04em}.vg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px 20px}.vg-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:transparent;opacity:0;transform:translateY(8px);animation:vg-fade-in .45s ease forwards}@keyframes vg-fade-in{to{opacity:1;transform:translateY(0)}}.vg-card-image-wrap{position:relative;aspect-ratio:3 / 4;background:var(--vg-card);border-radius:4px;overflow:hidden;margin-bottom:14px}.vg-card-image-wrap img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1);transition:opacity .4s ease,transform .6s ease}.vg-card-image-wrap img.is-loaded{opacity:1}.vg-card:hover .vg-card-image-wrap img.is-loaded{transform:scale(1.04)}.vg-card-image-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f3efe8,#faf7f2,#f3efe8);background-size:200% 100%;animation:vg-shimmer 1.4s linear infinite}@keyframes vg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vg-card-image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--vg-ink-muted);background:var(--vg-line-soft)}.vg-card-badge{position:absolute;top:12px;left:12px;background:var(--vg-ink);color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em;padding:5px 9px;border-radius:2px}.vg-card-body{padding:0 4px;display:flex;flex-direction:column;gap:4px;min-height:78px}.vg-card-brand{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vg-ink)}.vg-card-name{font-size:14px;color:var(--vg-ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;min-height:38px}.vg-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.vg-card-ref{font-size:11px;color:var(--vg-ink-muted);letter-spacing:.04em}.vg-card-cta{font-size:12px;font-weight:600;color:var(--vg-ink);opacity:0;transform:translate(-4px);transition:opacity .25s ease,transform .25s ease}.vg-card:hover .vg-card-cta{opacity:1;transform:translate(0)}.vg-card--skeleton{animation:none;opacity:1;transform:none;pointer-events:none}.vg-skel-line{height:10px;background:linear-gradient(90deg,#f3efe8,#faf7f2,#f3efe8);background-size:200% 100%;animation:vg-shimmer 1.4s linear infinite;border-radius:3px;margin:4px 0}.vg-skel-line--short{width:32%}.vg-skel-line--mid{width:60%}.vg-empty{text-align:center;padding:80px 20px;border:1px solid var(--vg-line);border-radius:6px;background:var(--vg-card)}.vg-empty-title{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:28px;font-weight:500;margin-bottom:8px;color:var(--vg-ink)}.vg-empty-sub{color:var(--vg-ink-soft);font-size:15px}.vg-footer{border-top:1px solid var(--vg-line);background:#fff}.vg-footer-inner{max-width:1320px;margin:0 auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--vg-ink-muted);letter-spacing:.04em}.vg-footer-meta strong{color:var(--vg-ink);font-weight:600;letter-spacing:.06em}@media (max-width: 720px){.vg-header-inner{padding:14px 18px}.vg-nav{gap:18px;padding:0 18px 12px;overflow-x:auto;justify-content:flex-start}.vg-hero{padding:56px 20px 32px}.vg-search{flex-wrap:wrap;padding:6px 8px 6px 18px}.vg-search-input{padding:12px 4px;font-size:15px}.vg-search-submit{width:100%;height:42px}.vg-results{padding:16px 18px 60px}.vg-grid{grid-template-columns:repeat(2,1fr);gap:24px 12px}.vg-footer-inner{padding:20px 18px;flex-direction:column;gap:6px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;width:100vw;overflow:hidden}.App{height:100%;width:100%}code{background-color:#f1f1f1;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;color:#d63384}@media (prefers-color-scheme: dark){code{background-color:#2d2d2d;color:#ff6b9d}}:root{--background: oklch(.9779 .0042 56.3756);--foreground: oklch(.2178 0 0);--card: oklch(.9779 .0042 56.3756);--card-foreground: oklch(.2178 0 0);--popover: oklch(.9779 .0042 56.3756);--popover-foreground: oklch(.2178 0 0);--primary: oklch(.4372 .2447 267.3257);--primary-foreground: oklch(1 0 0);--secondary: oklch(.9751 .0158 110.549);--secondary-foreground: oklch(.7048 .1869 47.6938);--muted: oklch(.9431 .0068 53.4442);--muted-foreground: oklch(.4444 .0096 73.639);--accent: oklch(.9751 .0158 110.549);--accent-foreground: oklch(.7048 .1869 47.6938);--destructive: oklch(.4372 .2447 267.3257);--destructive-foreground: oklch(1 0 0);--border: oklch(.9355 .0324 80.9937);--input: oklch(.9355 .0324 80.9937);--ring: oklch(.4372 .2447 267.3257);--chart-1: oklch(.5054 .1905 27.5181);--chart-2: oklch(.465 .147 24.9381);--chart-3: oklch(.3958 .1331 25.723);--chart-4: oklch(.5553 .1455 48.9975);--chart-5: oklch(.4732 .1247 46.2007);--sidebar: oklch(.9431 .0068 53.4442);--sidebar-foreground: oklch(.2178 0 0);--sidebar-primary: oklch(.465 .147 24.9381);--sidebar-primary-foreground: oklch(1 0 0);--sidebar-accent: oklch(.9619 .058 95.6174);--sidebar-accent-foreground: oklch(.3958 .1331 25.723);--sidebar-border: oklch(.9355 .0324 80.9937);--sidebar-ring: oklch(.465 .147 24.9381);--font-sans: Poppins, sans-serif;--font-serif: Libre Baskerville, serif;--font-mono: IBM Plex Mono, monospace;--radius: .375rem;--shadow-2xs: 1px 1px 16px -2px hsl(0 63% 18% / .06);--shadow-xs: 1px 1px 16px -2px hsl(0 63% 18% / .06);--shadow-sm: 1px 1px 16px -2px hsl(0 63% 18% / .12), 1px 1px 2px -3px hsl(0 63% 18% / .12);--shadow: 1px 1px 16px -2px hsl(0 63% 18% / .12), 1px 1px 2px -3px hsl(0 63% 18% / .12);--shadow-md: 1px 1px 16px -2px hsl(0 63% 18% / .12), 1px 2px 4px -3px hsl(0 63% 18% / .12);--shadow-lg: 1px 1px 16px -2px hsl(0 63% 18% / .12), 1px 4px 6px -3px hsl(0 63% 18% / .12);--shadow-xl: 1px 1px 16px -2px hsl(0 63% 18% / .12), 1px 8px 10px -3px hsl(0 63% 18% / .12);--shadow-2xl: 1px 1px 16px -2px hsl(0 63% 18% / .3);--tracking-normal: 0em;--spacing: .25rem}.dark{--background: oklch(.2161 .0061 56.0434);--foreground: oklch(.9699 .0013 106.4238);--card: oklch(.2685 .0063 34.2976);--card-foreground: oklch(.9699 .0013 106.4238);--popover: oklch(.2685 .0063 34.2976);--popover-foreground: oklch(.9699 .0013 106.4238);--primary: oklch(.5054 .1905 27.5181);--primary-foreground: oklch(.9779 .0042 56.3756);--secondary: oklch(.4732 .1247 46.2007);--secondary-foreground: oklch(.9619 .058 95.6174);--muted: oklch(.2685 .0063 34.2976);--muted-foreground: oklch(.8687 .0043 56.366);--accent: oklch(.5553 .1455 48.9975);--accent-foreground: oklch(.9619 .058 95.6174);--destructive: oklch(.6368 .2078 25.3313);--destructive-foreground: oklch(1 0 0);--border: oklch(.3741 .0087 67.5582);--input: oklch(.3741 .0087 67.5582);--ring: oklch(.5054 .1905 27.5181);--chart-1: oklch(.7106 .1661 22.2162);--chart-2: oklch(.6368 .2078 25.3313);--chart-3: oklch(.5771 .2152 27.325);--chart-4: oklch(.8369 .1644 84.4286);--chart-5: oklch(.7686 .1647 70.0804);--sidebar: oklch(.2161 .0061 56.0434);--sidebar-foreground: oklch(.9699 .0013 106.4238);--sidebar-primary: oklch(.5054 .1905 27.5181);--sidebar-primary-foreground: oklch(.9779 .0042 56.3756);--sidebar-accent: oklch(.5553 .1455 48.9975);--sidebar-accent-foreground: oklch(.9619 .058 95.6174);--sidebar-border: oklch(.3741 .0087 67.5582);--sidebar-ring: oklch(.5054 .1905 27.5181);--font-sans: Poppins, sans-serif;--font-serif: Libre Baskerville, serif;--font-mono: IBM Plex Mono, monospace;--radius: .375rem;--shadow-2xs: 1px 1px 16px -2px hsl(0 63% 18% / .06);--shadow-xs: 1px 1px 16px -2px hsl(0 63% 18% / .06);--shadow-sm: 1px 1px 16px -2px hsl(0 63% 18% / .12), 1px 1px 2px -3px hsl(0 63% 18% / .12);--shadow: 1px 1px 16px -2px hsl(0 63% 18% / .12), 1px 1px 2px -3px hsl(0 63% 18% / .12);--shadow-md: 1px 1px 16px -2px hsl(0 63% 18% / .12), 1px 2px 4px -3px hsl(0 63% 18% / .12);--shadow-lg: 1px 1px 16px -2px hsl(0 63% 18% / .12), 1px 4px 6px -3px hsl(0 63% 18% / .12);--shadow-xl: 1px 1px 16px -2px hsl(0 63% 18% / .12), 1px 8px 10px -3px hsl(0 63% 18% / .12);--shadow-2xl: 1px 1px 16px -2px hsl(0 63% 18% / .3)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --font-sans: var(--font-sans); --font-mono: var(--font-mono); --font-serif: var(--font-serif); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --shadow-2xs: var(--shadow-2xs); --shadow-xs: var(--shadow-xs); --shadow-sm: var(--shadow-sm); --shadow: var(--shadow); --shadow-md: var(--shadow-md); --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-2xl: var(--shadow-2xl); }*{box-sizing:border-box}html{font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:14px;line-height:1.5;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2;color:var(--foreground)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin:0 0 1rem;color:var(--muted-foreground)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary);opacity:.9}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--muted)}.btn-outline{background:transparent;color:var(--foreground);border-color:var(--border)}.btn-outline:hover:not(:disabled){background:var(--muted)}.btn-ghost{background:transparent;color:var(--foreground);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--muted)}.btn-destructive{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.btn-destructive:hover:not(:disabled){background:var(--destructive);opacity:.9}.btn-sm{padding:.25rem .75rem;font-size:.75rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.input{display:flex;width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.input:disabled{opacity:.5;cursor:not-allowed}.input::placeholder{color:var(--muted-foreground)}.select{display:flex;width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:.875rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.textarea{display:flex;width:100%;min-height:4rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:.875rem;font-family:inherit;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.textarea:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.textarea::placeholder{color:var(--muted-foreground)}.checkbox{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox input[type=checkbox]{width:1rem;height:1rem;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--background);cursor:pointer;transition:all .2s ease}.checkbox input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.checkbox input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px var(--ring)}.radio{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.radio input[type=radio]{width:1rem;height:1rem;border:1px solid var(--border);border-radius:50%;background:var(--background);cursor:pointer;transition:all .2s ease}.radio input[type=radio]:checked{background:var(--primary);border-color:var(--primary)}.radio input[type=radio]:focus{outline:none;box-shadow:0 0 0 2px var(--ring)}.switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.switch input[type=checkbox]{width:2.5rem;height:1.25rem;border:1px solid var(--border);border-radius:9999px;background:var(--muted);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.switch input[type=checkbox]:before{content:"";position:absolute;top:1px;left:1px;width:1rem;height:1rem;border-radius:50%;background:var(--background);transition:transform .2s ease}.switch input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.switch input[type=checkbox]:checked:before{transform:translate(1.25rem)}.switch input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px var(--ring)}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:calc(var(--radius) - 2px);font-size:.75rem;font-weight:500;line-height:1}.badge-default{background:var(--muted);color:var(--muted-foreground)}.badge-primary{background:var(--primary);color:var(--primary-foreground)}.badge-secondary{background:var(--secondary);color:var(--secondary-foreground)}.badge-destructive{background:var(--destructive);color:var(--destructive-foreground)}.alert{padding:1rem;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem}.alert-default{background:var(--muted);color:var(--muted-foreground)}.alert-primary{background:var(--primary);color:var(--primary-foreground)}.alert-destructive{background:var(--destructive);color:var(--destructive-foreground)}.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}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-serif{font-family:var(--font-serif)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-destructive{color:var(--destructive)}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:calc(var(--radius) - 2px)}.rounded-lg{border-radius:calc(var(--radius) + 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition:all .2s ease}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.transition-opacity{transition:opacity .2s ease}.transition-transform{transition:transform .2s ease}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--ring)}@media (max-width: 640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:text-sm{font-size:.875rem}.sm\:p-2{padding:.5rem}.sm\:p-4{padding:1rem}}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:text-lg{font-size:1.125rem}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}}@media (max-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:text-xl{font-size:1.25rem}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:var(--font-sans);background:var(--background);color:var(--foreground)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate;height:100%}.text-glass-primary{color:var(--foreground)}.text-glass-secondary{color:var(--muted-foreground)}.text-glass-muted{color:var(--muted-foreground);opacity:.8}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.no-print{display:none!important}}