*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f1117;--surface: #1a1d27;--surface-elevated: #1e2130;--border: #2a2d3a;--text: #e4e4e7;--text-dim: #8b8d98;--accent: #3b82f6;--accent-glow: rgba(59,130,246,.15);--purple: #8b5cf6;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "SF Mono", "Cascadia Code", "Consolas", monospace}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh}header{display:flex;align-items:center;gap:16px;padding:12px 24px;background:linear-gradient(135deg,#1a1d27fa,#0f1117fa);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent) 30%,var(--purple) 70%,transparent 100%);opacity:.4}.header-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-logo{flex-shrink:0}header h1{font-size:16px;font-weight:700;white-space:nowrap;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s;line-height:1;padding:4px 8px}.help-btn .help-icon{width:16px;height:16px;border-radius:50%;background:var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.help-btn:hover{color:var(--text);border-color:var(--text-dim)}.info-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:4px;display:inline-flex;align-items:center;transition:color .2s}.info-btn:hover{color:var(--text)}.help-overlay{position:fixed;inset:0;background:#0009;z-index:200;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-overlay.hidden{display:none}.help-modal{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:28px 32px 24px;max-width:480px;width:90%;position:relative;box-shadow:0 20px 60px #00000080}.help-modal-sm{max-width:420px}.help-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--text-dim);font-size:22px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:4px}.help-close:hover{color:var(--text);background:#ffffff0d}.help-title{font-size:17px;font-weight:600;margin:0 0 10px;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-desc{font-size:13px;color:var(--text-dim);line-height:1.6;margin:0 0 14px}.help-section{font-size:12px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.help-list{list-style:none;padding:0;margin:0 0 16px}.help-list li{font-size:13px;color:var(--text-dim);padding:5px 0;line-height:1.5}.help-list li strong{color:var(--text)}.help-footer{font-size:12px;color:var(--text-dim);margin:0}.help-footer a{color:var(--accent);text-decoration:none}.help-footer a:hover{text-decoration:underline}nav{display:flex;gap:4px;flex:1;align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}nav::-webkit-scrollbar{display:none}.nav-sep{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 4px}.nav-btn{background:none;border:none;color:var(--text-dim);font:inherit;font-size:13px;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s;position:relative;white-space:nowrap;flex-shrink:0}.nav-btn:hover{color:var(--text);background:#ffffff0d}.nav-btn.active{color:var(--accent);background:#3b82f61a;font-weight:500}#notification-bell{position:relative;cursor:pointer;padding:6px;font-size:18px;transition:transform .15s}#notification-bell:hover{transform:scale(1.1)}#notification-bell:before{content:"🔔"}#notification-bell.has-unread{animation:notifPulse 10s ease-in-out infinite}@keyframes notifPulse{0%,90%,to{transform:scale(1)}93%{transform:scale(1.15)}96%{transform:scale(1)}}#notification-count{position:absolute;top:0;right:0;background:var(--red);color:#fff;font-size:10px;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center;line-height:1.4;transition:opacity .2s,transform .2s}#notification-count.hidden{display:none}.auth-status{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:var(--surface);border:1px solid var(--border);flex-shrink:0;position:relative}.auth-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .3s}.auth-authenticated{background:var(--green);box-shadow:0 0 6px #22c55e66}.auth-unauthorized{background:var(--red)}.auth-missing{background:var(--text-dim)}.auth-disconnected{background:var(--amber)}.auth-key{font-family:var(--mono);font-size:11px;color:var(--text-dim);letter-spacing:.5px}.auth-gear{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:13px;padding:2px 4px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.auth-gear:hover{color:var(--text);background:#ffffff14}.auth-edit{display:flex;align-items:center;gap:4px}.auth-input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:11px;padding:3px 6px;border-radius:4px;width:140px;outline:none;transition:border-color .15s}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--text-dim);opacity:.6}main{padding:24px;max-width:1400px;margin:0 auto}.welcome-banner{position:relative;width:100%;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--border);text-align:center;font-size:13px;color:var(--text-dim)}.welcome-banner .dismiss{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:18px;padding:0 4px;line-height:1;opacity:.6;transition:opacity .15s}.welcome-banner .dismiss:hover{opacity:1}.tab{display:none;animation:fadeIn .2s ease-out}.tab.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}h2{font-size:18px;font-weight:600;margin-bottom:16px}h3{font-size:14px;font-weight:600;margin-bottom:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:12px;transition:border-color .2s}.card:hover{border-color:#ffffff14}.btn{background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;border:none;padding:8px 16px;border-radius:6px;font:inherit;font-size:13px;cursor:pointer;transition:opacity .15s,transform .1s,box-shadow .2s}.btn:hover{opacity:.9;box-shadow:0 2px 12px #3b82f64d}.btn:active{transform:scale(.98)}.btn-secondary{background:var(--border);color:var(--text);box-shadow:none}.btn-secondary:hover{box-shadow:none;opacity:.85}.btn-sm{padding:4px 10px;font-size:12px}.btn-danger{background:linear-gradient(135deg,var(--red) 0%,#dc2626 100%)}.btn-danger:hover{box-shadow:0 2px 12px #ef44444d}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em}tr:hover td{background:#ffffff05}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.badge-green{background:#22c55e26;color:var(--green)}.badge-red{background:#ef444426;color:var(--red)}.badge-amber{background:#f59e0b26;color:var(--amber)}.badge-blue{background:#3b82f626;color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.stat-card .label{font-size:11px;color:var(--text-dim);text-transform:uppercase;margin-bottom:4px}.stat-card .value{font-size:24px;font-weight:700;font-family:var(--mono)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.form-grid label{display:flex;flex-direction:column;font-size:12px;color:var(--text-dim);gap:4px}input,select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:6px;font:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.form-actions{display:flex;gap:8px}.filters{display:flex;gap:8px;align-items:center}.hidden{display:none!important}.settings-group{margin-bottom:24px}.settings-group h3{text-transform:capitalize;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.settings-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.settings-row label{flex:0 0 200px;font-size:13px}.settings-row input,.settings-row select{flex:1;max-width:400px}.settings-row .help{font-size:11px;color:var(--text-dim)}#notification-panel{position:fixed;right:16px;top:60px;width:360px;max-height:400px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;z-index:200;box-shadow:0 8px 32px #00000080}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.notification-item{padding:8px;border-bottom:1px solid var(--border);font-size:13px}.notification-item .time{font-size:11px;color:var(--text-dim)}.score{font-family:var(--mono);font-weight:700;font-size:16px}.score-high{color:var(--green)}.score-mid{color:var(--amber)}.score-low{color:var(--red)}.test-result{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:6px;margin-bottom:4px;font-size:13px;background:var(--surface);border:1px solid var(--border)}.test-pass{border-left:3px solid var(--green)}.test-fail{border-left:3px solid var(--red)}.test-indicator{font-weight:700;font-size:16px;width:20px;text-align:center}.test-pass .test-indicator{color:var(--green)}.test-fail .test-indicator{color:var(--red)}.test-ms{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--text-dim)}.sync-logs{background:#0d0f14;border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin-bottom:16px;max-height:300px;overflow-y:auto;font-family:var(--mono);font-size:12px;line-height:1.6}.log-line{white-space:pre-wrap;word-break:break-all}.log-ts{color:var(--text-dim);margin-right:8px}.log-info{color:var(--text)}.log-error{color:var(--red)}.links-cell{white-space:nowrap}.link-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:16px;text-decoration:none;color:var(--accent);background:#3b82f614;transition:all .2s}.link-icon:hover{background:#3b82f633;color:#fff;transform:scale(1.05)}.link-external{color:var(--text-dim);background:#ffffff0a}.link-external:hover{color:var(--accent);background:#3b82f626}.xbid-header{margin-bottom:16px}.xbid-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 8px}.xbid-toolbar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-bottom:12px}.xbid-toolbar-group{display:flex;flex-direction:column;gap:4px}.xbid-toolbar-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.xbid-toolbar-select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font:inherit;font-size:12px;min-width:160px}.xbid-toolbar-select:focus{outline:none;border-color:var(--accent)}.xbid-toolbar-input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font:inherit;font-size:12px;width:140px}.xbid-toolbar-input:focus{outline:none;border-color:var(--accent)}.xbid-toolbar-input-sm{width:80px}.xbid-price-range{display:flex;align-items:center;gap:4px}.xbid-range-sep{color:var(--text-dim);font-size:12px}.xbid-filter-pills{display:flex;gap:2px;background:var(--bg);border-radius:6px;padding:2px;border:1px solid var(--border)}.xbid-pill{background:none;border:none;color:var(--text-dim);font:inherit;font-size:12px;padding:4px 12px;border-radius:4px;cursor:pointer;transition:all .15s;font-weight:500}.xbid-pill:hover{color:var(--text);background:#ffffff0d}.xbid-pill.active{background:var(--accent);color:#fff}.xbid-toolbar-actions{justify-content:flex-end;margin-left:auto}.xbid-filter-count{font-size:12px;color:var(--text-dim);margin-bottom:8px;padding-left:4px}.sessions-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.sessions-toolbar-group{display:flex;align-items:center;gap:6px}.sessions-section{margin-bottom:24px}.sessions-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}#version-footer{text-align:center;padding:16px;font-size:11px;color:var(--text-dim);font-family:var(--mono);opacity:.6}.analysis-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.match-analysis{margin-top:4px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.deal-badge{font-weight:600}.analysis-detail .card{border-color:var(--accent);border-left-width:3px}.vision-findings{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.vision-finding{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.vision-finding:last-child{border-bottom:none}.scraper-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.scraper-status-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:16px;position:relative;transition:border-color .15s,background .15s}.scraper-status-clickable{cursor:pointer}.scraper-status-clickable:hover{border-color:var(--accent);background:#3b82f60a}.scraper-status-clickable.expanded{border-color:var(--accent);background:#3b82f60f;border-bottom-left-radius:0;border-bottom-right-radius:0}.status-indicator{display:flex;align-items:center;gap:10px;flex-shrink:0}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.dot-green{background:var(--green);box-shadow:0 0 8px #22c55e80}.dot-red{background:var(--red);box-shadow:0 0 8px #ef444480}.dot-amber{background:var(--amber);box-shadow:0 0 8px #f59e0b80}.status-label{font-size:13px;font-weight:600;white-space:nowrap}.status-detail{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.status-value{font-size:13px;font-weight:500}.status-meta{font-size:11px;color:var(--text-dim)}.status-chevron{color:var(--text-dim);font-size:10px;transition:transform .2s;flex-shrink:0}.scraper-status-clickable.expanded .status-chevron{transform:rotate(180deg)}.status-expand-panel{background:var(--surface);border:1px solid var(--accent);border-top:none;border-radius:0 0 10px 10px;padding:16px 20px;margin-bottom:12px;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.status-expand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-expand-header h4{font-size:13px;font-weight:600;margin:0}.status-expand-empty{font-size:13px;color:var(--text-dim);padding:8px 0}.status-mini-table{font-size:12px}.status-mini-table th{font-size:10px;padding:4px 8px}.status-mini-table td{padding:6px 8px}.login-info{margin-bottom:12px}.login-info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px}.login-info-row:last-child{border-bottom:none}.login-info-label{color:var(--text-dim);font-size:12px}#login-logs{background:#0d0f14;border:1px solid var(--border);border-radius:6px;padding:10px 14px;max-height:250px;overflow-y:auto;font-family:var(--mono);font-size:11px;line-height:1.6}.scraper-info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:16px;margin-bottom:16px}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 16px;text-align:center;transition:border-color .2s,transform .2s}.info-card:hover{border-color:#ffffff14;transform:translateY(-1px)}.info-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.info-value{font-size:22px;font-weight:700;font-family:var(--mono)}.info-value-sm{font-size:14px}.search-progress{margin-bottom:12px}.search-progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.search-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--purple));width:0%;transition:width .5s ease;border-radius:2px}.search-progress-status{margin-top:6px;font-size:11px;color:var(--text-dim)}.search-progress-fade{opacity:0;transition:opacity .5s ease}.search-vehicle-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:8px;display:grid;grid-template-columns:120px 1fr 200px 180px;gap:14px;align-items:center;transition:border-color .2s,box-shadow .2s}.search-vehicle-card:hover{border-color:var(--accent);box-shadow:0 2px 16px #3b82f614}.search-vehicle-img{width:120px;height:80px;object-fit:cover;border-radius:8px;background:var(--bg)}.search-vehicle-img-placeholder{width:120px;height:80px;background:var(--bg);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:11px}.search-vehicle-info{min-width:0}.search-vehicle-title{font-weight:600;font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-vehicle-title a{color:var(--text);text-decoration:none;transition:color .15s}.search-vehicle-title a:hover{color:var(--accent)}.search-vehicle-specs{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-dim);margin-top:4px}.search-vehicle-specs span{display:inline-flex;align-items:center;gap:3px}.search-vehicle-specs span:after{content:"·";margin-left:4px;color:var(--border)}.search-vehicle-specs span:last-child:after{content:"";margin-left:0}.search-vehicle-details{font-size:11px;margin-top:2px}.search-vehicle-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.grade-badge{display:inline-block;font-size:10px;font-weight:600;padding:1px 5px;border-radius:3px;background:var(--bg-card);border:1px solid var(--border)}.reg-plate{font-family:var(--mono);font-weight:600;font-size:11px;padding:0 4px;background:var(--bg-card);border:1px solid var(--border);border-radius:3px;letter-spacing:.5px}.search-vehicle-reports{display:flex;gap:4px;margin-top:4px}.report-link{display:inline-block;font-size:10px;font-weight:600;padding:1px 5px;border-radius:3px;background:var(--bg);color:var(--accent);border:1px solid var(--accent);text-decoration:none;cursor:pointer;transition:all .15s}.report-link:hover{background:var(--accent);color:var(--bg)}.search-auction-info{font-size:12px;text-align:right}.search-auction-type{font-weight:600;margin-bottom:4px}.search-auction-countdown{font-family:var(--mono);font-size:13px;color:var(--amber)}.search-price-area{text-align:right;min-width:0}.search-price-amount{font-family:var(--mono);font-weight:700;font-size:16px}.search-price-label{font-size:11px;color:var(--text-dim);margin-top:2px}.reserve-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;margin-top:4px;text-align:center}.reserve-met{background:var(--green);color:#fff}.reserve-not-met{background:var(--red);color:#fff;opacity:.8}.search-vehicle-actions{display:flex;gap:4px;margin-top:6px;justify-content:flex-end}#sort-bar{display:flex;align-items:center;gap:6px;margin-top:12px;flex-wrap:wrap}.sort-label{font-size:12px;color:var(--text-dim);margin-right:2px}.sort-pill{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);font:inherit;font-size:12px;padding:4px 12px;border-radius:4px;cursor:pointer;transition:all .15s;white-space:nowrap}.sort-pill:hover{color:var(--text);border-color:var(--text-dim)}.sort-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.grade-group{display:flex;flex-direction:column;gap:4px}.form-label-inline{font-size:12px;color:var(--text-dim)}.grade-checks{display:flex;gap:2px}.grade-check{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:4px 8px;cursor:pointer;transition:all .15s;flex-direction:row!important}.grade-check:has(input:checked){background:#3b82f626;border-color:var(--accent);color:var(--accent)}.grade-check input[type=checkbox]{display:none}.search-pagination{display:flex;justify-content:center;gap:4px;margin:16px 0;flex-wrap:wrap}.search-pagination button{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:6px;font:inherit;font-size:13px;cursor:pointer;transition:all .15s}.search-pagination button:hover{border-color:var(--accent);background:#3b82f614}.search-pagination button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.search-pagination button:disabled{opacity:.4;cursor:default}.tracked-car-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin-bottom:8px;display:grid;grid-template-columns:100px 1fr 160px auto;gap:12px;align-items:center}.tracked-car-card:hover{border-color:var(--green)}.tracked-car-notes{font-size:11px;color:var(--text-dim);font-style:italic;margin-top:4px}.auction-tender{color:var(--amber)}.auction-live{color:var(--green)}.auction-fixed{color:var(--accent)}.auction-scheduled,.auction-unknown{color:var(--text-dim)}.ol-auth-warning{font-size:10px;color:var(--amber);background:#f59e0b1f;border:1px solid var(--amber)}.badge-purple{background:#a855f726;color:#a855f7}.accident-icon{color:var(--red);font-size:16px;vertical-align:middle;text-shadow:0 0 6px rgba(239,68,68,.5)}.accident-row{background:#ef44440f!important;border-left:3px solid var(--red)}.accident-row td{border-bottom-color:#ef444426}.accident-row:hover td{background:#ef44441a!important}.accident-banner{background:#ef44441f;border:1px solid rgba(239,68,68,.4);border-left:4px solid var(--red);border-radius:6px;padding:10px 16px;margin:10px 0;font-size:13px;font-weight:600;color:var(--red);display:flex;align-items:center;gap:8px}.accident-banner .accident-icon{font-size:20px}.accident-auction-table{border:1px solid rgba(239,68,68,.25);border-radius:6px}.accident-vehicle-row{border-left:3px solid var(--red)}.accident-vehicle-row td:first-child{position:relative}.price-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:20px}.price-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px;text-align:center;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.price-stat-card:hover{transform:translateY(-2px);border-color:#ffffff1a}.price-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--purple));opacity:.5}.price-stat-card.stat-highlight-green:before{background:var(--green)}.price-stat-card.stat-highlight-red:before{background:var(--red)}.price-stat-card.stat-highlight-amber:before{background:var(--amber)}.price-stat-card.stat-highlight-blue:before{background:linear-gradient(90deg,var(--accent),var(--purple))}.price-stat-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-weight:500}.price-stat-value{font-size:20px;font-weight:700;font-family:var(--mono);letter-spacing:-.02em}.stat-highlight-green .price-stat-value{color:var(--green)}.stat-highlight-red .price-stat-value{color:var(--red)}.stat-highlight-amber .price-stat-value{color:var(--amber)}.stat-highlight-blue .price-stat-value{color:var(--accent)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s}.chart-card:hover{border-color:#ffffff14}.chart-card-wide{grid-column:1 / -1}.chart-card-header{margin-bottom:16px}.chart-card-header h3{font-size:14px;font-weight:600;margin-bottom:2px}.chart-subtitle{font-size:11px;color:var(--text-dim)}.chart-wrapper{position:relative;height:280px}.chart-wrapper-wide{height:360px}#log-viewer{position:fixed;bottom:20px;right:20px;z-index:300}#log-viewer-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;opacity:.5;transition:opacity .25s,background .2s,border-color .2s,box-shadow .3s}#log-viewer-btn:hover{opacity:.85;border-color:var(--text-dim);background:#ffffff0f}#log-viewer.has-logs #log-viewer-btn{opacity:.7}#log-viewer.active #log-viewer-btn{opacity:1;border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #3b82f640;animation:logPulse 2s ease-in-out infinite}#log-viewer.open #log-viewer-btn{opacity:1;border-color:var(--accent);background:#3b82f61a}@keyframes logPulse{0%,to{box-shadow:0 0 8px #3b82f633}50%{box-shadow:0 0 16px #3b82f673}}#log-viewer-dot{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:var(--accent)}#log-viewer.active #log-viewer-dot{background:var(--accent);animation:dotBlink 1s ease-in-out infinite}#log-viewer.has-error #log-viewer-dot{background:var(--red);animation:dotBlink 1.5s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}#log-viewer-panel{position:absolute;bottom:calc(100% + 8px);right:0;width:420px;max-height:380px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #00000080;overflow:hidden;display:flex;flex-direction:column;animation:logPanelIn .15s ease-out}@keyframes logPanelIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.log-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}#log-viewer-title{font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.log-viewer-actions{display:flex;gap:6px}#log-viewer-content{flex:1;overflow-y:auto;padding:10px 14px;font-family:var(--mono);font-size:11px;line-height:1.7;min-height:60px;max-height:320px;background:#0d0f14}#log-viewer-content:empty:after{content:"No activity yet";color:var(--text-dim);font-family:var(--font);font-size:12px}#log-viewer-content .log-line{white-space:pre-wrap;word-break:break-all}#log-viewer-content .log-ts{color:var(--text-dim);margin-right:8px}#log-viewer-content .log-info{color:var(--text)}#log-viewer-content .log-error{color:var(--red)}#log-viewer-content .log-success{color:var(--green)}#log-viewer-content .log-label{color:var(--accent);font-weight:600;font-size:11px;padding:6px 0 2px;border-top:1px solid rgba(255,255,255,.04);margin-top:4px}#log-viewer-content .log-label:first-child{border-top:none;margin-top:0;padding-top:0}.recent-searches-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden}.recent-searches-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border)}.recent-searches-title{font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.recent-searches-list{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.recent-searches-list::-webkit-scrollbar{height:4px}.recent-searches-list::-webkit-scrollbar-track{background:transparent}.recent-searches-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.recent-search-chip{display:flex;flex-direction:column;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 14px;min-width:180px;max-width:260px;flex-shrink:0;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.recent-search-chip:hover{border-color:var(--accent);background:#3b82f60a}.recent-search-chip-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px}.recent-search-chip-details{display:flex;flex-wrap:wrap;gap:4px}.recent-search-chip-tag{font-size:10px;color:var(--text-dim);background:#ffffff0a;padding:1px 6px;border-radius:3px;white-space:nowrap}.recent-search-chip-meta{font-size:10px;color:var(--text-dim);white-space:nowrap}.recent-search-chip-actions{position:absolute;top:6px;right:6px;display:flex;gap:2px;opacity:0;transition:opacity .15s}.recent-search-chip:hover .recent-search-chip-actions{opacity:1}.recent-search-chip-action{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;padding:2px 4px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.recent-search-chip-action:hover{color:var(--text);background:#ffffff14}.recent-search-chip-action.track-action:hover{color:var(--green)}.recent-search-chip-action.remove-action:hover{color:var(--red)}@media(max-width:768px){header{flex-wrap:wrap;padding:8px 12px}nav{order:3;width:100%;overflow-x:auto}main{padding:12px}.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.scraper-status-row{grid-template-columns:1fr}.scraper-info-row{grid-template-columns:1fr 1fr}.search-vehicle-card,.tracked-car-card{grid-template-columns:1fr}.xbid-toolbar{gap:10px}.xbid-toolbar-group{width:100%}.xbid-toolbar-select{width:100%;min-width:0}.xbid-toolbar-input{width:100%}.xbid-toolbar-input-sm{width:calc(50% - 10px)}.xbid-toolbar-actions{margin-left:0}#log-viewer-panel{width:calc(100vw - 40px);right:0}.recent-search-chip{min-width:160px}.recent-search-chip-actions{opacity:1}.charts-grid{grid-template-columns:1fr}.chart-wrapper{height:240px}.chart-wrapper-wide{height:300px}.price-stats-row{grid-template-columns:repeat(2,1fr)}.price-stat-value{font-size:16px}}@media(max-width:480px){.price-stats-row{grid-template-columns:1fr}}.batch-panel{position:fixed;top:0;right:-400px;width:380px;height:100vh;background:var(--surface);border-left:1px solid var(--border);z-index:250;display:flex;flex-direction:column;box-shadow:-8px 0 32px #0006;transition:right .3s ease}.batch-panel-open{right:0}.batch-panel-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.batch-panel-title{font-size:14px;font-weight:600;flex:1}.batch-counter{font-size:12px;font-family:var(--mono);color:var(--text-dim)}.batch-progress-bar{height:3px;background:var(--border);flex-shrink:0}.batch-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--purple));width:0%;transition:width .4s ease}.batch-panel-body{flex:1;overflow-y:auto;padding:8px}.batch-card{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;margin-bottom:4px;font-size:13px;background:var(--bg);border:1px solid var(--border);transition:border-color .2s,background .2s;flex-wrap:wrap}.batch-card-title{font-weight:600;font-family:var(--mono);font-size:12px}.batch-status-queued{opacity:.5}.batch-status-active{border-color:var(--accent);background:#3b82f60f}.batch-status-done{border-color:var(--green);border-left:3px solid var(--green)}.batch-status-error{border-color:var(--red);border-left:3px solid var(--red)}.batch-status-cancelled{opacity:.4;text-decoration:line-through}.batch-status-label{font-size:11px;color:var(--text-dim)}.batch-error-label{color:var(--red);font-weight:700}.batch-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:batchSpin .8s linear infinite}@keyframes batchSpin{to{transform:rotate(360deg)}}.batch-tags{display:flex;gap:4px;flex-wrap:wrap}.tag-chip{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;background:#8b5cf626;color:#a855f7}.batch-loading{text-align:center;padding:24px;color:var(--text-dim);font-size:13px}.batch-error{text-align:center;padding:24px;color:var(--red);font-size:13px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:12px}.settings-card h3{font-size:13px;font-weight:600;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.form-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.form-row label{flex:0 0 220px;font-size:13px;color:var(--text-dim)}.form-row input,.form-row select{flex:1;max-width:300px}.save-status{font-size:12px;margin-left:12px;color:var(--green)}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;border:none;padding:8px 16px;border-radius:6px;font:inherit;font-size:13px;cursor:pointer}.btn-primary:hover{opacity:.9;box-shadow:0 2px 12px #3b82f64d}@media(max-width:768px){.batch-panel{width:100%;right:-100%}.form-row{flex-direction:column;align-items:flex-start;gap:4px}.form-row label{flex:none}.form-row input,.form-row select{max-width:100%;width:100%}}.ss-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}#auth-banner{display:flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(135deg,#ef44441f,#ef44440f);border-bottom:1px solid rgba(239,68,68,.3);animation:bannerSlide .25s ease-out;z-index:200}@keyframes bannerSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-banner-icon{font-size:18px;color:var(--red);flex-shrink:0}.auth-banner-text{flex:1;font-size:13px;color:var(--text)}.auth-banner-hint{font-size:12px;color:var(--text-dim);font-family:var(--mono)}#auth-banner-dismiss{padding:4px 8px;font-size:14px;line-height:1}#auth-key-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:300;animation:fadeIn .2s ease-out}.auth-key-dialog{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 8px 32px #0006;animation:dialogSlide .2s ease-out}@keyframes dialogSlide{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-key-dialog h3{font-size:16px;margin-bottom:8px}.auth-key-desc{font-size:13px;color:var(--text-dim);margin-bottom:16px}.auth-key-hint{font-size:13px;color:var(--text);font-family:var(--mono);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 12px;margin-bottom:16px;text-align:center}.auth-key-dialog .auth-input{width:100%;font-family:var(--mono);font-size:13px;padding:8px 12px;margin-bottom:16px}.auth-key-actions{display:flex;gap:8px}.auth-key-error{font-size:12px;color:var(--red);margin-top:8px}.ss-resource-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.ss-resource-value{font-size:20px;font-weight:700;font-family:var(--mono);margin-bottom:4px}.ss-resource-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.ss-progress{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.ss-progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.ss-log-container{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px;margin-top:12px;max-height:400px;overflow-y:auto;font-family:var(--mono);font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.ss-log-toolbar{display:flex;gap:8px;align-items:center}.ss-actions{display:flex;gap:12px}@media(max-width:768px){.ss-resources{grid-template-columns:1fr}}.help-label{font-size:11px;color:inherit}.search-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px;min-height:320px}.search-empty-title{font-size:22px;font-weight:600;color:var(--text);margin:0 0 8px}.search-empty-desc{font-size:14px;color:var(--text-dim);margin:0 0 24px;max-width:480px}.search-empty-desc strong{color:var(--text);font-weight:500}.search-empty-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.search-empty-label{font-size:12px;color:var(--text-dim, #64748b);text-transform:uppercase;letter-spacing:.04em}.search-chip{display:inline-block;padding:6px 16px;font-size:13px;font-weight:500;color:var(--text);background:var(--surface-elevated);border:1px solid var(--border, #334155);border-radius:999px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.search-chip:hover{background:var(--accent);border-color:var(--accent);color:#fff}.search-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px 40px;min-height:340px}.search-hero-title{font-size:26px;font-weight:700;color:var(--text);margin:0 0 32px;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-hero-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:820px;width:100%;margin-bottom:28px}.search-hero-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .2s,transform .15s,box-shadow .2s}.search-hero-card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.search-hero-icon{font-size:28px;line-height:1;margin-bottom:4px}.search-hero-card-title{font-size:15px;font-weight:600;color:var(--text)}.search-hero-card-desc{font-size:12px;color:var(--text-dim);line-height:1.5;max-width:200px}.search-hero-examples{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:4px}.search-hero-example{display:inline-block;padding:4px 12px;font-size:12px;font-weight:500;color:var(--accent);background:var(--accent-glow);border:1px solid rgba(59,130,246,.2);border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.search-hero-example:hover{background:var(--accent);border-color:var(--accent);color:#fff}.search-hero-hint{font-size:12px;color:var(--text-dim);opacity:.6;animation:search-hero-pulse 2s ease-in-out infinite}@keyframes search-hero-pulse{0%,to{opacity:.4}50%{opacity:.8}}@media(max-width:768px){.search-hero-cards{grid-template-columns:1fr;max-width:360px}.search-hero{padding:32px 16px 28px;min-height:auto}.search-hero-title{font-size:22px;margin-bottom:24px}}.home-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 24px 40px}.home-hero-title{font-size:32px;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero-subtitle{font-size:15px;color:var(--text-dim);margin:0 0 32px;max-width:520px;line-height:1.5}.home-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:820px;width:100%}.home-action-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:var(--text);transition:border-color .2s,transform .15s,box-shadow .2s}.home-action-card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.home-action-icon{color:var(--accent);margin-bottom:2px}.home-action-title{font-size:15px;font-weight:600;color:var(--text)}.home-action-desc{font-size:12px;color:var(--text-dim);line-height:1.5;max-width:200px}.home-status-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 24px 24px}.home-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.home-card-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.home-card-value{font-size:16px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.home-card-sub{display:block;margin-top:8px;font-size:11px;color:var(--text-dim)}.home-section{padding:20px 24px;border-top:1px solid var(--border)}.home-section-title{font-size:14px;font-weight:600;color:var(--text);margin:0 0 12px;text-transform:uppercase;letter-spacing:.03em}.home-recent-list{display:flex;flex-direction:column;gap:6px}.home-recent-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s}.home-recent-item:hover{border-color:var(--accent);background:var(--accent-glow)}.home-recent-label{font-size:13px;color:var(--text);font-weight:500}.home-recent-time{font-size:11px;color:var(--text-dim);white-space:nowrap}.home-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0;text-align:center}.home-empty p{font-size:13px;color:var(--text-dim);margin:0}.home-checklist{margin-top:0}.home-checklist-hint{font-size:12px;color:var(--text-dim);margin:0 0 16px}.home-checklist-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.home-checklist-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.home-checklist-item:hover{border-color:var(--accent);background:var(--accent-glow)}.home-checklist-item.done{opacity:.5}.home-checklist-item.done:hover{opacity:.7}.home-checklist-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;color:var(--green);transition:border-color .2s}.home-checklist-item.done .home-checklist-check{border-color:var(--green);background:#22c55e26}.home-checklist-label{flex:1;font-size:13px;color:var(--text);font-weight:500}.home-checklist-item.done .home-checklist-label{text-decoration:line-through;color:var(--text-dim)}.home-checklist-action{font-size:12px;color:var(--accent);font-weight:500}@media(max-width:768px){.home-actions{grid-template-columns:1fr;max-width:360px}.home-status-bar{grid-template-columns:1fr;margin:0 16px 16px}.home-hero{padding:32px 16px 28px}.home-hero-title{font-size:24px}.home-section{padding:16px}}.search-context-hint{font-size:12px;color:var(--text-dim);margin:0 0 12px;line-height:1.5}#login-overlay{position:fixed;inset:0;z-index:10000;background:var(--bg);display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:380px;padding:40px 32px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.login-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.login-logo h2{font-size:20px;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg);border-radius:8px;padding:4px}.login-tab{flex:1;padding:8px;border:none;background:transparent;color:var(--text-dim);font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s}.login-tab:hover{color:var(--text)}.login-tab.active{background:var(--surface-elevated);color:var(--text);box-shadow:0 1px 3px #0000004d}.login-form{display:flex;flex-direction:column;gap:12px}.login-form input[type=text],.login-form input[type=password]{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s}.login-form input:focus{border-color:var(--accent)}.remember-me{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);cursor:pointer}.login-btn{width:100%;padding:10px;margin-top:4px}.login-error{font-size:13px;color:var(--red);text-align:center;margin-top:8px}.user-menu{display:flex;align-items:center;gap:4px;position:relative}.user-menu-username{font-size:13px;color:var(--text-dim)}.user-menu-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px 4px;font-size:10px}.user-menu-panel{position:absolute;top:100%;right:0;margin-top:8px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:12px;min-width:160px;box-shadow:0 4px 12px #0006;z-index:200;display:flex;flex-direction:column;gap:8px}.user-menu-role{font-size:12px;color:var(--text-dim);padding:4px 8px;background:var(--bg);border-radius:4px;text-align:center;text-transform:capitalize}