:root{--bg:#f7f8fa;--panel:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--border-strong:#d1d5db;--blue:#2563eb;--blue-soft:#eff6ff;--green:#10b981;--green-soft:#ecfdf5;--amber:#f59e0b;--amber-soft:#fffbeb;--red:#dc2626;--red-soft:#fef2f2;--shadow:0 10px 30px #1118270f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root,.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;align-items:center;gap:22px;height:58px;padding:0 28px;display:flex;position:sticky;top:0}.brand{color:var(--text);background:0 0;border:0;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{width:30px;height:30px;color:var(--blue);background:var(--blue-soft);border-radius:8px;place-items:center;font-size:22px;display:grid}.desktop-nav{flex:1;align-items:center;gap:8px;display:flex}.desktop-nav button,.region-select{color:var(--text);background:0 0;border:0;border-radius:8px;padding:8px 10px}.desktop-nav button:hover,.desktop-nav button.active,.region-select:hover{background:#f3f4f6}.region-select{border:1px solid var(--border);background:var(--panel)}.page{width:min(1380px,100vw - 48px);margin:0 auto;padding:26px 0 60px}.hero-grid{grid-template-columns:330px minmax(0,1fr);align-items:center;gap:30px;display:grid}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:38px;line-height:1.1}h2{font-size:18px;line-height:1.25}.hero-grid p,.fine-print{color:var(--muted);margin-top:8px;font-size:14px}.searchbar{border:1px solid var(--border-strong);background:var(--panel);border-radius:8px;grid-template-columns:24px minmax(0,1fr) 104px;align-items:center;gap:10px;height:44px;padding:0 8px 0 14px;display:grid}.searchbar input,.searchbar button,.inline-form input,.inline-form select,label input,label select,.compare-selectors select,.region-controls select{border:1px solid var(--border);min-width:0;color:var(--text);background:#fff;border-radius:8px}.searchbar input{border:0;outline:0}.searchbar button,.primary,.quick-alert button,.inline-form button,.wide-button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700;display:inline-flex}.chips{flex-wrap:wrap;gap:10px;margin:18px 0 20px;display:flex}.chips button{border:1px solid var(--border);height:34px;color:var(--text);background:#fff;border-radius:999px;padding:0 14px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.metric,.panel,.category-tile,.rank-card{border:1px solid var(--border);background:var(--panel);border-radius:8px}.metric{grid-template-rows:auto auto auto;grid-template-columns:58px 1fr;align-items:center;min-height:96px;padding:18px;display:grid}.metric-icon{width:52px;height:52px;color:var(--blue);background:var(--blue-soft);border-radius:8px;grid-row:1/span 3;place-items:center;display:grid}.metric span:not(.metric-icon){color:var(--muted);font-size:14px}.metric strong{font-size:28px;line-height:1.1}.metric em,.form-message,.plan-card em,.change-row em,.rank-card em{color:var(--muted);font-size:13px;font-style:normal}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(340px,.9fr);gap:18px;margin-bottom:18px;display:grid}.panel{box-shadow:var(--shadow);padding:16px}.stack{gap:14px;display:grid}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.panel-header button{color:var(--blue);white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;font-weight:700;display:inline-flex}.table-wrap{border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px;font-size:14px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:11px 10px}th{color:var(--muted);background:#f9fafb;font-size:12px;font-weight:700}.product-cell{color:var(--text);background:0 0;border:0;align-items:center;gap:10px;padding:0;font-weight:700;display:inline-flex}.logo-dot{color:#fff;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:inline-grid}.badge{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-height:22px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-green{background:var(--green-soft);color:#047857}.badge-red{background:var(--red-soft);color:var(--red)}.badge-amber{background:var(--amber-soft);color:#b45309}.badge-gray{color:var(--muted);background:#f3f4f6}.source-meta{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:12px;line-height:1.5;display:flex}.source-meta span{border:1px solid var(--border);white-space:nowrap;background:#f9fafb;border-radius:6px;align-items:center;min-height:22px;padding:1px 6px;display:inline-flex}.source-meta a{color:var(--blue);font-weight:700}.actions{gap:8px;display:flex}.actions button{min-height:30px;color:var(--blue);background:#fff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;font-weight:700;display:inline-flex}.change-list{gap:10px;display:grid}.change-row{border:1px solid var(--border);border-radius:8px;grid-template-columns:74px minmax(80px,1fr);gap:6px 10px;padding:10px;display:grid}.change-row span{color:var(--muted);grid-row:span 2;font-size:12px}.change-row strong{font-size:14px}.quick-alert{display:block}.inline-form{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) 110px;gap:10px;display:grid}.inline-form input,.inline-form select,label input,label select{width:100%;height:40px;padding:0 10px}.calculator-preview{margin-bottom:18px}.calculator-grid{grid-template-columns:320px minmax(0,1fr);gap:20px;display:grid}.mini-form,.calc-form{gap:12px;display:grid}label{color:var(--muted);gap:7px;font-size:13px;display:grid}.toggle-line,.check{justify-content:space-between;align-items:center;gap:10px;display:flex}.check{color:var(--text);justify-content:flex-start}.check input{width:auto;height:auto}.toggle{background:#d1d5db;border-radius:999px;width:40px;height:24px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px}.toggle.on{background:var(--blue)}.toggle.on:after{left:19px}.highlight-row td{background:var(--green-soft);color:#047857;font-weight:700}.category-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:18px;display:grid}.region-directory{margin-top:18px}.region-directory-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.region-directory-grid button{border:1px solid var(--border);min-height:88px;color:var(--text);text-align:left;background:#fff;border-radius:8px;gap:4px;padding:12px;display:grid}.region-directory-grid span,.region-directory-grid em{color:var(--muted);font-size:12px;font-style:normal}.category-tile{min-height:64px;color:var(--text);text-align:left;align-items:center;gap:10px;padding:14px;display:flex}.category-tile em{color:var(--muted);margin-left:auto;font-style:normal}.split-page{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;display:grid}.filters h2{align-items:center;gap:8px;margin-bottom:16px;display:flex}.filters,.alert-page,.login,.admin-form{gap:14px;display:grid}.content-panel{min-width:0}.detail-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.product-title{align-items:center;gap:14px;display:flex}.product-title p{color:var(--muted);margin-top:6px}.detail-actions{flex-wrap:wrap;gap:8px;display:flex}.detail-actions button,.detail-actions a{border:1px solid var(--border);min-height:36px;color:var(--blue);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:inline-flex}.regional-callout{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;display:grid}.regional-callout svg{color:var(--blue)}.regional-callout span,.regional-callout em,.plan-card span{color:var(--muted);font-size:13px;font-style:normal;display:block}.regional-callout button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:8px;min-height:38px;padding:0 12px}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px;display:grid}.plan-card{gap:10px;display:grid}.plan-card.popular{box-shadow:0 0 0 1px #bfdbfe inset, var(--shadow);border-color:#93c5fd}.plan-top{justify-content:space-between;align-items:center;display:flex}.plan-card strong{font-size:28px}.fake-chart{grid-template-columns:42px repeat(5,1fr) 56px;align-items:end;gap:6px;min-height:118px;padding:16px 0;display:grid;position:relative}.fake-chart i{background:var(--blue);height:3px;display:block;transform:rotate(8deg)}.fake-chart b{background:var(--blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;height:30px;font-size:13px;display:inline-flex}.region-controls,.compare-selectors{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.regional-ranks{gap:12px;margin-top:18px;display:grid}.rank-card{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.rank-card.best{border-color:var(--green);background:var(--green-soft)}.rank-card>strong{font-size:26px}.rank-price{justify-items:end;gap:5px;display:grid}.rank-price b{font-size:22px}.rank-price span{color:var(--muted);font-size:13px}.wide-button{width:100%;min-height:46px;margin-top:16px}.comparison-cards,.admin-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:18px;display:grid}.comparison-cards .panel{gap:8px;display:grid}.config-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.config-grid>div{border:1px solid var(--border);background:#f9fafb;border-radius:8px;align-content:start;gap:6px;min-height:92px;padding:12px;display:grid}.config-grid span{color:var(--muted);font-size:13px}.config-grid strong{overflow-wrap:anywhere}.admin-test-email{margin-top:12px}.narrow{max-width:620px}.admin-page .product-cell{pointer-events:none}.admin-form h2{margin-bottom:2px}.empty{min-height:120px;color:var(--muted);border:1px dashed var(--border-strong);border-radius:8px;place-items:center;display:grid}.form-message{color:var(--blue);margin-top:8px}.mobile-tabs{display:none}@media (width<=980px){.desktop-nav{display:none}.topbar{padding:0 16px}.brand span:last-child{font-size:15px}.region-select{max-width:132px;margin-left:auto}.page{width:min(100% - 24px,720px);padding:18px 0 90px}.hero-grid,.metrics,.dashboard-grid,.calculator-grid,.split-page,.detail-header,.regional-callout{grid-template-columns:1fr}h1{font-size:30px}.searchbar{grid-template-columns:24px minmax(0,1fr);height:auto;min-height:44px;padding:8px 12px}.searchbar button{grid-column:1/-1}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{grid-template-columns:42px 1fr;min-height:96px;padding:14px}.metric-icon{width:38px;height:38px}.metric strong{font-size:24px}.inline-form{grid-template-columns:1fr}.rank-card{grid-template-columns:30px minmax(0,1fr)}.rank-price{grid-column:1/-1;justify-items:start;padding-left:44px}.detail-actions{width:100%}.detail-actions button,.detail-actions a,.regional-callout button{flex:1;justify-content:center}table{min-width:620px}.mobile-tabs{z-index:30;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabs button{min-height:64px;color:var(--muted);background:0 0;border:0;place-items:center;gap:2px;font-size:11px;display:grid}.mobile-tabs button.active{color:var(--blue)}}@media (width<=520px){.page{width:calc(100% - 20px)}.panel,.metric{padding:12px}.metrics{gap:10px}.chips{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.chips button{flex:none}.brand-mark{width:28px;height:28px}}