:root{--color-accent:#b71c1c;--color-accent-hover:#a01818;--color-accent-soft:#fef2f2;--color-primary:#2962ff;--color-primary-soft:#2962ff1f;--color-ink:#0f172a;--color-body:#334155;--color-muted:#64748b;--color-subtle:#94a3b8;--color-hairline:#e2e8f0;--color-band:#f8fafc;--color-surface:#fff;--color-page:#eef2f6;--color-success:#16a34a;--color-warn:#d97706;--color-danger:#b71c1c;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:14px;--radius-pill:999px;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--shadow-lg:0 12px 32px #0f172a24, 0 4px 8px #0f172a0f;--shadow-xl:0 24px 60px #0f172a52;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:15px;--text-lg:18px;--text-xl:22px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur-med:.22s;--dur-slow:.32s;--primary-color:var(--color-accent);--secondary-color:#000;--background-color:var(--color-surface);--text-color:var(--color-ink);--border-color:var(--color-hairline);--input-bg:var(--color-band);--font-family:var(--font-sans)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--color-surface);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-hairline);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-subtle)}@keyframes al-fade-in{0%{opacity:0}to{opacity:1}}@keyframes al-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes al-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes al-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes al-marker-drop{0%{opacity:0;transform:translateY(-24px)scale(.6)}60%{opacity:1;transform:translateY(2px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes al-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-container{background-color:var(--background-color);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.login-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;width:100%;max-width:400px;padding:40px;box-shadow:0 0 40px #0000000d}.login-header{text-align:center;margin-bottom:40px}.login-logo{width:100%;max-width:280px;height:auto;margin:0 auto 24px;display:block}.login-header h1{color:var(--secondary-color);letter-spacing:-.5px;margin-bottom:8px;font-size:22px;font-weight:800}.login-header p{color:var(--text-muted);font-size:14px}.login-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:1px;color:var(--secondary-color);font-size:12px;font-weight:700}.form-group input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);padding:14px;font-size:15px;transition:all .2s}.form-group input:focus{border-color:var(--primary-color);background:#fff;outline:none}.login-error{color:var(--primary-color);border-radius:var(--radius-md);text-align:center;background-color:#fff5f5;border:1px solid #fed7d7;padding:12px;font-size:13px}.login-button{background-color:var(--primary-color);color:#fff;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:2px;border:none;margin-top:8px;padding:16px;font-size:14px;font-weight:700;transition:all .2s}.login-button:hover:not(:disabled){background-color:var(--secondary-color);transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:40px;padding-top:32px}.login-footer p{color:var(--text-muted);letter-spacing:.5px;font-size:11px}.map-wrapper-inner{background:#eef2f6;width:100%;height:100%;position:relative}.maplibre-root{position:absolute;inset:0}.map-wrapper-inner .maplibregl-ctrl-group{border:1px solid #0000000f;border-radius:10px;box-shadow:0 4px 20px #0000001f}.map-wrapper-inner .maplibregl-ctrl-attrib{border-radius:8px 0 0;font-size:10px}.map-crosshair{pointer-events:none;z-index:8;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-arm{background:#0f172ad9;border-radius:1px;position:absolute;box-shadow:0 0 0 1px #ffffffe6}.crosshair-arm-h{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.crosshair-arm-v{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.crosshair-center{cursor:pointer;pointer-events:auto;background:#2962ffe6;border:2px solid #fff;border-radius:50%;width:16px;height:16px;padding:0;transition:transform .15s,background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a80,0 2px 6px #00000040}.crosshair-center:hover{background:#b71c1c;transform:translate(-50%,-50%)scale(1.15)}.crosshair-center:active{transform:translate(-50%,-50%)scale(.95)}.crosshair-pin-marker{background:var(--color-accent);width:14px;height:14px;box-shadow:var(--shadow-md);transform-origin:0 100%;animation:al-marker-drop .36s var(--ease-out) both;border:2px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.pinned-coords-box{z-index:11;-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);font-family:var(--font-sans);box-shadow:var(--shadow-lg);min-width:200px;animation:al-scale-in var(--dur-med) var(--ease-out) both;transform-origin:100% 100%;background:#fffffff0;padding:10px 14px 10px 12px;position:absolute;bottom:40px;right:20px}.pinned-coords-title{font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:5px;margin-bottom:6px;padding-right:14px;font-weight:800;display:flex}.pinned-coords-row{justify-content:space-between;gap:12px;font-size:12px;line-height:1.5;display:flex}.pinned-coords-label{color:#64748b;font-weight:700}.pinned-coords-value{color:#1e293b;font-variant-numeric:tabular-nums;font-weight:600}.pinned-coords-copy{color:#475569;-webkit-user-select:all;user-select:all;word-break:break-all;border-top:1px solid #f1f5f9;margin-top:6px;padding-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pinned-coords-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;width:20px;height:20px;padding:0;font-size:18px;line-height:1;position:absolute;top:4px;right:6px}.pinned-coords-close:hover{color:#1e293b;background:#f1f5f9}.pinned-coords-action{color:#fff;cursor:pointer;background:#b71c1c;border:none;border-radius:8px;width:100%;margin-top:8px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s;display:block;box-shadow:0 2px 6px #b71c1c40}.pinned-coords-action:hover:not(:disabled){background:#a01818}.pinned-coords-action.disabled,.pinned-coords-action:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background:#e2e8f0}.map-legend{z-index:10;-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);font-family:var(--font-sans);box-shadow:var(--shadow-md);width:230px;animation:al-slide-down var(--dur-med) var(--ease-out) both;background:#ffffffe6;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:absolute;top:20px;right:20px}.legend-title{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--color-band);align-items:center;gap:6px;margin-bottom:2px;padding-bottom:6px;font-weight:800;display:flex}.legend-item{align-items:center;gap:12px;display:flex}.legend-line{border-radius:2px;flex-shrink:0;width:28px;height:4px}.pipeline-line{background-color:#b71c1c}.flight-line{background:repeating-linear-gradient(90deg,#000000a6,#000000a6 5px,#0000 5px 10px);border-top:1.5px solid #ffffff40;border-bottom:1.5px solid #ffffff40;height:6px;box-shadow:0 0 0 1px #00000026}.flight-line-junk{background:repeating-linear-gradient(90deg,#d32f2f99,#d32f2f99 3px,#0000 3px 6px);border-top:1px solid #fff3;border-bottom:1px solid #fff3;height:5px;box-shadow:0 0 0 1px #00000026}.legend-dot{background-color:#2962ff;border:1.5px solid #fff;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:9px;margin-right:9px;box-shadow:0 0 0 1px #2962ff}.legend-text{color:#1e293b;font-size:12px;font-weight:600}.legend-divider{background-color:#e2e8f0;height:1px;margin:6px 0}.radar-toggle{justify-content:space-between;align-items:center;display:flex}.basemap-switcher{background:#f1f5f9;border-radius:8px;gap:4px;padding:3px;display:flex}.basemap-option{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 4px;font-family:inherit;font-size:11px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s}.basemap-option:hover{color:#1e293b}.basemap-option.active{color:#2962ff;background:#fff;box-shadow:0 1px 4px #0000001f}.switch{flex-shrink:0;width:36px;height:18px;display:inline-block;position:relative}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:18px;transition:all .3s;position:absolute;inset:0}input:checked+.slider{background-color:#2962ff}input:focus+.slider{box-shadow:0 0 1px #2962ff}.radar-legend-bar{flex-direction:column;gap:4px;margin-top:8px;display:flex}.radar-legend-labels{color:#64748b;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.radar-legend-gradient{background:linear-gradient(90deg,#00c8ffbf,#00ff80cc,#ffdd00d9,#ff5000e6,#ff0000f2);border-radius:3px;height:6px}.control-panel{flex-direction:column;gap:20px;padding:16px 20px 30px;display:flex}.sidebar-tabs{background:var(--color-band);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);z-index:5;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid;position:sticky;top:0}.sidebar-tab{border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-weight:700;display:flex}.sidebar-tab:hover:not(.active){color:var(--color-ink)}.sidebar-tab.active{background:var(--color-surface);color:var(--color-accent);box-shadow:var(--shadow-sm)}.sidebar-tab-count{background:var(--color-accent);color:#fff;border-radius:var(--radius-pill);justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 6px;font-size:10px;font-weight:800;display:inline-flex}.tab-panel{animation:al-slide-down var(--dur-med) var(--ease-out) both;flex-direction:column;gap:22px;display:flex}.obs-empty-hint{color:var(--color-muted);text-align:center;border:1px dashed var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-band);flex-direction:column;align-items:center;gap:12px;padding:40px 16px;display:flex}.obs-empty-hint p{font-size:var(--text-sm);margin:0;font-weight:600}.obs-empty-hint-btn{background:var(--color-accent);color:#fff;font-family:var(--font-sans);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--dur-fast) var(--ease-out);border:none;padding:8px 14px;font-weight:700}.obs-empty-hint-btn:hover{background:var(--color-accent-hover)}.filter-chips{background:var(--color-band);border:1px solid var(--color-hairline);border-radius:var(--radius-md);animation:al-slide-down var(--dur-fast) var(--ease-out) both;flex-wrap:wrap;gap:6px;padding:8px 10px;display:flex}.filter-chip{border:1px solid var(--color-hairline);background:var(--color-surface);color:var(--color-ink);font-family:var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-items:center;gap:5px;padding:4px 6px 4px 10px;font-size:11px;font-weight:700;display:inline-flex}.filter-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-chip svg{color:var(--color-muted)}.filter-chip:hover svg{color:var(--color-accent)}.filter-chip-clear-all{color:var(--color-muted);background:0 0;border-style:dashed;padding:4px 10px}.filter-chip-clear-all:hover{color:var(--color-accent)}.panel-label-with-icon{align-items:center;gap:6px;display:inline-flex}.panel-section{flex-direction:column;gap:12px;display:flex}.panel-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-size:11px;font-weight:800}.select-wrapper{width:100%;position:relative}.modern-select{appearance:none;border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--secondary-color);cursor:pointer;background-color:#f8fafc;outline:none;padding:14px 16px;font-size:14px;font-weight:600;transition:all .2s}.modern-select:hover{border-color:var(--primary-color);background-color:#fff}.modern-select:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #b71c1c1a}.modern-select:disabled{opacity:.6;cursor:not-allowed}.pipeline-status{border-radius:var(--radius-md);align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.pipeline-status--loading{color:var(--text-muted);background-color:#f1f5f9}.pipeline-status--empty{color:#9a3412;background-color:#fff7ed}.pipeline-status--error{color:#991b1b;background-color:#fef2f2}.pipeline-status-dot{background:var(--primary-color);border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite pipeline-status-pulse}@keyframes pipeline-status-pulse{0%,to{opacity:.35}50%{opacity:1}}.company-fixed{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--secondary-color);background-color:#f1f5f9;padding:14px 16px;font-size:14px;font-weight:700}.select-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--secondary-color);pointer-events:none;width:0;height:0;transition:border-top-color .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.modern-select:focus+.select-arrow{border-top-color:var(--primary-color)}.panel-section.disabled{opacity:.5;pointer-events:none}.panel-error{color:var(--primary-color);background-color:#fff5f5;border:1px solid #fed7d7;border-radius:4px;padding:10px;font-size:12px}.obs-section{background:var(--bg-card);border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex}.obs-header{justify-content:space-between;align-items:center;display:flex}.obs-header-right{align-items:center;gap:8px;display:flex}.filter-settings-btn{width:28px;height:28px;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.filter-settings-btn:hover{background:var(--color-band);color:var(--color-ink)}.filter-settings-btn.active{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-hairline)}.filter-drawer{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:8px;margin-bottom:10px;padding:12px 14px;animation:.3s ease-out slideDown;box-shadow:0 4px 12px #0000000d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-drawer-header{text-transform:uppercase;color:#64748b;letter-spacing:1px;border-bottom:1px solid var(--border-color,#f1f5f9);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;font-size:11px;font-weight:800;display:flex}.filter-drawer-header button{width:22px;height:22px;color:var(--color-subtle);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.filter-drawer-header button:hover{color:var(--color-accent);background:var(--color-band)}.filter-option{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.filter-option:last-child{margin-bottom:0}.switch{width:28px;height:16px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border:1px solid #cbd5e1;border-radius:16px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;bottom:1px;left:1px;box-shadow:0 1px 3px #00000026}input:checked+.slider{background-color:var(--primary-color,#b71c1c);border-color:var(--primary-color,#b71c1c)}input:checked+.slider:before{transform:translate(12px)}.obs-sort-btn{font-size:10px;font-weight:700;font-family:var(--font-family);letter-spacing:.5px;color:#888;border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;background:#f1f5f9;border-radius:20px;padding:3px 10px;transition:all .15s}.obs-sort-btn:hover{color:#b71c1c;background:#fee2e2;border-color:#fca5a5}.obs-sort-btn.active{color:#fff;background:#b71c1c;border-color:#b71c1c}.obs-badge{color:#fff;text-align:center;background-color:#b71c1c;border-radius:20px;min-width:28px;padding:2px 8px;font-size:11px;font-weight:700;transition:background-color .3s}.obs-list{scroll-behavior:smooth;flex-direction:column;gap:4px;max-height:340px;padding-right:4px;display:flex;overflow-y:auto}.obs-list::-webkit-scrollbar{width:4px}.obs-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.obs-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.obs-list::-webkit-scrollbar-thumb:hover{background:#b71c1c}.obs-item{cursor:pointer;background-color:#f8fafc;border:1px solid #0000;border-radius:6px;align-items:flex-start;gap:10px;padding:10px 12px;transition:background-color .15s,border-color .15s,transform .1s;display:flex}.obs-item.selected{z-index:1;background:#fff;border-color:#2962ff;transform:translate(4px);box-shadow:0 4px 20px #00000014}.obs-item.selected:after{content:"";background:#2962ff;border-radius:0 4px 4px 0;width:3px;position:absolute;top:15%;bottom:15%;left:0}.obs-item.selected .obs-item-date{color:#2962ff}.obs-item.selected .obs-item-dot{background-color:#2962ff;box-shadow:0 0 10px #2962ff80}.obs-item:active{transform:scale(.98)translate(4px)}.obs-item-dot{background-color:#2962ff;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:4px;box-shadow:0 0 0 1.5px #2962ff}.obs-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.obs-item-top{justify-content:space-between;align-items:center;width:100%;display:flex}.photo-badge{color:#1b5e20;background:#34a8531a;border:1px solid #34a85333;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:800;display:flex}.photo-badge svg{stroke-width:3px;width:12px;height:12px}.obs-item.has-photos{background-color:#f0fdf4;border-color:#dcfce7}.obs-item.has-photos:hover{background-color:#dcfce7;border-color:#bbf7d0}.obs-item.has-photos .obs-item-dot{background-color:#34a853;box-shadow:0 0 0 1.5px #34a85366}.obs-item.has-photos.selected{background-color:#fff;border-color:#2962ff}.obs-item-date{color:#1e293b;font-size:12px;font-weight:700}.obs-item-id{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px;font-weight:600}.obs-item-remark{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.obs-date-filter{border:1px solid var(--border-color);background:#f8fafc;border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.obs-date-row{align-items:center;gap:10px;display:flex}.obs-date-label{text-transform:uppercase;letter-spacing:1px;color:#999;flex-shrink:0;width:28px;font-size:11px;font-weight:700}.obs-date-input{border:1px solid var(--border-color);font-size:12px;font-family:var(--font-family);color:var(--text-color);cursor:pointer;background:#fff;border-radius:4px;outline:none;flex:1;padding:6px 8px;transition:border-color .15s,box-shadow .15s}.obs-date-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #b71c1c1a}.obs-loading,.obs-empty{color:#999;text-align:center;padding:16px 8px;font-size:12px;font-style:italic}.tracks-section{background:var(--bg-card,#f8fafc);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:14px;margin-top:5px;margin-bottom:5px;padding:18px 16px;display:flex;box-shadow:0 4px 20px #00000005}.tracks-header{justify-content:space-between;align-items:center;width:100%;display:flex}.tracks-header-right{align-items:center;gap:8px;display:flex}.tracks-count-badge{color:#fff;text-align:center;background-color:#2962ff;border-radius:20px;min-width:28px;padding:2px 8px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #2962ff26}.tracks-date-filter{align-items:center;gap:6px;display:flex}.tracks-date-filter .obs-date-input{flex:1}.tracks-date-clear{border:1px solid var(--border-color);color:#64748b;cursor:pointer;background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:border-color .15s,color .15s;display:flex}.tracks-date-clear:hover{border-color:var(--primary-color);color:var(--primary-color)}.tracks-list-container{scroll-behavior:smooth;flex-direction:column;gap:10px;max-height:250px;padding-right:6px;display:flex;overflow-y:auto}.tracks-list-container::-webkit-scrollbar{width:4px}.tracks-list-container::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.tracks-list-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tracks-list-container::-webkit-scrollbar-thumb:hover{background:#2962ff}.track-item{border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.track-item:hover:not(.disabled){background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1.5px);box-shadow:0 4px 12px #0000000d}.track-item.active{background-color:#2962ff08;border-color:#2962ff;box-shadow:0 4px 14px #2962ff14}.track-item.disabled{opacity:.5;cursor:not-allowed;background-color:#f8fafc}.track-checkbox-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.track-toggle-indicator{background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.track-toggle-indicator.active{color:#fff;background-color:#2962ff;border-color:#2962ff;box-shadow:0 0 8px #2962ff59}.radio-dot{background:#fff;border-radius:50%;width:7px;height:7px}.check-icon{width:11px;height:11px}.track-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.track-title{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.track-week-text{color:#1e293b;letter-spacing:-.2px;font-size:13px;font-weight:700}.track-item.active .track-week-text{color:#2962ff}.track-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:1.5px 5px;font-size:8.5px;font-weight:800;display:inline-block}.track-badge.success{color:#1b5e20;background-color:#34a85314;border:1px solid #34a85326}.track-badge.warning{color:#b71c1c;background-color:#b71c1c0f;border:1px solid #b71c1c26}.track-metadata-row{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.track-day-text{color:#64748b;white-space:nowrap;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.track-subtitle{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:monospace;font-size:10px;overflow:hidden}.tracks-loading,.tracks-empty{color:#94a3b8;text-align:center;background:#fff;border:1.5px dashed #e2e8f0;border-radius:10px;padding:24px 12px;font-size:12px;font-style:italic}.track-spinner{border:2px solid #e2e8f0;border-top-color:#2962ff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite track-spin}@keyframes track-spin{to{transform:rotate(360deg)}}.obs-search-bar{width:100%;margin-top:4px;margin-bottom:2px;position:relative}.obs-search-input{border:1px solid var(--border-color);width:100%;font-size:12px;font-family:var(--font-family);color:var(--text-color);background-color:#f1f5f9;border-radius:6px;outline:none;padding:8px 32px 8px 12px;transition:all .15s}.obs-search-input:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 2px #b71c1c1a}.obs-search-clear{width:22px;height:22px;color:var(--color-subtle);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.obs-search-clear:hover{color:var(--color-accent);background:var(--color-band)}.od-panel{z-index:1005;width:100%;font-family:var(--font-family,"Inter", sans-serif);background:#f8fafc;border-top:3px solid #b71c1c;flex-direction:column;flex-shrink:0;transition:height;animation:.25s cubic-bezier(.16,1,.3,1) od-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 -10px 25px -5px #00000026,0 -8px 10px -6px #0000001a}@keyframes od-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.od-drag-handle{cursor:ns-resize;-webkit-user-select:none;user-select:none;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:center;align-items:center;height:16px;transition:background-color .2s;display:flex}.od-drag-handle:hover{background:#fff8f8}.od-drag-bar{background:#cbd5e1;border-radius:9999px;width:50px;height:4px;transition:background .15s,width .15s}.od-drag-handle:hover .od-drag-bar{background:#b71c1c;width:60px}.od-scroll{flex:1;overflow-y:auto}.od-scroll::-webkit-scrollbar{width:6px}.od-scroll::-webkit-scrollbar-track{background:#f1f5f9}.od-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.od-scroll::-webkit-scrollbar-thumb:hover{background:#b71c1c}.od-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffffff2;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.od-title{color:#0f172a;letter-spacing:-.3px;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.od-icon{font-size:18px}.od-worldkey-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;margin-left:8px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:700;display:inline-flex}.od-header-actions{align-items:center;gap:12px;display:flex}.ext-link-btn{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000d;text-decoration:none!important}.ext-link-btn svg{color:#4285f4;width:14px;height:14px}.ext-link-btn:hover{color:#fff;background:#4285f4;border-color:#4285f4;transform:translateY(-1px);box-shadow:0 4px 12px #4285f440}.ext-link-btn:hover svg{color:#fff}.ext-link-btn:active{transform:translateY(1px)}.od-close{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.od-close:hover{color:#b71c1c;background:#fff5f5;border-color:#fecaca;transform:rotate(90deg)}.od-loading{color:#64748b;justify-content:center;align-items:center;gap:12px;padding:48px 24px;font-size:14px;font-weight:600;display:flex}.od-spinner{border:3px solid #e2e8f0;border-top-color:#b71c1c;border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.6s linear infinite od-spin}@keyframes od-spin{to{transform:rotate(360deg)}}.od-body{flex-direction:column;gap:20px;padding:20px 24px 24px;display:flex}.od-remark-block{background:#fffbeb;border-left:4px solid #d97706;border-radius:8px;padding:12px 18px;box-shadow:0 1px 3px #00000005}.od-remark-title{color:#b45309;letter-spacing:1px;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.od-remark-content{color:#451a03;font-size:13.5px;font-style:italic;font-weight:500;line-height:1.5}.od-remark-quote{color:#d97706;vertical-align:middle;margin:0 2px;font-size:20px;font-style:normal;line-height:0}.od-dashboard{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;width:100%;display:grid}.od-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:18px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #00000005,0 1px 2px #0000000a}.od-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 12px 20px -3px #0000000f,0 4px 6px -2px #00000005}.od-card-header{color:#0f172a;text-transform:uppercase;letter-spacing:.8px;border-bottom:1.5px solid #f1f5f9;align-items:center;gap:10px;padding-bottom:8px;font-size:12px;font-weight:800;display:flex}.od-card-icon{color:#b71c1c;flex-shrink:0}.od-card-body{flex-direction:column;gap:4px;display:flex}.od-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;min-height:28px;padding:4px 0;font-size:12.5px;display:flex}.od-row:last-child{border-bottom:none}.od-label{color:#64748b;font-weight:500}.od-value{color:#0f172a;text-align:right;align-items:center;gap:6px;font-weight:600;display:flex}.copy-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;transition:all .2s;display:inline-flex}.copy-btn:hover{color:#b71c1c;background:#f1f5f9}.copy-btn:active{transform:scale(.9)}.copy-btn.copied{color:#22c55e}.header-copy{border:none;padding:2px}.leitung-badge{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2;border-radius:4px;padding:2px 8px;font-family:monospace;font-weight:800}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.status-badge.closed{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.status-badge.open{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.status-badge.progress{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe}.status-badge.default{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0}.od-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:16px;display:flex}.od-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.od-btn-primary{color:#fff;background:#1e293b;box-shadow:0 1px 2px #0000000d}.od-btn-primary:hover{background:#b71c1c;transform:translateY(-1px);box-shadow:0 4px 12px #b71c1c40}.od-btn-primary:active{transform:translateY(1px)}.od-btn-secondary{color:#334155;background:#e2e8f0}.od-btn-secondary:hover{color:#0f172a;background:#cbd5e1}.od-weather-card{border-top:3px solid #0284c7}.od-extra-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 10px;font-size:12px;font-weight:600;display:flex}.od-spinner-small{border:2.5px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite od-spin}.od-extra-error{color:#ef4444;text-align:center;padding:16px 10px;font-size:12px;font-weight:600}.od-extra-empty{color:#94a3b8;text-align:center;padding:16px 10px;font-size:12px}.weather-highlight{background:#f0f9ff;border-radius:8px;margin-bottom:4px;padding:6px 10px}.op-panel{z-index:1000;width:280px;height:100%;font-family:var(--font-family,"Inter", sans-serif);background:#fff;border-left:2px solid #b71c1c;flex-direction:column;animation:.25s op-slide-in;display:flex;position:absolute;top:0;right:0;box-shadow:-4px 0 24px #00000024}@keyframes op-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.op-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.op-title{color:#b71c1c;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.op-count{color:#fff;background:#b71c1c;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700}.op-close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;transition:color .15s,background .15s}.op-close:hover{color:#b71c1c;background:#fff5f5}.op-body{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.op-body::-webkit-scrollbar{width:4px}.op-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.op-body::-webkit-scrollbar-thumb:hover{background:#b71c1c}.op-loading,.op-empty{color:#999;text-align:center;justify-content:center;align-items:center;gap:10px;padding:24px 12px;font-size:13px;font-style:italic;display:flex}.op-spinner{border:2px solid #e0e0e0;border-top-color:#b71c1c;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite op-spin}@keyframes op-spin{to{transform:rotate(360deg)}}.op-item{border-radius:8px;flex-direction:column;gap:6px;display:flex;overflow:hidden;box-shadow:0 1px 6px #0000001a}.op-img-link{border-radius:8px;display:block;position:relative;overflow:hidden}.op-img{object-fit:cover;border-radius:8px;width:100%;max-height:180px;transition:transform .2s;display:block}.op-overlay{color:#fff;opacity:0;background:#b71c1c8c;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.op-img-link:hover .op-overlay{opacity:1}.op-img-link:hover .op-img{transform:scale(1.04)}.op-img-placeholder{color:#bbb;background:#f8f8f8;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100px;font-size:12px;display:flex}.op-caption{color:#666;padding:0 4px 4px;font-size:11px;font-style:italic}.obs-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;animation:al-fade-in var(--dur-med) var(--ease-out) both;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.obs-modal{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:calc(100vh - 48px);box-shadow:var(--shadow-xl);font-family:var(--font-sans);color:var(--color-ink);animation:al-scale-in var(--dur-med) var(--ease-out) both;transform-origin:50%;flex-direction:column;display:flex;overflow-y:auto}.obs-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 22px 12px;display:flex}.obs-modal-eyebrow{color:#b71c1c;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:4px;font-size:10px;font-weight:800}.obs-modal-header h2{letter-spacing:-.2px;margin:0;font-size:20px;font-weight:700}.obs-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 6px;font-size:26px;line-height:1}.obs-modal-close:hover{color:#0f172a;background:#f1f5f9}.obs-modal-coords{background:#f8fafc;border-bottom:1px solid #f1f5f9;gap:32px;padding:12px 22px;font-size:12px;display:flex}.obs-modal-coords>div{align-items:baseline;gap:8px;display:flex}.obs-modal-coord-label{color:#64748b;text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700}.obs-modal-coord-val{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.obs-modal-notice{color:#64748b;background:#f8fafc;padding:10px 22px;font-size:12px}.obs-modal-error{color:#b71c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:12px 22px 0;padding:10px 12px;font-size:12px;font-weight:600}.obs-modal-grid{grid-template-columns:1fr 1fr;gap:14px 18px;padding:18px 22px 6px;display:grid}.obs-field{flex-direction:column;gap:4px;min-width:0;display:flex}.obs-field-wide{grid-column:1/-1}.obs-field>span{color:#475569;text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.obs-field>span>em{color:#b71c1c;margin-left:2px;font-style:normal}.obs-field input,.obs-field select,.obs-field textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.obs-field input:focus,.obs-field select:focus,.obs-field textarea:focus{border-color:#2962ff;outline:none;box-shadow:0 0 0 3px #2962ff26}.obs-field select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.obs-field textarea{resize:vertical;min-height:80px}.obs-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:8px;padding:14px 22px 20px;display:flex}.obs-btn{cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.obs-btn-secondary{color:#334155;background:#f1f5f9}.obs-btn-secondary:hover:not(:disabled){background:#e2e8f0}.obs-btn-primary{color:#fff;background:#b71c1c;box-shadow:0 2px 6px #b71c1c40}.obs-btn-primary:hover:not(:disabled){background:#a01818}.obs-btn:disabled{opacity:.6;cursor:not-allowed}.obs-photo-picker{align-items:center;gap:10px;margin-top:4px;display:flex}.obs-photo-add{color:#334155;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.obs-photo-add:hover:not(:disabled){color:#b71c1c;background:#fff5f5;border-color:#b71c1c}.obs-photo-add:disabled{opacity:.6;cursor:not-allowed}.obs-photo-add-icon{font-size:15px;font-weight:800;line-height:1}.obs-photo-count{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.obs-photo-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.obs-photo-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:6px;display:flex}.obs-photo-thumb{object-fit:cover;background:#f1f5f9;border-radius:6px;flex-shrink:0;width:44px;height:44px}.obs-photo-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.obs-photo-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.obs-photo-caption{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 8px;font-family:inherit;font-size:12px}.obs-photo-caption:focus{border-color:#2962ff;outline:none;box-shadow:0 0 0 3px #2962ff26}.obs-photo-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;width:26px;height:26px;padding:0;font-size:20px;line-height:1}.obs-photo-remove:hover:not(:disabled){color:#b71c1c;background:#fef2f2}.obs-photo-remove:disabled{opacity:.5;cursor:not-allowed}.loading-screen{height:100vh;color:var(--primary-color);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.global-loader{z-index:9999;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff0;border:1px solid #00000014;border-radius:12px;padding:12px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000024}.loader-content{text-align:left;flex-direction:row;align-items:center;gap:14px;width:auto;display:flex}.spinner{border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spin;display:flex;position:relative}.progress-text{color:var(--secondary-color);font-size:11px;font-weight:800;animation:1.2s cubic-bezier(.5,0,.5,1) infinite counter-spin}.loader-detail{flex-direction:column;gap:8px;display:flex}.progress-bar-container{background-color:#f0f0f0;border-radius:10px;width:160px;height:6px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.progress-bar-fill{background-color:var(--primary-color);border-radius:10px;height:100%;transition:width .3s ease-out}.loader-content p{color:var(--secondary-color);text-transform:uppercase;letter-spacing:3px;margin:0;font-size:12px;font-weight:700}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counter-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.app-wrapper{flex-direction:column;height:100vh;display:flex;overflow:hidden;transform:translateZ(0)}.main-header{border-bottom:1px solid var(--border-color);z-index:1000;background-color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;box-shadow:0 1px 3px #0f172a0f}.header-left{align-items:center;gap:18px;display:flex}.header-logo{object-fit:contain;width:auto;height:34px;display:block}.brand-logo{color:var(--secondary-color);letter-spacing:2px;font-size:22px;font-weight:900}.divider{background-color:var(--border-color);width:1px;height:22px}.page-title{color:var(--primary-color);letter-spacing:3px;text-transform:uppercase;font-size:13px;font-weight:700}.header-right{align-items:center;gap:30px;display:flex}.user-info{align-items:center;gap:8px;display:flex}.welcome-text{color:var(--text-muted);font-size:14px}.username{color:var(--secondary-color);font-size:14px;font-weight:700}.logout-button{background-color:var(--secondary-color);color:#fff;border-radius:var(--radius-md);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border:none;padding:9px 18px;font-size:11px;font-weight:800;transition:opacity .2s}.logout-button:hover{opacity:.85}.dashboard-layout{contain:size layout;flex:1;width:100%;display:flex;position:relative;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);z-index:10;will-change:width;background-color:#fff;height:100%;overflow-y:auto}.sidebar-content{padding:24px}.resizer{cursor:col-resize;z-index:20;background-color:#0000;justify-content:center;align-items:center;width:10px;margin-left:-5px;margin-right:-5px;display:flex}.resizer-handle{background-color:var(--border-color);border-radius:1px;width:2px;height:30px;transition:all .2s}.resizer:hover .resizer-handle{background-color:var(--primary-color);width:4px;height:50px}.map-area{z-index:5;will-change:width;background-color:#f0f0f0;height:100%}.resizing *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}