*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#222533;--bg-hover:#2a2e3f;--text-primary:#e4e6eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent:#6366f1;--accent-hover:#818cf8;--green:#22c55e;--green-bg:#22c55e1a;--yellow:#eab308;--yellow-bg:#eab3081a;--red:#ef4444;--red-bg:#ef44441a;--border:#2d3148;--radius:8px;--sidebar-width:220px}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;padding:1.5rem 0;display:flex;position:fixed;top:0;bottom:0;left:0}.logo{border-bottom:1px solid var(--border);padding:0 1.25rem 1.5rem}.logo h1{background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.tagline{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.nav-links{flex-direction:column;gap:.25rem;padding:1rem .75rem;display:flex}.nav-links a{color:var(--text-secondary);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.875rem;text-decoration:none;transition:all .15s;display:flex}.nav-links a:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-links a.active{background:var(--accent);color:#fff}.content{margin-left:var(--sidebar-width);flex:1;max-width:1400px;padding:2rem}.page-header{margin-bottom:1.5rem}.page-header h2{font-size:1.5rem;font-weight:600}.page-header p{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.stat-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.stat-card .value{margin-top:.25rem;font-size:1.5rem;font-weight:700}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}.listing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,transform .15s;overflow:hidden}.listing-card:hover{border-color:var(--accent);transform:translateY(-2px)}.listing-card .image-container{background:var(--bg-primary);width:100%;height:180px;overflow:hidden}.listing-card .image-container img{object-fit:cover;width:100%;height:100%}.listing-card .info{padding:1rem}.listing-card .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:-webkit-box;overflow:hidden}.listing-card .prices{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.listing-card .price{font-weight:600}.listing-card .est-value{color:var(--green);font-weight:600}.deal-badge{border-radius:4px;align-items:center;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.deal-badge.great{background:var(--green-bg);color:var(--green)}.deal-badge.good{background:var(--yellow-bg);color:var(--yellow)}.deal-badge.low{background:var(--red-bg);color:var(--red)}:root{--info:#60a5fa;--info-bg:#60a5fa1f}.deal-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.deal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.deal-card:hover{border-color:var(--bg-hover);transform:translateY(-2px)}.deal-card .photo{color:#3c4658;background:linear-gradient(135deg,#1c2030,#262b3c);justify-content:center;align-items:center;height:104px;display:flex;position:relative;overflow:hidden}.deal-card .photo img{object-fit:cover;width:100%;height:100%}.tier-ribbon{border-radius:20px;padding:.18rem .6rem;font-size:.68rem;font-weight:600;position:absolute;top:10px;left:10px}.tier-green{background:var(--green-bg);color:var(--green)}.tier-yellow{background:var(--yellow-bg);color:var(--yellow)}.tier-red{background:var(--red-bg);color:var(--red)}.tier-info{background:var(--info-bg);color:var(--info)}.deal-card .body{flex-direction:column;flex:1;padding:.8rem .9rem;display:flex}.deal-card .title-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.3rem;margin-bottom:.4rem;font-size:.85rem;line-height:1.35;display:-webkit-box;overflow:hidden}.deal-profit{letter-spacing:-.5px;font-size:1.6rem;font-weight:700;line-height:1.1}.deal-meta{color:var(--text-secondary);margin-top:.1rem;font-size:.75rem}.deal-acts{gap:.4rem;margin-top:.7rem;display:flex}.deal-btn{cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.45rem;font-size:.8rem;transition:all .12s;display:flex}.deal-btn:hover{border-color:var(--bg-hover);color:var(--text-primary)}.deal-btn.keep{background:var(--green-bg);color:var(--green);border-color:#0000}.deal-btn.icon{flex:0 0 36px}.deal-summary{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.45rem;font-size:.72rem;display:-webkit-box;overflow:hidden}@media (width<=768px){.deal-grid{grid-template-columns:1fr}}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-success{background:var(--green);color:#fff}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);margin-bottom:.3rem;font-size:.8rem;display:block}.form-group input,.form-group select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);padding:.6rem .8rem;font-size:.875rem}.form-group input:focus,.form-group select:focus{border-color:var(--accent);outline:none}.progress-bar{background:var(--bg-primary);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar .fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.875rem}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}tr:hover td{background:var(--bg-hover)}.text-green{color:var(--green)}.text-yellow{color:var(--yellow)}.text-red{color:var(--red)}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.gap-1{gap:.5rem}.gap-2{gap:1rem}.items-center{align-items:center}.justify-between{justify-content:space-between}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1024px){:root{--sidebar-width:60px}.sidebar .logo img{width:40px!important;height:40px!important}.nav-links a{justify-content:center;padding:.7rem;font-size:0}.nav-links a svg{font-size:initial}.content{padding:1.5rem 1rem}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.app{flex-direction:column}.sidebar{border-right:none;border-top:1px solid var(--border);z-index:100;background:var(--bg-secondary);flex-direction:row;width:100%;height:auto;padding:0;position:fixed;inset:auto 0 0}.sidebar .logo{display:none}.nav-links{flex-direction:row;justify-content:space-around;gap:0;width:100%;padding:.25rem;overflow-x:auto}.nav-links a{flex-direction:column;flex-shrink:0;gap:.15rem;min-width:0;padding:.4rem .5rem;font-size:.6rem}.nav-links a svg{width:18px;height:18px}.content{max-width:100%;margin-left:0;padding:1rem .75rem 5rem}.stats-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.75rem}.stat-card .value{font-size:1.2rem}.listings-grid{grid-template-columns:1fr}.listing-card .image-container{height:140px}.page-header h2{font-size:1.25rem}.page-header{margin-bottom:1rem}table{font-size:.8rem}th,td{padding:.5rem}}
