:root{--background:#e5e5ea;--surface:#fff;--surface-muted:#f1f5f9;--fg:#0f172a;--fg-muted:#64748b;--fg-subtle:#94a3b8;--primary:#2563eb;--primary-fg:#fff;--primary-hover:#1d4ed8;--accent:#2563eb0f;--ring:#2563eb59;--border:#e2e8f0;--border-focus:#2563eb;--success:#34c759;--success-bg:#34c75924;--success-border:#34c7594d;--warning:#d97706;--warning-bg:#d977061a;--warning-border:#d9770640;--info:#2563eb;--info-bg:#2563eb1a;--info-border:#2563eb40;--destructive:#dc2626;--destructive-fg:#fff;--destructive-bg:#dc26261a;--destructive-border:#dc262640;--violet:#7c3aed;--violet-bg:#7c3aed1a;--violet-border:#7c3aed40;--sidebar:#32353c;--sidebar-fg:#f8fafc;--sidebar-border:#f8fafc1a;--sidebar-hover:#f8fafc14;--sidebar-active:#2563eb;--sidebar-width:224px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--shadow-sm:0 1px 2px #0f172a0a;--shadow:0 2px 8px #0f172a0f;--shadow-lg:0 8px 24px #0f172a1a;--font-sans:system-ui, -apple-system, "Segoe UI", "Inter", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-base:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fs-4xl:36px;--lh-tight:1.2;--lh-normal:1.5;--lh-loose:1.7;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--tracking-tight:-.01em;--tracking-meta:.06em;--muted-fg:var(--fg-muted);--surface-2:var(--surface-muted)}.dark,[data-theme=dark]{--background:#000;--surface:#1c1c1c;--surface-muted:#232323;--fg:#f1f1f1;--fg-muted:#a8a8a8;--fg-subtle:#777;--primary:#4f7cf0;--primary-fg:#f1f1f1;--primary-hover:#6b91f3;--accent:#4f7cf024;--ring:#4f7cf073;--border:#2c2c2c;--border-focus:#4f7cf0;--success:#30d158;--success-bg:#30d1582e;--success-border:#30d15852;--sidebar:#141416;--sidebar-fg:#f1f1f1;--sidebar-border:#ffffff14;--sidebar-hover:#ffffff0f;--sidebar-active:#4f7cf0}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--fg);background:var(--background);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{text-align:left;color:var(--fg);margin:0}h1{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}h2{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}h3{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}h4{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}h5{font-size:var(--fs-base);font-weight:var(--fw-semibold)}h6{font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-meta);color:var(--fg-muted)}p{color:var(--fg);margin:0}small{font-size:var(--fs-xs);color:var(--fg-muted)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.92em}.meta-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-meta);color:var(--fg-muted)}.kpi-number{font-size:var(--fs-4xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--fg);font-variant-numeric:tabular-nums;line-height:1.1}.app-wrapper{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--sidebar-border);flex-direction:column;height:100vh;display:flex;position:fixed}.sidebar-logo{padding:var(--space-5);border-bottom:1px solid var(--sidebar-border);align-items:center;gap:var(--space-3);display:flex}.logo-icon{border-radius:var(--radius);background:var(--primary);width:36px;height:36px;color:var(--primary-fg);font-size:var(--fs-lg);font-weight:var(--fw-extrabold);flex:none;place-items:center;display:grid}.logo-text{flex-direction:column;gap:2px;min-width:0;display:flex}.logo-name{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--sidebar-fg);line-height:1.1}.logo-tagline{font-size:var(--fs-xs);color:#f8fafc99}.sidebar-menu{padding:var(--space-2);flex-direction:column;flex:1;gap:2px;display:flex}.menu-item{color:#f8fafcc7;border-radius:var(--radius);width:100%;padding:var(--space-3);text-align:left;cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-medium);background:0 0;border:none;justify-content:space-between;align-items:center;transition:background-color .12s,color .12s;display:flex}.menu-item:hover{background:var(--sidebar-hover);color:var(--sidebar-fg)}.menu-item.active{background:var(--sidebar-active);color:var(--primary-fg);font-weight:var(--fw-semibold)}.menu-item-inner{align-items:center;gap:var(--space-3);display:inline-flex}.menu-item svg{opacity:.9;flex-shrink:0;transition:opacity .2s}.menu-item.active svg,.menu-item:hover svg{opacity:1}.menu-badge{background:var(--destructive);color:var(--destructive-fg);font-size:10px;font-weight:var(--fw-semibold);border-radius:10px;padding:1px 6px}.sidebar-bottom{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--sidebar-border)}.status-row{gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.status-item{align-items:center;gap:var(--space-2);display:flex}.status-dot{background:#f8fafc59;border-radius:50%;width:7px;height:7px}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--destructive)}.status-dot.loading{background:var(--warning)}.status-text{font-size:var(--fs-xs);color:#f8fafc99}.version-tag{font-size:var(--fs-xs);color:#f8fafc66;border-top:1px solid var(--sidebar-border);padding-top:var(--space-2)}.main-area{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.main-content{padding:var(--space-8)}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);display:flex}.tab{appearance:none;cursor:pointer;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--fg-muted);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;transition:color .12s,border-color .12s}.tab:hover{color:var(--fg)}.tab[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary);font-weight:var(--fw-semibold)}.tab:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.content-layout{gap:var(--space-5);grid-template-columns:256px 1fr;align-items:start;display:grid}.filter-sidebar{gap:var(--space-3);flex-direction:column;display:flex}.filter-card,.stat-card,.sort-card,.listing-card,.alert-create,.alert-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.filter-header{padding:var(--space-3) var(--space-4);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-meta);background:var(--surface-muted);border-bottom:1px solid var(--border);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);margin:0}.filter-body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-meta);color:var(--fg-muted)}.input-field,.input-select,.sort-select{width:100%;height:36px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-size:var(--fs-md);outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}.input-field::placeholder{color:var(--fg-subtle)}.input-field:hover,.input-select:hover,.sort-select:hover{border-color:var(--fg-subtle)}.input-field:focus,.input-select:focus,.sort-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--ring)}.input-field[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]{appearance:textfield}.custom-select{position:relative}.custom-select-trigger{text-align:left;padding-right:var(--space-10);cursor:pointer;justify-content:flex-start;position:relative}.custom-select-placeholder{color:var(--fg-muted)}.custom-select-chevron{right:var(--space-3);color:var(--fg-muted);transition:transform .18s,color .18s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.custom-select-chevron.open{color:var(--fg);transform:translateY(-50%)rotate(180deg)}.custom-select-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:220;max-height:min(260px,40vh);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto}.custom-select-menu::-webkit-scrollbar{width:4px}.custom-select-menu::-webkit-scrollbar-track{background:0 0}.custom-select-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.custom-select-menu::-webkit-scrollbar-thumb:hover{background:var(--fg-subtle)}.custom-select-option{width:100%;color:var(--fg);text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--fs-md);cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{color:var(--fg);background:#7676801f}.custom-select-option.active{color:var(--primary);font-weight:var(--fw-semibold)}.range-row{align-items:center;gap:var(--space-2);grid-template-columns:1fr auto 1fr;min-width:0;display:grid}.range-separator{color:var(--fg-subtle);flex:none}.input-sm{text-align:center;width:100%;min-width:0}.btn-primary,.btn-secondary{height:36px;padding:0 var(--space-4);border-radius:var(--radius);font-weight:var(--fw-semibold);font-size:var(--fs-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);transition:background-color .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn-primary{background:var(--primary);color:var(--primary-fg);border:1px solid var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{color:var(--primary);background:#2563eb1a;border:none}.btn-secondary:hover:not(:disabled){background:#2563eb2e}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.results-area{gap:var(--space-4);flex-direction:column;display:flex}.results-bar{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(256px,1fr));display:grid}.results-bar .stat-card{grid-column:span 2}.results-bar .sort-card{grid-column:span 1}.stat-card,.sort-card{padding:var(--space-3) var(--space-4)}.sort-card{z-index:20;position:relative;overflow:visible}.sort-card .custom-select-trigger{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sort-card .custom-select-menu{top:calc(100% + 6px);bottom:auto}.stat-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-meta);color:var(--fg-muted);margin-bottom:var(--space-1)}.stat-value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--fg);font-variant-numeric:tabular-nums;line-height:1}.filter-header-icon{color:var(--primary);justify-content:center;align-items:center;width:12px;margin-right:6px;display:inline-flex}.btn-icon{justify-content:center;align-items:center;width:14px;display:inline-flex}.login-page{min-height:100vh;padding:var(--space-6);background:var(--bg);justify-content:center;align-items:center;display:flex}.login-card{gap:var(--space-3);width:100%;max-width:360px;padding:var(--space-5);flex-direction:column;display:flex}.login-title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3) 0;font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--fg);display:inline-flex}.auth-loading{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.sidebar-logout{align-items:center;gap:var(--space-2);border:1px solid var(--sidebar-border);border-radius:var(--radius);color:#f8fafcc7;width:100%;padding:var(--space-2) var(--space-3);margin-top:var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);cursor:pointer;background:0 0;font-family:inherit;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.sidebar-logout:hover{background:var(--sidebar-hover);color:var(--sidebar-fg);border-color:var(--sidebar-fg)}.sidebar-logout-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.user-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.user-list-empty{padding:var(--space-3);color:var(--fg-subtle);font-size:var(--fs-sm);text-align:center}.user-list-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:10px var(--space-3);border-bottom:1px solid var(--border);display:flex}.user-list-name{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg);align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:inline-flex}.user-create-form{gap:var(--space-2);flex-direction:column;padding-top:10px;display:flex}.youpin-token-preview{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-xs);display:flex}.youpin-token-preview-label{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:var(--tracking-meta);font-weight:var(--fw-semibold);font-size:10px}.youpin-token-preview-value{color:var(--fg);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--fs-xs);word-break:break-all}.stattrak-toggle{cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.stattrak-toggle input[type=checkbox]{appearance:none;background:var(--surface-muted);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex-shrink:0;width:44px;height:26px;margin:0;transition:background-color .2s,border-color .2s;position:relative}.stattrak-toggle input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.stattrak-toggle input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.stattrak-toggle input[type=checkbox]:checked:after{transform:translate(18px)}.stattrak-toggle input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.listings-wrapper{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(256px,1fr));align-content:start;display:grid;overflow-y:auto}.pagination-row{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-1) 0;display:flex}.pagination-row .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.pagination-label{font-size:var(--fs-xs);color:var(--fg-muted);text-align:center;min-width:100px}.listing-card{padding:var(--space-3);cursor:pointer;flex-direction:column;gap:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;overflow:visible}.listing-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.skin-img-wrap{background:var(--surface);border-radius:var(--radius);place-items:center;width:100%;height:150px;display:grid;overflow:visible}.skin-img-wrap img{object-fit:contain;width:100%;height:100%;transform:none}.skin-img-placeholder{color:var(--fg-subtle);font-size:var(--fs-sm)}.listing-info-overlay{margin-top:calc(-1 * var(--space-3));z-index:1;background:color-mix(in srgb, var(--surface) 55%, transparent);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:var(--radius);padding:var(--space-2);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(1px);flex-direction:column;flex:1;gap:6px;display:flex;position:relative}.listing-info-overlay .price-row{margin-top:auto}.listing-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.skin-name{font-size:var(--fs-md);font-weight:var(--fw-semibold);white-space:nowrap;text-overflow:ellipsis;color:var(--fg);overflow:hidden}.weapon-type{font-size:10px;font-weight:var(--fw-semibold);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:var(--tracking-meta);margin-top:2px}.badge{height:22px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.badge-blue{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.badge-green{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.badge-amber{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.badge-red{background:var(--destructive-bg);color:var(--destructive);border-color:var(--destructive-border)}.badge-neutral{background:var(--surface-muted);color:var(--fg-muted);border-color:var(--border)}.price-row{align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);display:flex}.price-item{text-align:center;border-radius:var(--radius);flex:1}button.price-item{color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:4px 6px;transition:background-color .14s,border-color .14s}button.price-item:hover{background:var(--accent);border-color:var(--info-border)}button.price-item:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.price-label{font-size:10px;font-weight:var(--fw-semibold);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:var(--tracking-meta);margin-bottom:3px;display:block}.price-value{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--fg);font-variant-numeric:tabular-nums}.price-value.price-cheaper{color:var(--success)}.price-value.price-expensive{color:var(--fg-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.price-divider{background:var(--border);width:1px;height:28px}.percent-diff{text-align:center;border-radius:var(--radius);min-width:58px;font-size:var(--fs-xs);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;border:1px solid #0000;padding:4px 8px}.percent-diff-pills{flex-direction:column;flex:none;align-items:stretch;gap:3px;width:max-content;display:flex}.percent-diff-pills .percent-diff{display:block}.percent-diff.positive{background:var(--destructive-bg);color:var(--destructive);border-color:var(--destructive-border)}.percent-diff.negative{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.percent-diff.neutral{background:var(--surface-muted);color:var(--fg-muted);border-color:var(--border)}.empty-state-wrapper{text-align:center;padding:var(--space-12) var(--space-5);color:var(--fg-muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);grid-column:1/-1}.empty-icon{margin-bottom:var(--space-3);opacity:.5;color:var(--fg-subtle);display:inline-flex}.empty-state-wrapper h3{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--fg);margin-bottom:var(--space-1)}.empty-state-wrapper p{font-size:var(--fs-sm);color:var(--fg-muted)}.error-state{padding:var(--space-6);background:var(--destructive-bg);border:1px solid var(--destructive-border);border-radius:var(--radius-lg);text-align:center;color:var(--destructive)}.tab-view{display:none}.tab-view.active{display:block}.alerts-page-header{margin-bottom:var(--space-5)}.alerts-page-header h2{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-1)}.alerts-page-header p{color:var(--fg-muted);font-size:var(--fs-sm);margin:0}.card-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.form-row{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.alerts-grid{gap:var(--space-3);flex-direction:column;display:flex}.alert-card{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-5);transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.alert-card:hover{border-color:var(--fg-subtle);box-shadow:var(--shadow);transform:translateY(-1px)}.alert-card-info{flex:1;min-width:0}.alert-card-info h3{margin:0 0 var(--space-2);font-size:var(--fs-base);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);color:var(--fg)}.alert-card-info p{font-size:var(--fs-xs);color:var(--fg-muted);margin:0}.alert-meta-row{margin-bottom:var(--space-2);flex-wrap:wrap;gap:6px;display:flex}.alert-pill{background:var(--surface-muted);color:var(--fg-muted);border:1px solid var(--border);font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.alert-pill svg{opacity:.7}.alert-pill--matches{background:var(--info-bg);color:var(--primary);border-color:var(--info-border)}.alert-pill--matches svg{opacity:1}.alert-blacklist{color:var(--destructive);margin-top:var(--space-1);font-size:var(--fs-xs)}.match-count{color:var(--primary);font-weight:var(--fw-semibold)}.alert-card-actions{flex-shrink:0;gap:6px;display:flex}.btn{height:32px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;align-items:center;gap:var(--space-2);transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--surface-muted);border-color:var(--fg-subtle)}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn-danger{height:32px;padding:0 var(--space-3);border:1px solid var(--destructive-border);border-radius:var(--radius);background:var(--surface);color:var(--destructive);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;align-items:center;gap:var(--space-2);transition:background .15s,border-color .15s;display:inline-flex}.btn-danger:hover{background:var(--destructive-bg);border-color:var(--destructive)}.blacklist-tags{margin-top:var(--space-2);flex-wrap:wrap;gap:6px;display:flex}.blacklist-tag{background:var(--accent);color:var(--primary);border:1px solid var(--info-border);font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:999px;align-items:center;gap:6px;padding:3px 4px 3px 10px;display:inline-flex}.blacklist-tag button{background:var(--info-bg);cursor:pointer;color:inherit;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:inline-flex}.blacklist-tag button:hover{background:var(--info-border)}.blacklist-tag--readonly{padding:3px 10px}.alert-listing-card{cursor:default}.alert-listing-card:hover{border-color:var(--fg-subtle);box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}.alert-img-placeholder{width:100%;height:100%;color:var(--fg-subtle);justify-content:center;align-items:center;display:inline-flex}.alert-match-badge{background:var(--info-bg);color:var(--primary);font-size:var(--fs-xs);font-weight:var(--fw-bold);border:1px solid var(--info-border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.alert-blacklist-row{gap:var(--space-1);border-top:1px dashed var(--border);flex-direction:column;padding-top:6px;display:flex}.alert-blacklist-label{font-size:10px;font-weight:var(--fw-semibold);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:var(--tracking-meta)}.alert-blacklist-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.alert-listing-card .alert-card-actions{padding-top:var(--space-2);border-top:1px solid var(--border);gap:var(--space-1)}.alert-listing-card .alert-card-actions .btn,.alert-listing-card .alert-card-actions .btn-danger{flex:1;justify-content:center;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:11px;display:inline-flex}.alert-listing-card--expandable{cursor:pointer}.alert-listing-card--expandable:hover{border-color:var(--primary)}.alert-listing-card--expanded{border-color:var(--primary);box-shadow:var(--shadow)}.alert-match-badge-chevron{margin-left:2px;transition:transform .15s}.alert-match-badge-chevron.is-open{transform:rotate(180deg)}.alert-matches-panel{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;grid-column:1/-1;display:flex}.alert-matches-panel-header{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-meta);color:var(--fg-muted);justify-content:space-between;align-items:center;display:flex}.alert-matches-panel-title{font-weight:var(--fw-semibold);color:var(--primary);align-items:center;gap:6px;display:inline-flex}.alert-matches-panel-meta{color:var(--fg-subtle)}.alert-matches-panel-error{font-size:var(--fs-xs);color:var(--destructive)}.alert-matches-panel-empty{font-size:var(--fs-sm);color:var(--fg-subtle);padding:var(--space-2) 0}.alert-matches-panel .listings-wrapper{overflow-y:visible}.skin-search-wrap,.blacklist-search-wrap{position:relative}.filter-sidebar .filter-card,.alert-create{overflow:visible}.suggestions-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:200;max-height:min(220px,36vh);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto}.suggestion-item{text-align:left;width:100%;color:var(--fg);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px;display:block}.skin-name,.stat-value,.alerts-page-header h2,.alert-card-info h3{color:#e8eaf0}.suggestion-item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);color:var(--fg);cursor:pointer;background:0 0;border:none;display:block}.suggestion-item:hover{color:var(--fg);background:#7676801f}.cooldown-banner{top:var(--space-3);z-index:50;background:var(--destructive-bg);border:1px solid var(--destructive-border);color:var(--destructive);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);box-shadow:var(--shadow);pointer-events:none;flex-direction:column;gap:4px;max-width:280px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.cooldown-banner-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-meta);opacity:.85}.cooldown-banner-row{gap:var(--space-2);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:baseline;display:grid}.cooldown-banner-source{font-weight:var(--fw-bold)}.cooldown-banner-detail{color:var(--fg-muted);font-weight:var(--fw-medium)}.cooldown-banner-eta{font-weight:var(--fw-bold)}@media (width<=768px){.cooldown-banner{max-width:calc(100vw - 24px);top:60px}}.mobile-nav-toggle,.sidebar-mobile-close,.mobile-nav-backdrop{display:none}@media (width<=1024px){.content-layout{grid-template-columns:minmax(0,1fr)}.content-layout>*{min-width:0}.results-bar{grid-template-columns:1fr 1fr}.results-bar .stat-card,.results-bar .sort-card{grid-column:auto}}@media (width<=768px){.sidebar{z-index:40;transition:transform .2s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-area{margin-left:0}.form-row,.results-bar{grid-template-columns:1fr}.main-content{padding:56px var(--space-5) var(--space-5)}.listings-wrapper{gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.listings-wrapper>*{min-width:0}html,body{overflow-x:hidden}.mobile-nav-toggle{top:var(--space-3);left:var(--space-3);z-index:30;border-radius:var(--radius);background:var(--surface);width:40px;height:40px;color:var(--fg);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:fixed}.mobile-nav-backdrop{z-index:35;background:#00000073;display:block;position:fixed;inset:0}.sidebar-mobile-close{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--sidebar-fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}.sidebar-mobile-close:hover{background:var(--sidebar-hover)}.input-field,.input-select,.sort-select,textarea{font-size:16px}.price-row{align-items:stretch;gap:var(--space-1);flex-direction:column}.price-row .price-divider{display:none}.price-item{min-width:0}.price-item .price-value{font-size:var(--fs-md)}}.sticker-wrap{display:inline-flex;position:relative}.sticker-img{object-fit:contain;background:var(--surface-muted);border-radius:var(--radius-sm);width:32px;height:24px;display:block}.sticker-tooltip--portal{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);pointer-events:none;z-index:9999;box-shadow:var(--shadow-lg);white-space:normal;word-break:break-word;flex-direction:column;max-width:min(280px,100vw - 16px);padding:6px 10px;font-size:11px;line-height:1.35;animation:60ms ease-out sticker-tooltip-in;display:flex;position:fixed;transform:translate(-50%)}@keyframes sticker-tooltip-in{0%{opacity:0}to{opacity:1}}.sticker-tooltip-name{color:var(--fg);font-weight:var(--fw-semibold)}.sticker-tooltip-meta{color:var(--fg-muted);margin-top:2px}.sticker-tooltip--portal:after{content:"";border:5px solid #0000;border-top-color:var(--surface);filter:drop-shadow(0 1px 0 var(--border));position:absolute;top:100%;left:50%;transform:translate(-50%)}.ui-tooltip-wrap{display:contents}.ui-tooltip{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);pointer-events:none;z-index:9999;box-shadow:var(--shadow-lg);white-space:normal;word-break:break-word;max-width:min(280px,100vw - 16px);padding:6px 10px;font-size:11px;line-height:1.35;animation:60ms ease-out sticker-tooltip-in;position:fixed;transform:translate(-50%)}.ui-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--surface);filter:drop-shadow(0 1px 0 var(--border));position:absolute;top:100%;left:50%;transform:translate(-50%)}.modal-scrim{z-index:1000;padding:var(--space-4);background:#0000008c;place-items:center;animation:.12s ease-out modal-fade-in;display:grid;position:fixed;inset:0}.modal-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;max-width:min(440px,100%);animation:.14s ease-out modal-pop-in;display:flex}.modal-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--fg);margin:0}.modal-message{font-size:var(--fs-md);color:var(--fg-muted);line-height:var(--lh-normal);margin:0}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.toast{bottom:var(--space-6);right:var(--space-6);background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);box-shadow:var(--shadow-lg);z-index:1000;animation:.32s cubic-bezier(.22,1,.36,1) toast-slide-in;position:fixed}.toast--success{border-color:var(--success-border);color:var(--success)}.toast--error{border-color:var(--destructive-border);color:var(--destructive)}.toast.toast--inline{z-index:auto;cursor:pointer;width:100%;animation:.32s cubic-bezier(.22,1,.36,1) toast-slide-down;position:static;bottom:auto;right:auto}.help-text{font-size:var(--fs-xs);color:var(--fg-muted);line-height:var(--lh-normal);margin:0}.divider{border:0;border-top:1px solid var(--border);margin:var(--space-2) 0}.error-state--compact{padding:var(--space-3);font-size:var(--fs-xs);text-align:left}.error-state--compact p{margin:0}.watchlist-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.watchlist-header-title{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--fg);letter-spacing:var(--tracking-tight);align-items:baseline;gap:var(--space-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:inline-flex;overflow:hidden}.watchlist-name{color:var(--fg)}.watchlist-count{color:var(--fg-muted);font-weight:var(--fw-regular);font-size:var(--fs-sm)}.watchlist-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.watchlist-header-actions>button{font-variant-numeric:tabular-nums;justify-content:center;min-width:96px}.add-to-list-wrapper{position:relative}.add-to-list-chevron{opacity:.7;margin-left:auto;padding-left:6px;font-size:10px}.add-to-list-menu{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;max-height:280px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.add-to-list-option{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--fg);font-size:var(--fs-sm);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:8px 10px;transition:background-color .12s;display:flex}.add-to-list-option:hover{background:#7676801f}.add-to-list-option.active{background:#7676802e}.add-to-list-option-count{color:var(--fg-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.watchlist-chevron{color:var(--fg-subtle);transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.watchlist-chevron.expanded{transform:rotate(180deg)}.watchlist{margin:var(--space-3) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.watchlist-row{padding:10px var(--space-3);border-bottom:1px solid var(--border);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:10px;transition:background-color .14s;display:flex}.watchlist-row:last-child{border-bottom:none}.watchlist-row:hover:not(.is-current){background:#7676801f}.watchlist-row.is-current{background:var(--accent)}.watchlist-row .row-main{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex;overflow:hidden}.watchlist-row .row-name{font-weight:var(--fw-medium);color:var(--fg);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}.watchlist-row .row-meta{color:var(--fg-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;flex-shrink:0}.watchlist-row .row-progress{color:var(--primary);flex-shrink:0;font-size:10px}.watchlist-row.is-muted .row-main>:not(.row-eye),.watchlist-row.is-muted>.btn-row{opacity:.5}.btn-danger.btn-row{flex-shrink:0;gap:5px;height:28px;padding:0 10px;font-size:11px}.btn-danger.btn-row:disabled{opacity:.4;cursor:not-allowed}.btn-icon.btn-row{width:28px;height:28px;color:var(--fg-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background-color .14s,color .14s,border-color .14s;display:inline-flex}.btn-icon.btn-row:hover{color:var(--fg);border-color:var(--border);background:#7676801f}.btn-icon.btn-row:disabled{opacity:.4;cursor:not-allowed}.watchlist-empty{margin:var(--space-3) 0 0;font-size:var(--fs-sm);color:var(--fg-muted)}.watchlist-errors{font-size:var(--fs-sm);color:var(--fg-muted);margin-top:10px}.watchlist-errors .err-msg{color:var(--destructive);font-family:var(--font-mono);font-size:11px}.ico-bell{transform-origin:12px 4px;transition:transform .3s ease-out,color .2s}.btn:hover .ico-bell,.btn-primary:hover .ico-bell,.btn-secondary:hover .ico-bell,.btn-danger:hover .ico-bell,.alert-listing-card:hover .ico-bell,.menu-item:hover .ico-bell{animation:.5s ease-out icon-ring}.menu-item:hover .ico-bell{color:var(--destructive)}@keyframes icon-ring{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}50%{transform:rotate(10deg)}80%{transform:rotate(-4deg)}}.ico-lens{transform-box:fill-box;transform-origin:50%;transition:transform .25s ease-out}.btn:hover .ico-lens,.btn-primary:hover .ico-lens,.btn-secondary:hover .ico-lens,.btn-danger:hover .ico-lens,.menu-item:hover .ico-lens{transform:scale(1.1)}.ico-settings-cog{transform-origin:12px 12px;transition:transform .5s ease-out}.btn:hover .ico-settings-cog,.btn-primary:hover .ico-settings-cog,.btn-secondary:hover .ico-settings-cog,.menu-item:hover .ico-settings-cog{transform:rotate(60deg)}.ico-trash-lid{transform-origin:21px 6px;transition:transform .22s ease-out}.btn:hover .ico-trash-lid,.btn-primary:hover .ico-trash-lid,.btn-secondary:hover .ico-trash-lid,.btn-danger:hover .ico-trash-lid{transform:rotate(18deg)}.btn svg,.btn-primary svg,.btn-secondary svg,.btn-danger svg,.menu-item svg,.alert-listing-card svg{overflow:visible}.ico-logout-arrow{transition:transform .25s ease-out}.btn:hover .ico-logout-arrow,.btn-primary:hover .ico-logout-arrow,.btn-secondary:hover .ico-logout-arrow,.btn-danger:hover .ico-logout-arrow{transform:translate(3px)}.ico-plus-h,.ico-plus-v{transform-origin:12px 12px;transition:transform .2s ease-out}.btn:hover .ico-plus-h,.btn-primary:hover .ico-plus-h,.btn-secondary:hover .ico-plus-h,.btn-danger:hover .ico-plus-h{transform:rotate(90deg)}.btn:hover .ico-plus-v,.btn-primary:hover .ico-plus-v,.btn-secondary:hover .ico-plus-v,.btn-danger:hover .ico-plus-v{transform:rotate(180deg)}.ico-send-plane{transform-origin:12px 12px;transition:transform .25s ease-out}.btn:hover .ico-send-plane,.btn-primary:hover .ico-send-plane,.btn-secondary:hover .ico-send-plane,.btn-danger:hover .ico-send-plane{transform:translate(2px,-2px)rotate(8deg)}.ico-sort-l2,.ico-sort-l3{transform-origin:0;transition:transform .25s ease-out}.btn:hover .ico-sort-l2,.btn-primary:hover .ico-sort-l2,.btn-secondary:hover .ico-sort-l2{transform:scaleX(1.3)}.btn:hover .ico-sort-l3,.btn-primary:hover .ico-sort-l3,.btn-secondary:hover .ico-sort-l3{transform:scaleX(1.6)}.ico-list-check{stroke-dasharray:12;stroke-dashoffset:0;transition:stroke-dashoffset .3s ease-out}.btn:hover .ico-list-check,.btn-primary:hover .ico-list-check,.btn-secondary:hover .ico-list-check{animation:.35s ease-out icon-redraw}@keyframes icon-redraw{0%{stroke-dashoffset:12px}to{stroke-dashoffset:0}}.ico-target-mid,.ico-target-bull{transform-origin:12px 12px;transition:transform .25s ease-out}.alert-listing-card:hover .ico-target-mid{transform:scale(1.1)}.alert-listing-card:hover .ico-target-bull{transform:scale(1.4)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}