:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-bg-subtle: #f3f4f6;--color-border: #e5e7eb;--color-border-focus: #d1d5db;--color-text: #111827;--color-text-sec: #6b7280;--color-text-muted: #9ca3af;--color-orange: #e05c1a;--color-orange-light: #fff4ee;--color-orange-border: #fed7aa;--color-green: #16a34a;--color-green-light: #f0fdf4;--color-red: #dc2626;--color-red-light: #fef2f2;--color-blue: #2563eb;--color-blue-light: #eff6ff;--color-yellow: #d97706;--color-yellow-light: #fffbeb;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .12), 0 8px 24px rgba(0, 0, 0, .06);--shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Mono", "Consolas", "Monaco", monospace;--text-xs: 11px;--text-sm: 12.5px;--text-base: 14px;--text-md: 15.5px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.mono{font-family:var(--font-mono)}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--color-bg)}.main-content{flex:1;overflow-y:auto;padding:22px}.auction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}@media(max-width:768px){.app-shell{flex-direction:column}.auction-grid{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1024px){.auction-grid{grid-template-columns:repeat(2,1fr)}}.sidebar{width:216px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0;padding:var(--space-4)}.sidebar-logo{font-size:18px;font-weight:800;color:var(--color-orange);letter-spacing:-.01em;margin-bottom:var(--space-6)}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;font-size:14px;transition:background .12s,border-color .12s;color:var(--color-text-sec);text-decoration:none}.nav-item.active{background:var(--color-orange-light);border-color:var(--color-orange-border);color:var(--color-orange);font-weight:600}.nav-item:not(.active):hover{background:var(--color-bg)}.nav-item-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.auction-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1.5px solid var(--color-border);box-shadow:var(--shadow-card);cursor:pointer;overflow:hidden;transition:box-shadow .15s,border-color .15s}.auction-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-focus)}.auction-card.compared{border-color:var(--color-orange)}.auction-card-accent-strip{height:3px;background:var(--color-orange)}.auction-card-image{width:100%;height:180px;object-fit:cover;background:var(--color-bg-subtle)}.auction-card-body{padding:var(--space-3) var(--space-4)}.auction-card-title{font-size:var(--text-md);font-weight:700;margin-bottom:var(--space-1);line-height:1.3}.auction-card-subtitle{font-size:var(--text-sm);color:var(--color-text-sec);margin-bottom:var(--space-3)}.auction-card-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-3)}.auction-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4) var(--space-3);border-top:1px solid var(--color-border)}.metric-cell{background:var(--color-bg);border-radius:var(--radius-md);padding:8px 10px;border:1px solid var(--color-border)}.metric-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.metric-value{font-family:var(--font-mono);font-weight:700;font-size:14.5px}.metric-value.bid{color:var(--color-orange)}.metric-value.pred{color:var(--color-blue)}.tag{display:inline-block;background:var(--color-bg-subtle);color:var(--color-text-sec);border-radius:5px;padding:3px 8px;font-size:11.5px;font-weight:500;white-space:nowrap}.tag.green{background:var(--color-green-light);color:var(--color-green)}.tag.orange{background:var(--color-orange-light);color:var(--color-orange)}.tag.red{background:var(--color-red-light);color:var(--color-red)}.tag.blue{background:var(--color-blue-light);color:var(--color-blue)}.tag.yellow{background:var(--color-yellow-light);color:var(--color-yellow)}.reserve-badge{display:inline-block;font-weight:600;font-size:11.5px;padding:3px 10px;border-radius:var(--radius-pill)}.reserve-badge.met{background:var(--color-green-light);color:var(--color-green)}.reserve-badge.not-met{background:var(--color-red-light);color:var(--color-red)}.reserve-badge.unknown{background:var(--color-bg-subtle);color:var(--color-text-muted)}.time-left{font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);padding:3px 8px;border-radius:var(--radius-sm)}.time-left.urgent{background:var(--color-red-light);color:var(--color-red)}.time-left.soon{background:var(--color-orange-light);color:var(--color-orange)}.toggle-track{width:36px;height:20px;border-radius:10px;background:#e5e7eb;position:relative;cursor:pointer;transition:background .2s;border:none;padding:0}.toggle-track.on{background:var(--color-orange)}.toggle-thumb{width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 3px #0003}.toggle-track.on .toggle-thumb{left:18px}.tab-bar{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:16px}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-sec);padding:9px 20px;cursor:pointer;font-size:14px;font-weight:400;text-transform:capitalize;margin-bottom:-1px;transition:color .12s,border-color .12s}.tab-btn.active{color:var(--color-orange);border-bottom-color:var(--color-orange);font-weight:700}.tab-btn:hover:not(.active){color:var(--color-text)}.compare-table{width:100%;border-collapse:collapse;font-size:14px}.compare-table thead tr{background:var(--color-bg);border-bottom:2px solid var(--color-border)}.compare-table thead th{padding:12px 16px;text-align:left;font-weight:600}.compare-table tbody tr:nth-child(2n){background:#fafafa}.compare-table td{padding:9px 16px;border-bottom:1px solid var(--color-border)}.compare-table td.best{background:var(--color-orange-light);color:var(--color-orange);font-family:var(--font-mono);font-weight:800;font-size:15px}.weight-input{width:54px;background:var(--color-orange-light);border:1.5px solid var(--color-orange-border);color:var(--color-orange);padding:5px 8px;border-radius:var(--radius-md);text-align:center;font-family:var(--font-mono);font-size:15px;font-weight:800;outline:none}.weight-input:focus{border-color:var(--color-orange)}.score-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.score-ring-value{position:absolute;font-family:var(--font-mono);font-weight:900}.detail-header{margin-bottom:var(--space-6)}.detail-title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-1)}.detail-subtitle{font-size:var(--text-base);color:var(--color-text-sec)}.detail-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.detail-signals{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.feed-title{font-size:var(--text-xl);font-weight:800}.prefs-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.prefs-section-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4)}.prefs-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.prefs-row:last-child{border-bottom:none}.prefs-label{font-size:var(--text-base)}.prefs-description{font-size:var(--text-sm);color:var(--color-text-sec)}.page-title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-5)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-10);color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--space-10);color:var(--color-text-sec)}.empty-state-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}@media(max-width:768px){.sidebar{width:100%;height:auto;position:fixed;bottom:0;left:0;right:0;flex-direction:row;border-right:none;border-top:1px solid var(--color-border);padding:var(--space-2);z-index:100}.sidebar-logo{display:none}.nav-item{flex:1;justify-content:center;font-size:var(--text-sm)}.main-content{padding-bottom:60px}}