:root{--primary: #0f62fe;--primary-hover: #0353e9;--primary-active: #002d9c;--primary-light: #edf5ff;--bg-app: #f4f4f6;--bg-sidebar: #ffffff;--bg-card: #ffffff;--text-main: #161616;--text-muted: #525252;--text-inverse: #ffffff;--border-light: #e0e0e0;--border-focus: #0f62fe;--gold: #d97706;--gold-hover: #b45309;--gold-bg: #fef3c7;--gold-text: #78350f;--green: #059669;--green-hover: #047857;--green-bg: #ecfdf5;--green-text: #064e3b;--orange: #ea580c;--orange-hover: #c2410c;--orange-bg: #fff7ed;--orange-text: #7c2d12;--danger: #da1e28;--danger-hover: #ba1b23;--danger-bg: #fff1f1;--danger-text: #750e13;--rent: #2563eb;--rent-hover: #1d4ed8;--rent-bg: #dbeafe;--rent-text: #1e3a8a;--buy: #7c3aed;--buy-hover: #6d28d9;--buy-bg: #ede9fe;--buy-text: #3b0764;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.02);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.08), 0 10px 10px -5px rgba(0,0,0,.04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 260px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-main);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;color:var(--text-main)}a{text-decoration:none;color:var(--primary);transition:var(--transition-fast)}a:hover{color:var(--primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;transition:var(--transition-normal)}.sidebar-brand{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-light)}.brand-icon{font-size:24px;color:var(--primary)}.brand-text h2{font-size:20px;font-weight:700;line-height:1.2}.brand-text span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.sidebar-nav{padding:20px 12px;display:flex;flex-direction:column;gap:4px;flex-grow:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;color:var(--text-muted);font-family:var(--font-body);font-size:14px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:var(--transition-fast);width:100%}.nav-item i{font-size:16px;width:20px;text-align:center}.nav-item:hover{background-color:var(--primary-light);color:var(--primary)}.nav-item.active{background-color:var(--primary-light);color:var(--primary);font-weight:600}.sidebar-footer{padding:20px 16px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px}.sidebar-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}.main-content{flex-grow:1;margin-left:var(--sidebar-width);padding:30px;max-width:1600px;width:calc(100% - var(--sidebar-width));display:flex;flex-direction:column;gap:25px}.main-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:5px}.main-header h1{font-size:28px;font-weight:700;letter-spacing:-.5px}.main-header .subtitle{color:var(--text-muted);font-size:14px;margin-top:2px}.mobile-nav-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-family:var(--font-body);font-size:14px;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast)}.btn-primary{background-color:var(--primary);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:active{background-color:var(--primary-active)}.btn-secondary{background-color:#fff;border-color:var(--border-light);color:var(--text-main);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:#f3f4f6;border-color:#d1d5db}.btn-danger{background-color:var(--danger);color:var(--text-inverse)}.btn-danger:hover{background-color:var(--danger-hover)}.btn-block{width:100%}.btn-action-text{background:none;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);text-align:left;transition:var(--transition-fast)}.btn-action-text:hover{background-color:#f3f4f6;color:var(--text-main)}.btn-action-text.text-danger:hover{background-color:var(--danger-bg);color:var(--danger)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats-card{background-color:var(--bg-card);padding:18px;border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;transition:transform .2s,box-shadow .2s}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stats-info{display:flex;flex-direction:column}.stats-label{font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-weight:600}.stats-value{font-size:22px;font-weight:700;margin-top:4px}.stats-icon{font-size:20px;opacity:.65;width:36px;height:36px;border-radius:50%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.stats-card.priority-vip .stats-icon{background-color:var(--gold-bg);color:var(--gold)}.stats-card.priority-good .stats-icon{background-color:var(--green-bg);color:var(--green)}.stats-card.priority-maybe .stats-icon{background-color:var(--orange-bg);color:var(--orange)}.filters-bar{background-color:var(--bg-card);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.filters-grid{display:grid;grid-template-columns:2fr repeat(6,1fr) 1.5fr;gap:10px;align-items:center}.filter-group{position:relative;display:flex;align-items:center}.filter-group input,.filter-group select{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;outline:none;background-color:#fff;transition:var(--transition-fast)}.filter-group input:focus,.filter-group select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-light)}.filter-group.search-box input{padding-left:32px}.search-icon{position:absolute;left:10px;color:var(--text-muted);font-size:13px;pointer-events:none}.sort-selector label{position:absolute;left:10px;color:var(--text-muted);font-size:13px}.sort-selector select{padding-left:28px}.view-panels-wrapper{position:relative}.view-panel{display:none;animation:fadeIn .25s ease-out forwards}.view-panel.active-panel{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.properties-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.property-card{background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.property-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-img-wrapper{height:160px;background-size:cover;background-position:center;position:relative;transition:var(--transition-normal)}.priority-badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:4px;box-shadow:var(--shadow-sm)}.badge-vip{background-color:var(--gold-bg);color:var(--gold-text)}.badge-good{background-color:var(--green-bg);color:var(--green-text)}.badge-maybe{background-color:var(--orange-bg);color:var(--orange-text)}.card-yield-tag{position:absolute;bottom:12px;left:12px;background-color:#0f62fef2;color:#fff;font-size:11px;font-weight:700;padding:3px 6px;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-content{padding:16px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.card-header-row{display:flex;justify-content:space-between;align-items:baseline}.card-price{font-size:18px;font-weight:700;color:var(--primary)}.card-type{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.card-title{font-size:14px;font-weight:600;line-height:1.35;height:38px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card-location{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.card-location i{font-size:10px}.card-specs{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border-light);font-size:12px;color:var(--text-muted)}.card-specs span{display:flex;align-items:center;gap:5px}.card-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border-light);background-color:#fafafa}.card-btn{background:none;border:none;font-family:var(--font-body);font-size:12px;font-weight:600;padding:10px;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:6px}.card-btn.btn-view{color:var(--text-main);border-right:1px solid var(--border-light)}.card-btn.btn-view:hover{background-color:var(--primary-light);color:var(--primary)}.card-btn.btn-link{color:var(--text-muted)}.card-btn.btn-link:hover{background-color:#eee;color:var(--text-main)}.card-btn-danger{color:var(--danger)}.card-btn-danger:hover{background-color:var(--danger-bg)}.card-menu-btn{position:absolute;top:12px;left:12px;background-color:#ffffffd9;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-main);opacity:0;transition:var(--transition-fast);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.property-card:hover .card-menu-btn{opacity:1}.card-menu-btn:hover{background-color:#fff;color:var(--primary);transform:scale(1.05)}.empty-state{text-align:center;padding:80px 20px;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px dashed var(--border-light);margin-top:10px}.empty-state i{font-size:48px;color:var(--text-muted);margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;font-weight:600;margin-bottom:8px}.empty-state p{color:var(--text-muted);font-size:14px;max-width:400px;margin:0 auto}.hidden{display:none!important}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;height:calc(100vh - 280px);min-height:500px}.kanban-column{background-color:#eef0f3;border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-light)}.kanban-column-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.06)}.kanban-column-header .header-left{display:flex;align-items:center;gap:8px}.kanban-column-header h3{font-size:15px;font-weight:700}.kanban-column-header i{font-size:16px}.kanban-count{background-color:#0000000f;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700}.bg-gold-header{background-color:var(--gold-bg);color:var(--gold-text)}.bg-green-header{background-color:var(--green-bg);color:var(--green-text)}.bg-orange-header{background-color:var(--orange-bg);color:var(--orange-text)}.gold-icon{color:var(--gold)}.green-icon{color:var(--green)}.orange-icon{color:var(--orange)}.kanban-cards-wrapper{padding:12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex-grow:1;transition:background-color var(--transition-fast)}.kanban-cards-wrapper.drag-over{background-color:#0f62fe0d;outline:2px dashed var(--primary);outline-offset:-4px}.kanban-card{background-color:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-light);padding:12px;cursor:grab;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.4;transform:scale(.98)}.kanban-card-title{font-size:13px;font-weight:600;line-height:1.3;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban-card-metrics{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:8px}.kanban-card-price{font-weight:700;color:var(--primary)}.kanban-card-yield{font-weight:600;background-color:var(--primary-light);color:var(--primary);padding:1px 4px;border-radius:var(--radius-sm);font-size:10px}.kanban-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #f3f4f6;font-size:11px;color:var(--text-muted)}.kanban-card-footer .actions{display:flex;gap:8px}.kanban-card-footer button{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:11px;padding:2px;transition:var(--transition-fast)}.kanban-card-footer button:hover{color:var(--text-main)}.map-view-wrapper{display:flex;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);overflow:hidden;height:calc(100vh - 280px);min-height:500px;box-shadow:var(--shadow-sm)}#map-element{flex-grow:1;height:100%}.map-sidebar{width:320px;border-left:1px solid var(--border-light);display:flex;flex-direction:column;height:100%}.map-sidebar h3{padding:16px;font-size:16px;border-bottom:1px solid var(--border-light)}.map-sidebar p{padding:0 16px 10px;font-size:12px;border-bottom:1px dashed var(--border-light)}.map-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column}.map-list-item{padding:12px 16px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;gap:4px}.map-list-item:hover{background-color:var(--primary-light)}.map-list-item-header{display:flex;justify-content:space-between;align-items:baseline}.map-list-item-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.map-list-item-price{font-size:12px;font-weight:700;color:var(--primary)}.map-list-item-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.custom-map-marker .marker-pin{border-radius:20px;padding:4px 8px;font-family:var(--font-body);font-weight:700;font-size:11px;color:#fff;text-align:center;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.4);white-space:nowrap}.marker-pin.vip{background-color:var(--gold)}.marker-pin.good{background-color:var(--green)}.marker-pin.maybe{background-color:var(--orange)}.map-popup-card{width:220px;font-family:var(--font-body)}.popup-img{height:100px;background-size:cover;background-position:center;border-radius:var(--radius-sm);margin-bottom:8px}.popup-info{display:flex;flex-direction:column;gap:4px}.popup-priority-badge{align-self:flex-start;font-size:9px;font-weight:700;padding:1px 6px;border-radius:3px;text-transform:uppercase}.popup-title{font-size:12px;font-weight:700;line-height:1.3;margin:4px 0 2px}.popup-price{font-size:13px;font-weight:700;color:var(--primary)}.popup-specs{font-size:10px;color:var(--text-muted)}.popup-btn{margin-top:8px;background-color:var(--primary);color:#fff;border:none;font-size:11px;font-weight:600;padding:6px;border-radius:var(--radius-sm);cursor:pointer;text-align:center;width:100%}.popup-btn:hover{background-color:var(--primary-hover)}.custom-leaflet-popup .leaflet-popup-content-wrapper{border-radius:var(--radius-md);padding:5px}.custom-leaflet-popup .leaflet-popup-content{margin:8px 12px;width:220px!important}.boss-mode-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-card);padding:20px;border-radius:var(--radius-md);border-left:4px solid var(--primary);margin-bottom:25px;box-shadow:var(--shadow-sm)}.boss-intro h2{font-size:20px;margin-bottom:4px}.boss-intro p{color:var(--text-muted);font-size:13px}.boss-grid{display:flex;flex-direction:column;gap:30px}.boss-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;box-shadow:var(--shadow-md);display:grid;grid-template-columns:350px 1fr;min-height:380px}.boss-card-img{background-size:cover;background-position:center;position:relative}.boss-card-yield-tag{position:absolute;bottom:20px;left:20px;background-color:var(--primary);color:#fff;padding:6px 12px;font-weight:700;font-size:13px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.boss-card-body{padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.boss-card-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-light);padding-bottom:15px}.boss-card-title-sec h3{font-size:22px;font-weight:700;margin-bottom:6px}.boss-card-title-sec .location{font-size:13px;color:var(--text-muted)}.boss-card-financials{text-align:right}.boss-card-financials .price{font-size:26px;font-weight:800;color:var(--primary)}.boss-card-financials .rent{font-size:13px;color:var(--text-muted);margin-top:2px}.boss-card-specs{display:flex;gap:25px;font-size:13px;color:var(--text-muted)}.boss-card-specs span{display:flex;align-items:center;gap:8px}.boss-card-specs i{color:var(--primary);font-size:14px}.boss-card-proscons{display:grid;grid-template-columns:1fr 1fr;gap:20px}.boss-analysis-box{padding:15px;border-radius:var(--radius-md);font-size:13px}.boss-analysis-box.pros{background-color:var(--green-bg);border-left:3px solid var(--green)}.boss-analysis-box.cons{background-color:var(--orange-bg);border-left:3px solid var(--orange)}.boss-analysis-box h4{font-size:12px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.boss-analysis-box.pros h4{color:var(--green-text)}.boss-analysis-box.cons h4{color:var(--orange-text)}.boss-card-features h4{font-size:12px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;letter-spacing:.5px}.boss-card-features .features-list{display:flex;flex-wrap:wrap;gap:6px}.boss-card-features .tag{background-color:#f3f4f6;border:1px solid var(--border-light);padding:3px 8px;border-radius:4px;font-size:11px;color:var(--text-muted);font-weight:500}.boss-card-notes{background-color:#fafafa;padding:15px;border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:13px}.boss-card-notes h4{font-size:12px;color:var(--text-main);margin-bottom:6px}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#16161666;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-overlay.active{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:-105%;width:100%;max-width:1200px;height:100vh;background-color:#fff;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;z-index:1001}.drawer-overlay.active .drawer{right:0}.drawer-header{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.btn-close-drawer{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-muted);transition:var(--transition-fast)}.btn-close-drawer:hover{color:var(--text-main)}.drawer-content{padding:24px;overflow-y:auto;overflow-x:hidden;flex-grow:1;box-sizing:border-box}.scraper-section{background-color:var(--primary-light);border:1px solid rgba(15,98,254,.15);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.scraper-section h3{font-size:14px;margin-bottom:4px;display:flex;align-items:center;gap:8px}.scraper-input-group{display:flex;gap:8px;margin-top:10px}.scraper-input-group input{flex-grow:1;padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);outline:none;font-family:var(--font-body);font-size:13px}.scraper-input-group input:focus{border-color:var(--primary)}.import-loader{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--primary);font-weight:600;margin-top:10px}.spinner{width:16px;height:16px;border:2px solid var(--primary-light);border-top:2px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.import-success-toast{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--green-text);font-weight:600;margin-top:10px;background-color:var(--green-bg);padding:6px 12px;border-radius:var(--radius-sm)}.divider{text-align:center;position:relative;margin:25px 0}.divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background-color:var(--border-light);z-index:1}.divider span{position:relative;background-color:#fff;padding:0 10px;font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:1px;z-index:2}.property-form{display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;box-sizing:border-box}.form-group{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box}.form-group.span-2{grid-column:span 2}.form-group label{font-size:12px;font-weight:600;color:var(--text-main);word-wrap:break-word;white-space:normal}.form-group input,.form-group select,.form-group textarea{width:100%;max-width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);outline:none;font-family:var(--font-body);font-size:13px;background-color:#fff;transition:var(--transition-fast)}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-light)}.form-section-title{grid-column:span 2;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border-light);padding-bottom:4px;margin-top:15px}.form-section-fields-buy .form-grid,.form-section-fields-rent .form-grid{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;box-sizing:border-box}.form-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-light);padding-top:20px;margin-top:10px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#16161666;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transform:scale(.95);transition:transform .25s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.modal-overlay.active .modal{transform:scale(1)}.modal-lg{width:900px;max-width:95vw}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-header .header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.modal-header h2{font-size:20px;font-weight:700;word-wrap:break-word;white-space:normal}.btn-close-modal{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-muted);line-height:1}.modal-content{padding:24px;overflow-y:auto;overflow-x:hidden;flex-grow:1;display:flex;flex-direction:column;gap:25px;box-sizing:border-box}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:12px;background-color:#fafafa}.details-top-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.details-hero-img{height:250px;background-size:cover;background-position:center;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.details-summary-panel{display:flex;flex-direction:column;gap:16px}.summary-price-box{display:flex;flex-direction:column}.summary-price-box .price-lbl{font-size:11px;text-transform:uppercase;color:var(--text-muted);font-weight:700;letter-spacing:.5px}.summary-price-box .price-val{font-size:28px;font-weight:800;color:var(--primary)}.yield-box{display:grid;grid-template-columns:1fr 1fr;background-color:var(--primary-light);border-radius:var(--radius-md);padding:12px;border:1px solid rgba(15,98,254,.1)}.yield-metric{display:flex;flex-direction:column}.yield-metric:first-child{border-right:1px solid rgba(15,98,254,.15);padding-right:12px}.yield-metric:last-child{padding-left:12px}.yield-lbl{font-size:10px;text-transform:uppercase;color:var(--text-muted);font-weight:600}.yield-val{font-size:18px;font-weight:700}.specs-table{width:100%;border-collapse:collapse;font-size:13px}.specs-table th{text-align:left;font-weight:600;color:var(--text-muted);padding:8px 12px 8px 0;border-bottom:1px solid #f3f4f6;width:120px}.specs-table th i{color:var(--primary);margin-right:5px;width:16px;text-align:center}.specs-table td{padding:8px 0;border-bottom:1px solid #f3f4f6}.features-tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.feature-tag{background-color:#f3f4f6;border:1px solid var(--border-light);padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;color:var(--text-muted)}.details-section h3{font-size:15px;font-weight:700;border-bottom:1px solid var(--border-light);padding-bottom:6px;margin-bottom:12px}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pros-box,.cons-box{padding:16px;border-radius:var(--radius-md)}.pros-box{background-color:var(--green-bg);border-left:4px solid var(--green)}.cons-box{background-color:var(--orange-bg);border-left:4px solid var(--orange)}.pros-box h4{color:var(--green-text);font-size:14px;margin-bottom:8px}.cons-box h4{color:var(--orange-text);font-size:14px;margin-bottom:8px}.pros-box p,.cons-box p{font-size:13px;line-height:1.5}.bg-light-section{background-color:#fafafa;padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-light)}.notes-para{font-size:13px;line-height:1.6;color:#333}.research-tabs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.research-tabs-grid h4{font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.research-card{background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.research-card.border-danger{border-left:4px solid var(--danger);background-color:var(--danger-bg)}.research-card h5{font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.research-card p{font-size:12.5px;line-height:1.5;color:#333}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:9999}.toast{background-color:#161616;color:#fff;padding:12px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg);animation:slideIn .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast.toast-success{border-left:4px solid var(--green)}.toast.toast-error{border-left:4px solid var(--danger)}.toast.toast-info{border-left:4px solid var(--primary)}@media (max-width: 1400px){.properties-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.sidebar{left:-260px}.sidebar.active{left:0}.main-content{margin-left:0;width:100%;padding:20px}.form-grid,.form-section-fields-buy .form-grid,.form-section-fields-rent .form-grid{gap:12px}.mobile-nav-toggle{display:block}.mobile-nav-toggle button{background-color:#fff;border:1px solid var(--border-light);width:40px;height:40px;border-radius:var(--radius-md);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.properties-grid{grid-template-columns:repeat(2,1fr)}.kanban-board{grid-template-columns:1fr;height:auto;overflow-y:visible}.kanban-column{max-height:400px}.map-view-wrapper{flex-direction:column;height:600px}.map-sidebar{width:100%;height:200px;border-left:none;border-top:1px solid var(--border-light)}.boss-card{grid-template-columns:1fr}.boss-card-img{height:200px}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr;gap:8px}.properties-grid,.details-top-grid,.pros-cons-grid,.research-tabs-grid{grid-template-columns:1fr}.modal-lg{width:95vw}.drawer{width:100vw}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.main-header h1,.price-val{font-size:22px}}#details-modal-overlay .modal-content{padding:32px;gap:32px}#details-modal-overlay .modal-header{padding:20px 32px}#details-modal-overlay .modal-header .header-right{display:flex;align-items:center;gap:12px}.details-premium-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;width:100%}.details-premium-left,.details-premium-right{display:flex;flex-direction:column;gap:28px}.details-premium-section{display:flex;flex-direction:column;gap:14px}.details-premium-section .section-title{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:2px solid var(--border-light);padding-bottom:8px}.details-premium-section .section-title i{margin-right:6px}.premium-gallery-container{display:flex;flex-direction:column;gap:12px;width:100%}.gallery-main-image-wrapper{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.gallery-main-image{width:100%;height:100%;background-size:cover;background-position:center;transition:background-image .2s ease-in-out}.gallery-thumbnails{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.gallery-thumbnail{width:90px;height:60px;background-size:cover;background-position:center;border-radius:var(--radius-md);cursor:pointer;opacity:.65;transition:all var(--transition-fast);border:2px solid transparent;flex-shrink:0;box-shadow:var(--shadow-sm)}.gallery-thumbnail:hover{opacity:.95}.gallery-thumbnail.active{opacity:1;border-color:var(--primary);transform:scale(1.02)}.summary-text-box{background-color:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.summary-text-box p{font-size:14px;line-height:1.65;color:#334155;white-space:pre-line}.details-title-price-box{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px}.details-premium-title{font-size:24px;font-weight:800;line-height:1.25;color:var(--text-main);letter-spacing:-.5px}.details-premium-price{font-size:32px;font-weight:800;color:var(--primary)}.overview-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;width:100%}.overview-card{background-color:#f8fafc;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.overview-card:hover{transform:translateY(-2px)}.overview-card .card-icon{font-size:18px;color:var(--primary);background-color:var(--primary-light);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.overview-card .card-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.overview-card .card-label{font-size:10px;text-transform:uppercase;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.overview-card .card-value{font-size:13px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.kpi-card{border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-fast)}.kpi-card:hover{transform:translateY(-2px)}.kpi-card.buy-kpi{border-left:5px solid var(--buy);background:linear-gradient(135deg,#fdfbfe 0%,var(--buy-bg) 100%)}.kpi-card.rent-kpi{border-left:5px solid var(--rent);background:linear-gradient(135deg,#fbfdff 0%,var(--rent-bg) 100%)}.kpi-label{font-size:11px;text-transform:uppercase;font-weight:700;color:var(--text-muted);letter-spacing:.6px}.kpi-value{font-size:22px;font-weight:800;letter-spacing:-.5px}.buy-kpi .kpi-value{color:var(--buy-text)}.rent-kpi .kpi-value{color:var(--rent-text)}.features-chips-list{display:flex;flex-wrap:wrap;gap:8px}.feature-chip{background-color:#f1f5f9;color:#334155;border:1px solid #e2e8f0;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.feature-chip:hover{background-color:#e2e8f0;transform:translateY(-1px)}.feature-chip .chip-check{color:var(--green);font-size:11px}.analysis-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.analysis-card{border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:10px}.analysis-card h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:6px}.analysis-card p{font-size:13px;line-height:1.6;color:#334155}.analysis-card.note-card{background-color:var(--gold-bg);border-color:#d9770626;border-left:4px solid var(--gold)}.analysis-card.note-card h4{color:var(--gold-text)}.analysis-card.pros-card{background-color:var(--green-bg);border-color:#05966926;border-left:4px solid var(--green)}.analysis-card.pros-card h4{color:var(--green-text)}.analysis-card.cons-card{background-color:var(--orange-bg);border-color:#ea580c26;border-left:4px solid var(--orange)}.analysis-card.cons-card h4{color:var(--orange-text)}.analysis-card.risk-card{background-color:var(--danger-bg);border-color:#da1e2826;border-left:4px solid var(--danger)}.analysis-card.risk-card h4{color:var(--danger-text)}.text-grid-2 .analysis-card{background-color:#fff}.text-grid-2 .analysis-card h5{font-size:10px;text-transform:uppercase;color:var(--text-muted);margin-top:8px;font-weight:700}.source-action-box{margin-top:10px}.premium-source-btn{padding:14px;font-size:14px;font-weight:700;letter-spacing:.5px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-transform:uppercase}@media (max-width: 991px){.details-premium-layout{grid-template-columns:1fr;gap:32px}}@media (max-width: 575px){#details-modal-overlay .modal-content{padding:20px;gap:24px}.details-title-price-box{padding:16px}.details-premium-title{font-size:20px}.details-premium-price{font-size:26px}.overview-cards-grid{grid-template-columns:repeat(2,1fr)}.overview-card.span-2-mobile{grid-column:span 2}.kpi-cards-grid,.analysis-cards-grid{grid-template-columns:1fr}}@media print{body{background:#fff!important;color:#000!important}.app-container{display:block}.sidebar,.main-header,.stats-grid,.filters-bar,.mobile-nav-toggle,.drawer-overlay,.modal-overlay,.toast-container,#panel-grid,#panel-kanban,#panel-map,#panel-boss,#panel-compare{display:none!important}}.acq-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:4px;white-space:nowrap}.badge-rent{background-color:var(--rent-bg);color:var(--rent-text);border:1px solid rgba(37,99,235,.25)}.badge-buy{background-color:var(--buy-bg);color:var(--buy-text);border:1px solid rgba(124,58,237,.25)}.card-acq-badge{position:absolute;top:12px;left:12px;font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 7px;border-radius:4px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:4px}.portfolio-tabs{display:flex;gap:6px;margin-bottom:20px;background-color:var(--bg-card);padding:6px;border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);width:fit-content}.portfolio-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-sm);border:none;background:none;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.portfolio-tab:hover{background-color:#f3f4f6;color:var(--text-main)}.portfolio-tab.active{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.portfolio-tab.tab-rent.active{background-color:var(--rent);color:#fff}.portfolio-tab.tab-buy.active{background-color:var(--buy);color:#fff}.tab-count{background-color:#ffffff40;padding:1px 6px;border-radius:10px;font-size:11px;font-weight:700}.portfolio-tab:not(.active) .tab-count{background-color:#00000012;color:var(--text-muted)}.compare-action-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;padding:12px 20px;border-radius:var(--radius-md);margin-bottom:16px;box-shadow:var(--shadow-md);animation:fadeIn .25s ease-out}.compare-bar-info{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.compare-bar-info i{font-size:16px;opacity:.8}.compare-bar-actions{display:flex;gap:10px;align-items:center}.btn-sm{padding:6px 14px;font-size:12px}.card-compare-check{position:absolute;bottom:10px;right:12px;width:20px;height:20px;cursor:pointer;accent-color:var(--buy);z-index:2;opacity:0;transition:opacity var(--transition-fast)}.property-card:hover .card-compare-check,.property-card.selected-for-compare .card-compare-check{opacity:1}.property-card.selected-for-compare{outline:2px solid var(--buy);outline-offset:-2px}.kanban-section{margin-bottom:30px}.kanban-section-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.kanban-section-header h3{font-size:16px;font-weight:700;flex-grow:1}.kanban-section-count{background-color:#f3f4f6;border:1px solid var(--border-light);padding:2px 10px;border-radius:20px;font-size:12px;font-weight:700;color:var(--text-muted)}.kanban-section-buy .kanban-section-header{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#7c3aed33}.kanban-section:first-child .kanban-section-header{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2563eb33}.compare-mode-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-card);padding:20px;border-radius:var(--radius-md);border-left:4px solid var(--buy);margin-bottom:25px;box-shadow:var(--shadow-sm)}.compare-intro h2{font-size:20px;margin-bottom:4px;display:flex;align-items:center;gap:10px}.compare-intro h2 i{color:var(--buy)}.compare-intro p{color:var(--text-muted);font-size:13px}.compare-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.compare-table{width:100%;border-collapse:collapse;background-color:var(--bg-card);font-size:13px;min-width:700px}.compare-table th{background-color:#f8fafc;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:14px 16px;border-bottom:2px solid var(--border-light);border-right:1px solid var(--border-light);text-align:left;white-space:nowrap;position:sticky;left:0;z-index:1;width:140px}.compare-table td{padding:13px 16px;border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);vertical-align:top;line-height:1.45}.compare-table tr:last-child td,.compare-table tr:last-child th{border-bottom:none}.compare-table td:last-child,.compare-table th:last-child{border-right:none}.compare-table tr:hover td{background-color:#fafbfc}.compare-prop-header{background:linear-gradient(135deg,var(--buy-bg) 0%,#f5f3ff 100%);font-weight:700;font-size:13px;padding:16px;border-bottom:2px solid var(--border-light);border-right:1px solid var(--border-light);text-align:center}.compare-prop-header .prop-thumb{width:100%;height:80px;background-size:cover;background-position:center;border-radius:var(--radius-sm);margin-bottom:8px}.compare-prop-title{font-size:12px;font-weight:700;line-height:1.3;margin-bottom:6px}.compare-cell-val{font-weight:600;color:var(--text-main)}.compare-cell-price{font-size:15px;font-weight:800;color:var(--primary)}.compare-cell-rent{font-size:15px;font-weight:800;color:var(--rent)}.compare-winner{background-color:var(--green-bg);color:var(--green-text);font-weight:700}.form-section-fields-buy,.form-section-fields-rent{display:contents}.form-section-fields-buy.hidden,.form-section-fields-rent.hidden{display:none}.acq-fields-header{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;padding:8px 0 4px;border-bottom:1px solid var(--border-light);margin-bottom:4px}.buy-details-row,.rent-details-row{display:flex;gap:12px;flex-wrap:wrap}.buy-detail-item,.rent-detail-item{flex:1;min-width:110px;background-color:#f8f9fa;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 14px;display:flex;flex-direction:column;gap:3px}.buy-detail-item{border-top:3px solid var(--buy)}.rent-detail-item{border-top:3px solid var(--rent)}.buy-detail-lbl,.rent-detail-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700}.buy-detail-val,.rent-detail-val{font-size:16px;font-weight:800;color:var(--text-main)}.buy-detail-val{color:var(--buy)}.rent-detail-val{color:var(--rent)}.boss-section-header{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius-md);margin-bottom:20px;margin-top:10px}.boss-section-header.rent-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:5px solid var(--rent)}.boss-section-header.buy-section{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-left:5px solid var(--buy)}.boss-section-header h3{font-size:18px;font-weight:800;flex:1}.boss-section-stat{font-size:12px;color:var(--text-muted);background-color:#ffffffb3;border:1px solid var(--border-light);padding:4px 12px;border-radius:20px;font-weight:600}.stats-card.stat-rent-card .stats-icon{background-color:var(--rent-bg);color:var(--rent)}.stats-card.stat-buy-card .stats-icon{background-color:var(--buy-bg);color:var(--buy)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.stats-grid{grid-template-columns:repeat(2,1fr)}.portfolio-tabs{width:100%;flex-wrap:wrap}.kanban-board{grid-template-columns:1fr;height:auto;overflow-y:visible}.kanban-column{max-height:400px}.compare-table th{width:100px;font-size:10px}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.compare-mode-header{flex-direction:column;gap:15px;align-items:flex-start}.boss-section-header{flex-direction:column;align-items:flex-start;gap:8px}.buy-details-row,.rent-details-row{flex-direction:column}}.label-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:6px;width:100%;box-sizing:border-box}.label-wrapper label{margin-bottom:0!important;word-wrap:break-word;white-space:normal}.import-status-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px;white-space:normal;word-break:break-word}.acq-badge,.badge,.priority-badge,.card-yield-tag,.card-acq-badge{white-space:normal;word-break:break-word}.details-audit-section a,#details-rightmove-btn,.import-validation-warning span{word-break:break-all}.status-extracted{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-not-available{background-color:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.status-manual-entry{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);animation:status-pulse 2s infinite ease-in-out}@keyframes status-pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 4px #ef444400}to{box-shadow:0 0 #ef444400}}.import-validation-warning{display:flex;align-items:center;gap:10px;background-color:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);padding:12px 16px;margin-top:14px;color:#b91c1c;font-size:13px;font-weight:500;animation:slide-in .3s ease-out}.import-validation-warning i{font-size:16px;color:#ef4444;animation:shake .5s ease-in-out}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.db-loading-overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:1;transition:opacity .3s ease}.db-loading-overlay.hidden{opacity:0;pointer-events:none;display:none!important}.db-spinner-container{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;font-family:Outfit,sans-serif;text-align:center}.db-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-left-color:#3b82f6;border-radius:50%;animation:db-spin 1s linear infinite}.db-spinner-container p{font-size:16px;font-weight:500;margin:0;letter-spacing:.5px;color:#f1f5f9}@keyframes db-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.db-connection-warning{margin:0 0 24px;animation:slide-in .3s ease-out}.db-connection-warning.hidden{display:none!important}.db-connection-warning .warning-card{display:flex;align-items:flex-start;gap:16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:16px 20px}.db-connection-warning .warning-icon{font-size:24px;color:#ef4444;margin-top:2px}.db-connection-warning .warning-text{display:flex;flex-direction:column;gap:4px}.db-connection-warning .warning-text h3{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#ef4444;margin:0}.db-connection-warning .warning-text p{font-size:14px;color:#64748b;margin:0;line-height:1.5}.db-connection-warning .warning-details{font-size:12px;color:#94a3b8;margin-top:4px}.header-status-container{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:16px}@media (max-width: 768px){.header-status-container{margin-left:0;margin-right:0;margin-top:10px;align-self:flex-start;flex-direction:column;align-items:flex-start}}.db-status-badge{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--text-muted);box-shadow:var(--shadow-sm);transition:all .3s ease}.header-status-container .db-status-badge{margin-left:0;margin-right:0}.db-status-badge .status-dot{width:8px;height:8px;border-radius:50%;background-color:#e2e8f0;box-shadow:0 0 0 2px #e2e8f066}.db-status-badge.status-connected .status-dot{background-color:#22c55e;box-shadow:0 0 0 2px #22c55e66;animation:pulse-green 2s infinite}.db-status-badge.status-disconnected .status-dot{background-color:#ef4444;box-shadow:0 0 0 2px #ef444466;animation:pulse-red 2s infinite}.db-status-badge.status-offline .status-dot{background-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b66;animation:pulse-orange 2s infinite}@keyframes pulse-green{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes pulse-red{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pulse-orange{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}