:root{color-scheme:dark;--bg:#07101f;--panel:#101d32;--panel2:#162641;--line:#253a5a;--text:#f8fafc;--muted:#94a9c6;--blue:#60a5fa;--green:#34d399;--amber:#fbbf24;--red:#fb7185}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% -10%,#173766 0,transparent 35%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(20px + env(safe-area-inset-top)) 20px 12px;position:sticky;top:0;z-index:10;background:rgba(7,16,31,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,169,198,.12)}
h1{font-size:28px;line-height:1.1;margin:3px 0 0}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--blue);font-weight:800;margin:0}.page{padding:14px 14px 30px;max-width:1040px;margin:auto}
.status-panel,.filters{background:rgba(16,29,50,.92);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--amber);margin-right:8px;box-shadow:0 0 14px currentColor}.status-dot.running{background:var(--green)}.status-dot.error{background:var(--red)}.small{font-size:12px}.muted{color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0}.stats article{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:15px;padding:13px}.stats span{display:block;color:var(--muted);font-size:11px;min-height:28px}.stats strong{display:block;font-size:21px;margin-top:4px}
.view-tabs{display:flex;gap:7px;overflow-x:auto;margin:10px 0;padding-bottom:2px}.view-tabs button,.quick-actions button,.compare-bar button{border:1px solid var(--line);background:var(--panel2);color:#dbeafe;border-radius:11px;padding:10px 12px;font-weight:750;white-space:nowrap}.view-tabs button.active,.quick-actions button.selected{background:#167448;color:#fff;border-color:#22a363}
.filters{position:sticky;top:92px;z-index:8;margin-bottom:12px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#0b1729;color:var(--text);padding:12px;font-size:15px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(96,165,250,.14)}.filters input{flex:1.3}.filters select{flex:1}
.listing-grid{display:grid;gap:12px}.listing-card{display:grid;grid-template-columns:104px 1fr;background:linear-gradient(145deg,rgba(22,38,65,.97),rgba(13,26,46,.97));border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.16)}.listing-card img,.image-placeholder{width:104px;height:138px;object-fit:cover;background:#0b1729}.image-placeholder{display:grid;place-items:center;font-size:31px}.listing-content{padding:12px;min-width:0}.title-line{display:flex;align-items:flex-start;gap:8px}.listing-title{flex:1;font-size:15px;line-height:1.3;margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.favorite-button{border:0;background:transparent;color:#526783;font-size:25px;line-height:1;padding:0}.favorite-button.active{color:var(--amber);text-shadow:0 0 15px rgba(251,191,36,.45)}.score{flex:0 0 48px;height:48px;border:2px solid var(--amber);border-radius:50%;display:grid;place-content:center;text-align:center;color:#fde68a;line-height:1}.score strong{font-size:17px}.score small{font-size:9px}.score.score-good{border-color:var(--green);color:#86efac}.score.score-bad{border-color:var(--red);color:#fda4af}
.source-chip{font-size:10px;color:#c9dcf6}.urgent-chip{display:inline-block;margin-left:7px;padding:4px 7px;border-radius:8px;background:linear-gradient(135deg,#b91c1c,#f97316);color:#fff;font-size:9px;font-weight:900;letter-spacing:.03em}.meta{font-size:12px;color:#bfd3ef;margin:3px 0}.facts{font-size:10px;line-height:1.35;color:#8fb4e6;margin:6px 0}.price-row{display:flex;justify-content:space-between;align-items:end;gap:8px;margin-top:9px}.price{font-size:20px;font-weight:800}.badge{font-size:10px;font-weight:800;border-radius:999px;padding:5px 8px;background:#243752;color:#dbeafe;white-space:nowrap}.badge.good{background:rgba(52,211,153,.14);color:#86efac}.badge.warn{background:rgba(251,191,36,.14);color:#fde68a}.badge.bad{background:rgba(251,113,133,.14);color:#fda4af}.price-drop{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:8px;background:rgba(52,211,153,.12);color:#86efac;font-size:11px;font-weight:800}.budget-exception{color:#fde68a;font-size:11px;margin:7px 0 0}
.analysis{grid-column:1/-1;border-top:1px solid var(--line);padding:11px 12px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px;background:rgba(5,13,26,.28)}.analysis div,.detail-grid div{font-size:12px;color:var(--muted)}.analysis strong,.detail-grid strong{display:block;color:var(--text);font-size:13px;margin-top:2px}.cash-positive{color:#86efac!important}.cash-negative{color:#fda4af!important}.quick-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}.quick-actions select{padding:9px;font-size:13px}
.details{grid-column:1/-1;border-top:1px solid var(--line);background:rgba(8,18,34,.65)}.details summary{cursor:pointer;list-style:none;padding:12px;text-align:center;color:#bfdbfe;font-size:13px;font-weight:800}.details summary::-webkit-details-marker{display:none}.details summary:after{content:' +';color:var(--green)}.details[open] summary:after{content:' −'}.detail-body{padding:0 14px 15px;border-top:1px solid rgba(148,169,198,.12)}.detail-body h3{font-size:13px;margin:15px 0 8px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.detail-grid div{background:rgba(22,38,65,.7);border-radius:10px;padding:9px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pros-cons>div{background:rgba(22,38,65,.55);border-radius:12px;padding:0 10px 8px}.pros-cons ul{font-size:11px;line-height:1.45;padding-left:17px;margin:0}.pros-cons li{margin:4px 0}
.duplicate-offers{grid-column:1/-1;border-top:1px solid var(--line);background:rgba(37,99,235,.08)}.duplicate-offers summary{cursor:pointer;padding:11px 13px;color:#bfdbfe;font-size:12px;font-weight:800}.duplicate-offers>div{display:grid;gap:6px;padding:0 12px 12px}.duplicate-offers a{display:flex;justify-content:space-between;text-decoration:none;color:#dbeafe;background:rgba(22,38,65,.72);border-radius:9px;padding:9px 10px;font-size:12px}.duplicate-offers strong{color:#86efac}
.personal-state{display:grid;gap:9px}.personal-state label,.form-grid label{font-size:12px;color:#c6d5e9;display:grid;gap:5px}.personal-state textarea{min-height:86px;resize:vertical;font:inherit}.save-status{font-size:11px;color:#86efac}.history{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.history span{min-width:112px;background:var(--panel2);border-radius:10px;padding:8px}.history strong,.history small{display:block}.history small{color:var(--muted);font-size:10px;margin-top:3px}.source-note{font-size:10px;color:var(--muted);line-height:1.4;margin:14px 0 0}.open-link{grid-column:1/-1;text-decoration:none;text-align:center;padding:12px;color:white;background:#167448;font-weight:800;border-top:1px solid rgba(255,255,255,.08)}
.city-heading{grid-column:1/-1;font-size:19px;margin:14px 3px 0;color:#dbeafe}.map-panel{background:var(--panel);padding:9px;border:1px solid var(--line);border-radius:17px}.map-panel #map{height:min(65vh,620px);border-radius:12px;overflow:hidden}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#111}.compare-bar{position:fixed;z-index:50;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(94%,520px);display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 12px;border:1px solid #316047;border-radius:15px;background:rgba(9,25,35,.96);box-shadow:0 15px 45px #000}.compare-bar button{background:#16864f;padding:8px 12px}.compare-bar button.ghost{background:transparent}
.app-dialog{width:min(92vw,580px);max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:22px;background:#0d1a2e;color:var(--text);padding:22px;box-shadow:0 25px 90px #000}.app-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.app-dialog h2{margin:0 40px 5px 0}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#fff;font-size:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:19px 0}.finance-advanced{border:1px solid var(--line);border-radius:12px;padding:0 12px;margin:8px 0 14px}.finance-advanced summary{cursor:pointer;padding:12px 0;color:#bfdbfe;font-size:13px;font-weight:800}.finance-advanced .form-grid{margin-top:4px}.wide{width:100%}.wide-dialog{width:min(96vw,900px)}.compare-content{overflow-x:auto}.compare-table{display:grid;grid-template-columns:120px repeat(3,minmax(130px,1fr));min-width:540px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.compare-table>*{padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.compare-table>strong{color:#bfdbfe}.compare-table>b{font-weight:700;background:rgba(22,38,65,.55)}
.icon-button{border:1px solid var(--line);background:var(--panel2);color:white;border-radius:50%;font-size:25px;width:44px;height:44px}.icon-button.loading{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:#dbeafe}.notice.error{border-color:#7f1d1d;color:#fecaca}.notice.success{border-color:#14532d;color:#bbf7d0}.hidden{display:none!important}.empty{text-align:center;color:var(--muted);padding:44px}.mobile-footer{padding:18px 16px calc(70px + env(safe-area-inset-bottom));text-align:center;color:var(--muted);font-size:11px}.mobile-footer form{margin-top:10px}.mobile-footer button{background:none;border:0;color:var(--blue);font-size:12px}
.auth-body{display:grid;place-items:center;padding:24px;min-height:100vh}.auth-card{width:min(100%,420px);background:rgba(16,29,50,.96);border:1px solid var(--line);border-radius:24px;padding:27px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#2563eb,#16a34a);font-weight:900;font-size:20px;margin-bottom:20px}.auth-card h1{margin:7px 0}.auth-form{display:grid;gap:10px;margin-top:22px}.auth-form label{font-size:12px;color:#c6d5e9;font-weight:700}.primary{margin-top:7px;border:0;border-radius:12px;padding:13px;background:linear-gradient(135deg,#16864f,#22c55e);color:white;font-size:15px;font-weight:800}
@media(min-width:700px){.listing-grid{grid-template-columns:repeat(2,1fr)}.filters{top:100px}}
@media(max-width:520px){.stats span{font-size:10px}.stats strong{font-size:18px}.filters{flex-direction:column;top:88px}.listing-card{grid-template-columns:88px 1fr}.listing-card img,.image-placeholder{width:88px;height:132px}.pros-cons,.form-grid{grid-template-columns:1fr}.score{flex-basis:44px;width:44px;height:44px}.view-tabs{margin-left:-2px;margin-right:-2px}.quick-actions{grid-template-columns:1fr}.app-dialog{padding:18px}.map-panel #map{height:58vh}}