@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap);:root{--bg:#0f172a;--card:#1e293b;--sidebar:#0b0f1a;--primary:#38bdf8;--text:#f1f5f9;--text-dim:#94a3b8;--red:#fb7185;--green:#34d399;--orange:#fbbf24;--purple:#a78bfa;--teal:#2dd4bf;--border:hsla(0,0%,100%,.08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}.main-content{margin-left:280px;padding:3rem;width:calc(100% - 280px);min-height:100vh}.sidebar{width:280px;background:var(--sidebar);position:fixed;height:100vh;z-index:100;padding:2.5rem 1.5rem;border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{gap:1rem;margin-bottom:3.5rem}.brand,.logo-box{display:flex;align-items:center}.logo-box{width:32px;height:32px;background:var(--primary);color:#000;justify-content:center;font-weight:900;border-radius:6px}.brand-name{font-weight:800;font-size:1.25rem;letter-spacing:1px;color:#fff}.nav-btn{background:none;border:none;color:var(--text-dim);padding:1rem 1.25rem;border-radius:.8rem;cursor:pointer;text-align:left;font-weight:600;transition:.2s;margin-bottom:.5rem;width:100%}.nav-btn.active{background:rgba(56,189,248,.1);color:var(--primary)}.nav-btn:hover:not(.active){background:hsla(0,0%,100%,.03);color:#fff}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border)}.last-sync{font-size:.7rem;color:var(--text-dim);margin-top:.6rem}.top-bar{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:flex-start}.breadcrumb{font-size:.8rem;color:var(--text-dim);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.crumb-link{cursor:pointer;transition:.2s}.crumb-link:hover{color:var(--primary)}.top-bar h1{font-size:2.5rem;font-weight:800;color:#fff}.subtitle{font-size:.95rem;color:var(--text-dim);margin-top:.5rem}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--card);padding:1.75rem;border-radius:1.5rem;border:1px solid var(--border);height:180px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:.3s}.stat-card:hover{transform:translateY(-4px);border-color:hsla(0,0%,100%,.15)}.stat-label{font-size:.8rem;font-weight:700;color:var(--text-dim);display:flex;align-items:center;gap:.5rem}.main-num{font-size:2.4rem;font-weight:800;color:#fff;line-height:1}.main-num .unit{font-size:.85rem;font-weight:400;color:var(--text-dim);margin-left:.25rem}.sub-info{display:flex;align-items:baseline;gap:.5rem;font-size:.9rem}.info-val{font-weight:800;font-size:1.1rem}.blue-theme .info-val{color:var(--primary)}.blue-theme .bar-fill{background:var(--primary)}.red-theme .info-val{color:var(--red)}.red-theme .bar-fill{background:var(--red)}.purple-theme .info-val{color:var(--purple)}.purple-theme .bar-fill{background:var(--purple)}.teal-theme .info-val{color:var(--teal)}.teal-theme .bar-fill{background:var(--teal)}.visual-bar{height:6px;background:hsla(0,0%,100%,.05);border-radius:10px;overflow:hidden}.analysis-grid.secondary{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.analysis-grid.single{margin-bottom:2rem}.chart-legend .dot.purple{background:#818cf8}.chart-legend .dot.blue{background:#a78bfa}.visual-row{display:grid;grid-template-columns:3fr 1fr;gap:1.5rem;margin-bottom:3rem;height:420px}.chart-box{flex:1;position:relative;width:100%;min-height:0}.chart-box.small{height:300px}.chart-box canvas{width:100%!important;height:100%!important}.eye-catching-section{margin-bottom:4rem}.section-header{margin-bottom:1.5rem;display:flex;align-items:baseline;gap:1.25rem}.eye-catching-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.hot-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(56,189,248,.15);border-radius:1.5rem;padding:1.75rem;cursor:pointer;transition:.3s;position:relative}.hot-card:hover{transform:translateY(-6px);border-color:var(--primary)}.hot-tag{position:absolute;top:0;right:0;background:var(--red);color:#fff;font-size:.65rem;font-weight:900;padding:.3rem .8rem;border-bottom-left-radius:.8rem}.hot-name{font-weight:800;color:#fff;font-size:1.05rem;margin-bottom:.6rem;line-height:1.5}.hot-district{font-size:.85rem;color:var(--text-dim);margin-bottom:1.5rem}.hot-price{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.hot-price .price{color:var(--primary);font-weight:800;font-size:1.25rem}.drop-pill{background:rgba(251,113,133,.15);color:var(--red);font-size:.8rem;font-weight:800;padding:.2rem .6rem;border-radius:2rem}.hot-save{color:var(--orange);font-weight:800;font-size:.9rem;margin-bottom:1.25rem}.hot-footer{font-size:.75rem;color:var(--text-dim);border-top:1px solid var(--border);padding-top:1rem}.card{background:var(--card);border-radius:1.5rem;border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;overflow:hidden}.card-header h3{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:1.25rem}.premium-table{width:100%;border-collapse:collapse}.premium-table th{text-align:left;padding:1.25rem 1rem;color:var(--text-dim);font-size:.75rem;font-weight:800;border-bottom:2px solid var(--border)}.premium-table td{padding:1.5rem 1rem;border-bottom:1px solid var(--border)}.price-flow{display:flex;align-items:center;gap:.8rem}.current-price{color:var(--primary);font-weight:800;font-size:1.15rem}.old-price{color:var(--text-dim);opacity:.5;font-size:.85rem}.trend-tag{color:var(--red);background:rgba(251,113,133,.1);padding:.2rem .6rem;border-radius:.5rem;font-weight:800;font-size:.8rem}.btn-primary{background:var(--primary);color:#000;border:none;padding:.8rem 1.5rem;border-radius:.8rem;font-weight:800;cursor:pointer;transition:.2s}.btn-outline{background:none;border:1px solid var(--border);color:#fff;padding:.6rem 1.2rem;border-radius:.8rem;cursor:pointer;font-size:.8rem;font-weight:700}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-xs{padding:.4rem .8rem;font-size:.75rem;border-radius:.5rem}.clickable-row{cursor:pointer;transition:background .18s}.clickable-row:hover{background:rgba(56,189,248,.05)}.name-link{color:#fff;font-weight:700;transition:color .18s;display:flex;align-items:center;gap:.4rem}.clickable-row:hover .name-link,.name-arrow{color:var(--primary)}.name-arrow{font-size:.9rem;opacity:0;transform:translateX(-4px);transition:opacity .18s,transform .18s}.clickable-row:hover .name-arrow{opacity:1;transform:translateX(0)}.custom-select{background:var(--card);color:var(--text);border:1px solid var(--border);padding:.6rem 2rem .6rem 1rem;border-radius:.6rem;font-size:.85rem;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;transition:.2s}.custom-select:focus,.custom-select:hover{border-color:var(--primary)}.custom-select option,.search-box{background:var(--card);color:var(--text)}.search-box{border:1px solid var(--border);padding:.65rem 1rem;border-radius:.6rem;font-size:.85rem;outline:none;width:100%;transition:.2s}.search-box:focus{border-color:var(--primary)}.search-box::-moz-placeholder{color:var(--text-dim)}.search-box::placeholder{color:var(--text-dim)}.btn-clear-filter{background:rgba(251,113,133,.1);color:var(--red);border:1px solid rgba(251,113,133,.25);padding:.6rem 1rem;border-radius:.6rem;cursor:pointer;font-size:.8rem;font-weight:700;transition:.2s;white-space:nowrap}.btn-clear-filter:hover{background:rgba(251,113,133,.2)}.header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.district-selector{display:flex;align-items:center;gap:.5rem}.selector-label{font-size:.85rem;color:var(--text-dim);white-space:nowrap}.title-section{display:flex;flex-direction:column}.main-title-row{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.crumb-sep{opacity:.4}.crumb-item{color:var(--text)}.stat-value{display:flex;flex-direction:column;gap:.4rem}.info-label{font-size:.75rem;color:var(--text-dim)}.dashboard-grid{display:flex;flex-direction:column}.section-header h3{font-size:1.25rem;font-weight:800;color:#fff}.algo-tip,.chart-legend{font-size:.75rem;color:var(--text-dim)}.chart-legend{display:flex;gap:1rem;align-items:center}.chart-legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:.3rem}.chart-legend .dot.green{background:var(--green)}.chart-legend .dot.red{background:var(--red)}.card-header.compact{padding-bottom:0}.card.no-padding{padding:0}.card.no-padding .card-header{padding:1.5rem 1.5rem .5rem}.card.no-padding .chart-box{padding:0 1rem 1rem}.filter-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 2rem}.filter-group{display:flex;flex-direction:column;gap:.45rem}.filter-group label{font-size:.7rem;color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.filter-group .custom-select{width:100%}.list-container{display:flex;flex-direction:column;gap:1.5rem}.badge-btn{background:rgba(56,189,248,.1);color:var(--primary);border:1px solid rgba(56,189,248,.2);padding:.3rem .7rem;border-radius:.5rem;cursor:pointer;font-size:.75rem;font-weight:700;display:inline-block;transition:.2s;white-space:nowrap}.badge-btn:hover{background:rgba(56,189,248,.2)}.day-badge{padding:.3rem .7rem;border-radius:.5rem;font-size:.75rem;font-weight:700;display:inline-block;white-space:nowrap}.day-badge.hot{background:rgba(251,113,133,.15);color:var(--red)}.day-badge.normal{background:rgba(148,163,184,.1);color:var(--text-dim)}.property-cell .name{color:#fff;font-weight:700;margin-bottom:.25rem}.property-cell .meta{color:var(--text-dim);font-size:.8rem}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.back-row{margin-bottom:1rem}.info-left{flex:1}.info-left h1{color:#fff;font-size:1.75rem;font-weight:800}.info-right{text-align:right}.text-dim{color:var(--text-dim)}.detail-container{animation:fadeIn .4s ease-out}.detail-header{margin-bottom:2rem}.detail-main-info{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.5rem}.detail-addr{color:var(--text-dim);margin-top:.5rem}.big-price{font-size:3rem;font-weight:800;color:var(--primary);line-height:1}.price-meta{color:var(--red);font-weight:700;margin-top:.5rem;text-align:right}.detail-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:2rem}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0}.spec-item label{display:block;font-size:.75rem;color:var(--text-dim);margin-bottom:.4rem}.spec-item span{font-size:1.1rem;font-weight:700;color:#fff}.full-width-btn{width:100%;margin-top:1rem}.text-red{color:var(--red);font-weight:700}.text-purple{color:var(--purple);font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-tip{cursor:help;color:var(--text-dim);margin-left:4px;font-size:.75rem;position:relative}.info-tip:hover:after{content:attr(data-tip);position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:.75rem 1rem;border-radius:.6rem;font-size:.75rem;white-space:nowrap;z-index:1000;box-shadow:0 10px 30px rgba(0,0,0,.5)}.mobile-nav{display:none}@media (max-width:767px){.sidebar{display:none!important}.main-content{margin-left:0!important;width:100%!important;padding:1.25rem!important;padding-bottom:6rem!important}.top-bar{flex-direction:column;gap:1rem;margin-bottom:1.5rem;align-items:stretch}.top-bar h1{font-size:1.5rem}.header-actions{width:100%}.district-selector{flex:1}.custom-select{width:100%;flex:1}.selector-label{display:none}.card{padding:1.25rem;border-radius:1rem}.stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{height:auto;padding:1.25rem;border-radius:1rem}.main-num{font-size:1.6rem}.info-val{font-size:.9rem}.visual-row{grid-template-columns:1fr!important;height:auto;gap:1rem;margin-bottom:1.5rem}.visual-row .card{height:320px!important;margin-bottom:0}.analysis-grid.secondary{grid-template-columns:1fr;gap:1rem}.chart-box.small{height:260px}.eye-catching-section{margin-bottom:2rem}.eye-catching-grid{grid-template-columns:1fr;gap:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:1rem}.filter-bar{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.premium-table{font-size:.85rem;min-width:100%}.premium-table th{padding:.75rem .5rem;font-size:.7rem}.premium-table td{padding:1rem .5rem}.current-price{font-size:1rem}.price-flow{flex-direction:column;align-items:flex-start;gap:.3rem}.detail-grid{grid-template-columns:1fr!important;gap:1rem}.detail-main-info{flex-direction:column;align-items:flex-start;gap:1rem}.info-right{text-align:left;width:100%}.info-left h1{font-size:1.4rem}.big-price{font-size:2.25rem}.price-meta{text-align:left}.spec-grid{grid-template-columns:1fr 1fr;gap:1rem}.spec-item span{font-size:1rem}.detail-header{padding:1.25rem}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--sidebar);border-top:1px solid var(--border);height:4.5rem;justify-content:space-around;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.m-nav-btn,.mobile-nav{display:flex;align-items:center}.m-nav-btn{background:none;border:none;color:var(--text-dim);font-size:.8rem;font-weight:700;flex-direction:column;padding:.5rem 1rem}.m-nav-btn.active{color:var(--primary)}}