*{box-sizing:border-box}:root{--bg:#0a0a0a;--panel:#1f1f1f;--text:#fff;--muted:#b3b3b3;--green:#22c55e;--green2:#166534;--red:#ef4444;--red2:#991b1b}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,Helvetica,sans-serif;margin:0;padding:0}.app{height:100vh;overflow:hidden}.layout{height:100vh}.canvas{position:relative;overflow:visible;height:100vh;display:flex;align-items:center;justify-content:center}.toolbar{position:absolute;left:16px;top:16px;z-index:10;display:flex;gap:8px}.toolbtn{padding:8px 12px;border-radius:8px;background:#262626;color:#fff;border:none;cursor:pointer;font-weight:600}.mapwrap{position:relative;-webkit-user-select:none;user-select:none;width:100%;height:100%}.mapwrap .overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.mapwrap{will-change:transform}.mapwrap .overlay{backface-visibility:hidden}.overlay{contain:layout paint size}.overlay svg path:hover,.overlay svg polygon:hover,.overlay svg rect:hover,.overlay svg circle:hover,.overlay svg ellipse:hover,.overlay svg polyline:hover{fill-opacity:.6!important}.floating-legend{position:absolute;bottom:20px;left:20px;background:#000c;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:8px;margin:4px 0}.legend-swatch{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.2)}.watermark-center{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:#f9fafb}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#6b7280;font-size:16px;margin:0}.admin-header-fixed{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;padding:0}.admin-header-content{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;max-width:100%}.admin-header-content h2{margin:0;color:#1f2937;font-size:18px;font-weight:600}.admin-stats{display:flex;gap:20px;font-size:14px;color:#6b7280}.admin-stats span{color:#6b7280}.logout-btn{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.logout-btn:hover{background:#dc2626}.admin-map-container{margin-top:60px;height:calc(100vh - 60px);overflow:hidden}.admin-map-container .app,.admin-map-container .container,.admin-map-container .canvas{height:100%}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.login-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0000004d;width:100%;max-width:400px}.login-form h2{margin:0 0 1.5rem;text-align:center;color:#333}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-buttons{display:flex;gap:1rem;margin-top:1.5rem}.form-buttons button{flex:1;padding:.75rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.form-buttons button[type=submit]{background:#007bff;color:#fff}.form-buttons button[type=submit]:hover{background:#0056b3}.form-buttons button[type=button]{background:#6c757d;color:#fff}.form-buttons button[type=button]:hover{background:#545b62}.admin-panel{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;z-index:500;min-width:300px}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee}.admin-header h3{margin:0;color:#333}.logout-btn{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.logout-btn:hover{background:#c82333}.admin-content{padding:1rem}.admin-content p{margin:0 0 1rem;color:#666;font-size:.9rem}.admin-stats{display:flex;flex-direction:column;gap:.5rem}.admin-stats span{font-size:.9rem;color:#555}.admin-btn{background:#6c757d!important}.admin-btn:hover{background:#545b62!important}@media (max-width: 768px){.floating-legend{bottom:60px;left:10px;font-size:.8rem}.legend-item{margin-bottom:.3rem}.legend-swatch{width:10px;height:10px}.watermark-center{font-size:.7rem;bottom:5px}.toolbar{top:10px;left:10px}.toolbtn{width:35px;height:35px;font-size:16px}.login-form{margin:1rem;padding:1.5rem}.admin-panel{top:10px;right:10px;left:10px;min-width:auto}.admin-stats{font-size:.8rem}}.mapwrap .map-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1}