.map-wrapper{background:var(--white);height:100%;position:relative;width:100%}.map-container{border-radius:0 0 12px 12px;height:100%;overflow:hidden;width:100%}.map-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.loading-spinner{align-items:center;background:var(--white);border:3px solid var(--primary-green);border-radius:15px;box-shadow:0 10px 30px var(--shadow-medium);display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--gray-light);border:4px solid var(--gray-light);border-radius:50%;border-top-color:var(--primary-green);height:50px;width:50px}.loading-spinner span{color:var(--primary-black);font-size:1rem;font-weight:600}.zoom-info{background:var(--white);border:2px solid var(--primary-green);border-radius:12px;box-shadow:0 4px 20px var(--shadow-light);font-size:.9rem;margin:10px;min-width:140px;padding:1rem;transition:all .3s ease}.zoom-info:hover{border-color:var(--primary-green-dark);box-shadow:0 8px 25px var(--shadow-medium);transform:translateY(-2px)}.zoom-display{color:var(--primary-black);text-align:center}.zoom-display strong{color:var(--primary-green);font-size:1.1rem;font-weight:700}.zoom-display small{color:var(--gray-dark);font-size:.8rem;font-weight:500}.loading-progress{animation:pulse 2s infinite;background:linear-gradient(90deg,var(--primary-green) 0,var(--primary-green-light) 100%);border:1px solid var(--primary-green-dark);border-radius:6px;color:var(--white);font-size:.75rem;font-weight:700;margin:.4rem 0;padding:.3rem .6rem;text-align:center}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.8;transform:scale(1)}}.legend{background:var(--white);border:2px solid var(--primary-green);border-radius:12px;box-shadow:0 4px 20px var(--shadow-light);font-size:.9rem;min-width:180px;padding:1.5rem;transition:all .3s ease}.legend:hover{border-color:var(--primary-green-dark);box-shadow:0 8px 25px var(--shadow-medium);transform:translateY(-2px)}.legend h6{color:var(--primary-black);font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.legend-item{align-items:center;display:flex;margin-bottom:.75rem;transition:all .2s ease}.legend-item:last-child{margin-bottom:0}.legend-item:hover{transform:translateX(5px)}.legend-color{border:2px solid var(--primary-black);border-radius:4px;box-shadow:0 2px 4px var(--shadow-light);height:22px;margin-right:.75rem;transition:all .2s ease;width:22px}.legend-item:hover .legend-color{border-color:var(--primary-green);transform:scale(1.1)}.certainteed-marker{background:#0000!important;border:none!important}.certainteed-marker div{border:3px solid var(--primary-green);transition:all .3s ease}.certainteed-marker:hover div{border-color:var(--primary-green-dark);box-shadow:0 6px 20px #00d47566;transform:scale(1.3)}.popup-content{background:var(--white);font-size:.9rem;max-width:320px}.popup-content h6{color:var(--primary-black);margin:0 0 1rem}.popup-stats{margin-bottom:1rem}.stat-row{border-bottom:1px solid var(--gray-light);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem;transition:all .2s ease}.stat-row:last-child{border-bottom:none}.stat-row:hover{background:#f8f9fa2b;border-bottom-color:var(--primary-green)}.popup-breakdown{margin-top:1rem}.popup-breakdown h6{color:var(--primary-black);font-size:1rem;font-weight:700;margin:0 0 .75rem}.country-list{border:1px solid var(--gray-light);border-radius:6px;max-height:180px;overflow-y:auto;padding:.5rem}.country-list::-webkit-scrollbar{width:6px}.country-list::-webkit-scrollbar-track{background:var(--gray-light)}.country-list::-webkit-scrollbar-thumb{background:var(--primary-green);border-radius:3px}.country-list::-webkit-scrollbar-thumb:hover{background:var(--primary-green-dark)}.country-list div{border-bottom:1px solid var(--gray-light);font-size:.85rem;padding:.5rem;transition:all .2s ease}.country-list div:last-child{border-bottom:none}.country-list div:hover{background:var(--gray-light);color:var(--primary-green);font-weight:600}.popup-location{border-top:1px solid var(--gray-light);color:var(--gray-dark);font-size:.9rem;margin-top:1rem;padding-top:1rem}.popup-location a{color:var(--primary-green);font-weight:600;text-decoration:none;transition:all .2s ease}.popup-location a:hover{color:var(--primary-green-dark);text-decoration:underline}.leaflet-interactive{cursor:pointer!important;transition:all .3s ease}.leaflet-interactive:hover{stroke-width:4!important;stroke-opacity:1!important;stroke:var(--primary-green)!important}.leaflet-polygon{transition:all .3s ease}.leaflet-polygon:hover{stroke-width:4!important;stroke-opacity:1!important;fill-opacity:.8!important;stroke:var(--primary-green)!important;filter:brightness(1.2) saturate(1.2)}.leaflet-tooltip{background:var(--primary-black)!important;border:2px solid var(--primary-green)!important;border-radius:8px!important;box-shadow:0 4px 15px var(--shadow-dark)!important;color:var(--white)!important;font-size:.85rem!important;font-weight:600!important;padding:.75rem!important}.leaflet-zoom-anim .leaflet-interactive{transition:opacity .4s ease}.leaflet-popup-content-wrapper{background:var(--white)!important;border:2px solid var(--primary-green)!important;border-radius:12px!important;box-shadow:0 10px 30px var(--shadow-medium)!important}.leaflet-popup-tip{border:2px solid var(--primary-green)!important;box-shadow:none!important}.leaflet-control-container>div{display:flex}.leaflet-control-zoom a{background:var(--white)!important;border:2px solid var(--primary-green)!important;color:var(--primary-black)!important;font-weight:700!important;transition:all .2s ease!important}.leaflet-control-zoom a:hover{background:var(--primary-green)!important;border-color:var(--primary-green-dark)!important;color:var(--white)!important}.leaflet-control-attribution{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#ffffffe6!important;border:1px solid var(--primary-green)!important;border-radius:6px!important;color:var(--primary-black)!important;font-weight:500!important}@media (max-width:768px){.legend{font-size:.8rem;min-width:140px;padding:1rem}.zoom-info{font-size:.75rem;min-width:120px;padding:.75rem}.loading-spinner{padding:2rem}.popup-content{font-size:.85rem;max-width:280px}.legend-color{height:18px;margin-right:.5rem;width:18px}.certainteed-marker:hover div{transform:scale(1.2)}}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#222!important;border:2px solid #ffe600!important;box-shadow:0 10px 30px #00000080!important;color:#fff!important}.popup-content h6{color:#fff!important;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.popup-stats .stat-row{border-bottom:1px solid #444;color:#fff!important;padding:.4rem 0}.popup-stats .stat-label{color:#fff!important;font-weight:600}.popup-stats .stat-value{color:#fff!important;font-weight:700}.popup-content{background:#222!important;border-radius:10px;min-width:220px;padding:.5rem .8rem}.popup-content,.popup-content *{color:#fff!important}.popup-content a{color:#ffe600!important}.popup-content a:hover{color:#fff!important}.popup-trade-area .stat-row{border-bottom:1px solid #444;color:#fff!important;padding:.4rem 0}.popup-trade-area .stat-label{color:#fff!important;font-weight:600}.popup-trade-area .stat-value{color:#fff!important;font-weight:700}.popup-location{color:#fff!important}.popup-location a{color:#ffe600!important}.popup-location a:hover{color:#fff!important}.ranking-marker{align-items:center;background:#ff6b35;border:2px solid #fff;border-radius:8px;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;font-weight:700;justify-content:center;text-align:center;transition:all .3s ease}.ranking-marker:hover{box-shadow:0 4px 8px #0006;transform:scale(1.1)}.ranking-marker.certainteed{background:#ff6b35}.ranking-marker.certainteed.top-10{background:gold;color:#333}.ranking-marker.area{background:#4caf50}.ranking-marker-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2px;width:100%}.ranking-number{font-size:12px;font-weight:700;line-height:1;margin-bottom:2px}.ranking-name{font-size:8px;line-height:1;margin-bottom:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-zip{font-size:7px;line-height:1;opacity:.9}.ranking-popup{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:300px}.ranking-popup h6{border-bottom:2px solid #ff6b35;color:#ff6b35;font-size:14px;font-weight:700;margin:0 0 10px;padding-bottom:5px}.ranking-details{display:flex;flex-direction:column;gap:5px}.ranking-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:3px 0}.ranking-item:last-child{border-bottom:none}.ranking-label{color:#333;font-size:11px;font-weight:600;min-width:120px}.ranking-value{color:#666;flex:1 1;font-size:11px;font-weight:500;text-align:right}@media (max-width:768px){.ranking-marker{height:35px!important;width:50px!important}.ranking-number{font-size:10px}.ranking-name{font-size:7px}.ranking-zip{font-size:6px}.ranking-popup{max-width:250px}.ranking-label{font-size:10px;min-width:100px}.ranking-value{font-size:10px}}.popup-ranking{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #ffc107;border-radius:8px;box-shadow:0 2px 8px #ffc1074d;margin-bottom:12px;padding:8px 12px}.popup-ranking .stat-row{align-items:center;display:flex;justify-content:space-between;margin:0}.popup-ranking .stat-label{color:#b8860b;font-size:14px;font-weight:700}.ranking-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);border:2px solid #ff4500;border-radius:20px;box-shadow:0 2px 6px #ff6b3566;color:#fff!important;font-size:16px;font-weight:800;padding:4px 12px;text-shadow:1px 1px 2px #0000004d}.sidebar{background:var(--white);border-right:3px solid var(--primary-green);box-shadow:4px 0 20px var(--shadow-light);overflow-y:auto;width:350px;z-index:1000}.header{background:var(--primary-green);border-bottom:2px solid var(--primary-green-dark);color:var(--white);padding:1.5rem;text-align:center}.header h4{font-size:1.4rem;font-weight:800;margin:0}.header p{font-size:.95rem;font-weight:500;margin:.5rem 0 0;opacity:.95}.controls{padding:1.5rem}.filter-group{margin-bottom:1.5rem}.filter-label{display:block;font-weight:700;margin-bottom:.75rem}.filter-label,.form-select{color:var(--primary-black);font-size:.9rem}.form-select{background:var(--white);border:2px solid var(--primary-green);border-radius:8px;font-weight:500;padding:.75rem;transition:all .3s ease;width:100%}.form-select:focus{box-shadow:0 0 0 .2rem #00d47540;outline:none}.form-select:focus,.form-select:hover{border-color:var(--primary-green-dark)}.form-select:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary-green);border:none;border-radius:8px;color:var(--white);cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-primary:hover{background:var(--primary-green-dark);box-shadow:0 8px 25px #00d4754d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.stats-card{background:var(--white);border:2px solid var(--gray-light);border-radius:12px;box-shadow:0 4px 20px var(--shadow-light);margin:1rem;padding:1.5rem;transition:all .3s ease}.stats-card:hover{border-color:var(--primary-green);box-shadow:0 8px 30px var(--shadow-medium);transform:translateY(-2px)}.stats-card h6{color:var(--primary-black);font-size:1rem;font-weight:700;margin:0 0 1rem}.stats-content{margin-top:1rem}.stat-item{border-bottom:1px solid var(--gray-light);display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem 0;transition:all .2s ease}.stat-item:last-child{border-bottom:none;margin-bottom:0}.stat-item:hover{border-bottom-color:var(--primary-green)}.stat-label{color:var(--gray-dark);font-size:.9rem;font-weight:600}.stat-value{color:var(--primary-green);font-size:.9rem;font-weight:700}.chart-container{background:var(--white);border:2px solid var(--gray-light);border-radius:12px;box-shadow:0 4px 20px var(--shadow-light);margin:1rem;padding:1.5rem;transition:all .3s ease}.chart-container:hover{border-color:var(--primary-green);box-shadow:0 8px 30px var(--shadow-medium);transform:translateY(-2px)}.chart-container h6{color:var(--primary-black);font-size:1rem;font-weight:700;margin:0 0 1rem}.layers-section{background:var(--white);border:2px solid var(--primary-green);border-radius:12px;box-shadow:0 4px 15px var(--shadow-light);margin-bottom:1.5rem;padding:1.5rem}.layers-section h6{color:var(--primary-black);font-size:1rem;font-weight:800;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.layer-toggle{gap:.75rem;margin-bottom:1rem}.layer-toggle:last-of-type{margin-bottom:.75rem}.layers-description{color:var(--gray-dark);font-size:.8rem;font-style:italic;font-weight:500;margin-top:.5rem}.toggle-label{color:var(--primary-black);flex:1 1;font-size:.9rem;font-weight:600;transition:all .2s ease;-webkit-user-select:none;user-select:none}.toggle-label:hover{color:var(--primary-green)}.toggle-switch{display:inline-block;height:30px;margin:0;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:var(--gray-medium);border-radius:30px;bottom:0;box-shadow:inset 0 2px 4px var(--shadow-light);cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background:var(--white);border-radius:50%;bottom:4px;box-shadow:0 4px 8px var(--shadow-medium);content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px}input:checked+.toggle-slider{background:var(--primary-green)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary-green),inset 0 2px 4px var(--shadow-light)}input:checked+.toggle-slider:before{transform:translateX(30px)}.mode-description{background:var(--gray-light);border-left:4px solid var(--primary-green);border-radius:8px;color:var(--gray-dark);font-size:11px;font-weight:500;padding:1rem}.cache-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:15px}.cache-section h6{color:#495057;font-size:14px;font-weight:600;margin-bottom:12px}.cache-stats{margin-bottom:15px}.cache-stat{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 0}.cache-label{color:#6c757d;font-size:12px;font-weight:500}.cache-value{color:#28a745;font-size:12px;font-weight:600}.cache-types{background:#e9ecef;border-radius:4px;margin-top:8px;padding:8px}.cache-type{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.cache-type:last-child{margin-bottom:0}.cache-type-label{color:#6c757d;font-size:11px;text-transform:capitalize}.cache-type-value{color:#495057;font-size:11px;font-weight:500}.cache-clear-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:background-color .2s;width:100%}.cache-clear-btn:hover{background:#c82333}.cache-clear-btn:active{transform:translateY(1px)}.statistics-section{margin-bottom:20px}.statistics-section h6{color:#495057;font-size:14px;font-weight:600;margin-bottom:15px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.stat-card{background:linear-gradient(135deg,#495057,#6c757d);border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;padding:12px;text-align:center;transition:transform .2s}.stat-card:hover{background:linear-gradient(135deg,#343a40,#495057);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-number{color:#fff;font-size:16px;font-weight:700;margin-bottom:4px;text-shadow:0 1px 2px #0000004d}.stat-label{color:#f8f9fa;font-size:10px;font-weight:500;line-height:1.2}.stat-total{margin-top:4px;text-align:center}.stat-total small{color:#fff;font-size:12px;font-weight:400}.chart-section{margin-bottom:20px}.chart-section h6{color:#495057;font-size:14px;font-weight:600;margin-bottom:15px}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:250px;padding:10px;position:relative}.apply-filters-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:12px 20px;transition:all .3s;width:100%}.apply-filters-btn:hover{background:linear-gradient(135deg,#218838,#1ca085);box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.apply-filters-btn:active{transform:translateY(0)}@media (max-width:768px){.sidebar{border-bottom:3px solid var(--primary-green);border-right:none;height:40vh;width:100%}.controls{padding:1rem}.chart-container,.layers-section,.stats-card{margin:.75rem;padding:1rem}.toggle-label{font-size:.8rem}.toggle-switch{height:25px;width:50px}.toggle-slider:before{bottom:3px;height:18px;left:3px;width:18px}input:checked+.toggle-slider:before{transform:translateX(25px)}.stats-grid{grid-template-columns:1fr}.stat-card{padding:10px}.stat-number{font-size:14px}.cache-section{padding:10px}}.bar-section{margin:1.5rem 1rem}.bar-section h6{color:#333;font-size:1rem;font-weight:700;margin-bottom:1rem}.bar-group{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;margin-bottom:12px;position:relative;transition:all .3s ease}.bar-group:hover{transform:translateX(2px)}.bar-group:hover .bar-bar{box-shadow:0 2px 8px #0003}.bar-label{color:var(--gray-dark);font-size:.95rem;font-weight:600;margin-bottom:2px;margin-left:2px}.bar-bar-container{background:#e0e0e0;box-shadow:0 1px 4px #00000014;height:32px;margin-left:10px;position:relative;width:100%}.bar-bar,.bar-bar-container{border-radius:8px;overflow:hidden}.bar-bar{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:center;letter-spacing:.5px;min-width:50px;padding:0 10px;text-align:center;text-shadow:1px 1px 2px #00000080;transition:width .5s;white-space:nowrap}.bar-bar[style*="#FFC0CB"],.bar-bar[style*="#FFFF99"]{color:#6b2323}.bar-bar[style*="#222"],.bar-bar[style*="#444"],.bar-bar[style*="#666"],.bar-bar[style*="#888"],.bar-bar[style*="#8B0000"],.bar-bar[style*="#FF6666"]{color:#fff}.bar-bar[style*="width: 10%"],.bar-bar[style*="width: 15%"],.bar-bar[style*="width: 20%"],.bar-bar[style*="width: 5%"]{font-size:10px!important;padding:0 4px!important}.switch{display:inline-block;height:22px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:22px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:16px;left:3px;width:16px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(18px)}.layer-toggle{align-items:center;display:flex}.cache-controls{border-top:1px solid #e0e0e0;margin-top:20px;padding:15px}.clear-cache-btn{background-color:#ff6b6b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 15px;transition:background-color .3s ease;width:100%}.clear-cache-btn:hover{background-color:#ff5252}.clear-cache-btn:active{background-color:#f44}.overlay-content{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.overlay-spinner{color:#007bff;font-size:32px;margin-bottom:15px}.overlay-text{color:#fff;font-size:16px;font-weight:500}.sidebar{position:relative}.sidebar.has-overlay{overflow:hidden}.sidebar-overlay{align-items:center;background:#000000b3;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1000}.form-select:disabled,button:disabled,input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.clear-cache-btn:disabled{background-color:#6c757d;color:#fff;cursor:not-allowed;opacity:.6}.clear-cache-btn:disabled:hover{background-color:#6c757d;transform:none}.toggle-switch input[type=checkbox]:disabled+.toggle-slider{cursor:not-allowed;opacity:.6}.toggle-switch input[type=checkbox]:disabled+.toggle-slider:before{background-color:#ccc}.trade-area-loading{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffffff2;border:none;border-radius:0;bottom:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center;left:0;margin:0;padding:20px;position:absolute;right:0;top:0;z-index:10000}.loading-spinner{animation:spin 1s linear infinite;color:var(--primary-green);font-size:32px;margin-bottom:15px}.loading-text{color:var(--primary-green);font-size:16px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.trade-area-loading~.filter-group input,.trade-area-loading~.filter-group select{opacity:.6;pointer-events:none}.apply-filters-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.apply-filters-btn:disabled:hover{background-color:#6c757d;transform:none}.ranking-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.ranking-btn{align-items:center;background:var(--primary-green);border:none;border-radius:8px;color:var(--white);cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.5px;padding:.75rem 1rem;text-transform:uppercase;transition:all .3s ease}.ranking-btn:hover{background:var(--primary-green-dark);box-shadow:0 8px 25px #00d4754d;transform:translateY(-2px)}.ranking-btn.active{background:var(--primary-green-dark);box-shadow:0 4px 15px #00d47566}.ranking-btn:disabled{cursor:not-allowed}.ranking-btn:disabled,.ranking-btn:disabled:hover{background:var(--gray-light);box-shadow:none;transform:none}.clear-ranking-btn{align-items:center;background:#dc3545;border:none;border-radius:8px;color:var(--white);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease}.clear-ranking-btn:hover{background:#c82333;box-shadow:0 4px 15px #dc35454d;transform:translateY(-1px)}.clear-ranking-btn:disabled{cursor:not-allowed}.clear-ranking-btn:disabled,.clear-ranking-btn:disabled:hover{background:var(--gray-light);box-shadow:none;transform:none}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 10px}.login-header p{color:#666;font-size:14px;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-error{word-wrap:break-word;animation:shake .5s ease-in-out;background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;margin-bottom:10px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 24px;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#999;font-size:12px;margin:0}@media (max-width:480px){.login-box{padding:30px 20px}.login-header h1{font-size:24px}}:root{--primary-green:#6c757d;--primary-green-dark:#495057;--primary-green-light:#adb5bd;--primary-black:#1a1a1a;--primary-magenta:#ff6b35;--white:#fff;--gray-light:#f8f9fa;--gray-medium:#6c757d;--gray-dark:#495057;--shadow-light:#0000001a;--shadow-medium:#0003;--shadow-dark:#0000004d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--gray-light);color:#1a1a1a;color:var(--primary-black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{background:#fff;background:var(--white);display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.app-header{align-items:center;background:#6c757d;background:var(--primary-green);border-bottom:2px solid #495057;border-bottom:2px solid var(--primary-green-dark);box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-light);display:flex;justify-content:center;padding:.5rem 1rem;z-index:1001}.app-title{color:#fff;color:var(--white);font-size:1.2rem;font-weight:700;letter-spacing:.5px;text-align:center}.app-content{display:flex;flex:1 1;overflow:hidden}.map-section{flex:1 1;overflow:hidden;position:relative}.loading{background:#fff;background:var(--white);border:3px solid #6c757d;border:3px solid var(--primary-green);border-radius:15px;box-shadow:0 10px 30px #0003;box-shadow:0 10px 30px var(--shadow-medium);left:50%;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.loading h3{color:#6c757d;color:var(--primary-green);font-weight:700;margin-bottom:1rem}.loading p{color:#495057;color:var(--gray-dark);font-weight:500}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--gray-light)}::-webkit-scrollbar-thumb{background:#6c757d;background:var(--primary-green);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#495057;background:var(--primary-green-dark)}@media (max-width:768px){.app-content{flex-direction:column}.map-section{height:60vh}}
/*# sourceMappingURL=main.2005fa4c.css.map*/