*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fc7c3d;min-height:100vh}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{border:4px solid #f3f3f3;border-top:4px solid #fc7c3d;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#landing{display:none;min-height:100vh;justify-content:center;align-items:center;padding:20px}.card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 10px 40px #0003;max-width:400px;width:100%}.card h1{font-size:24px;margin-bottom:8px;color:#1f2937}.brand-logo{display:block;max-width:160px;margin:0 auto 16px;height:auto}.card p{color:#6b7280;margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.form-group.inline-checkbox{margin-bottom:12px}.form-group.inline-checkbox input[type=checkbox]{width:18px;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d1d5db;border-radius:4px;background:#fff;display:inline-block;vertical-align:middle;position:relative;cursor:pointer;accent-color:#fc7c3d}.form-group.inline-checkbox input[type=checkbox]:focus,.form-group.inline-checkbox input[type=checkbox]:focus-visible{outline:none;box-shadow:none}.form-group.inline-checkbox input[type=checkbox]:checked:after{content:"✓";color:#fff;background:#fc7c3d;position:absolute;top:0;left:0;width:18px;height:18px;line-height:18px;text-align:center;border-radius:4px}.form-group.inline-checkbox label{cursor:pointer;font-size:14px;color:#374151}.saved-shares-row{display:flex;align-items:center;gap:8px;width:100%;max-width:360px}.saved-shares-row select{flex:1;padding:10px 12px;min-width:0;max-width:100%;height:40px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.saved-shares-row button{flex:0 0 auto;width:36px;height:36px;border-radius:6px;border:1px solid #e8e3e1;background:#fff7f5;color:#b91c1c;font-size:18px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:all .2s}.saved-shares-row button:hover:not(:disabled){background:#fed7d7}.saved-shares-row button:disabled{opacity:.5;cursor:not-allowed}#shareForm button[type=submit],#viewDataBtn,#viewSelectedBtn{padding:12px 16px;background:#fc7c3d;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;width:100%;margin-bottom:0}#viewSelectedBtn{background:#fdaa58}#shareForm button[type=submit]:hover:not(:disabled),#viewDataBtn:hover:not(:disabled){background:#e86b2e;transform:translateY(-1px);box-shadow:0 4px 12px #fc7c3d4d}#viewSelectedBtn:hover:not(:disabled){background:#fc9a4a;transform:translateY(-1px);box-shadow:0 4px 12px #fdaa584d}#shareForm button[type=submit]:disabled,#viewDataBtn:disabled,#viewSelectedBtn:disabled{opacity:.5;cursor:not-allowed}.saved-shares-row button:hover:not(:disabled){background:#ffdede}.saved-shares-row button:disabled{cursor:not-allowed;opacity:.4}.form-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.form-group input:focus{outline:none;border-color:#fc7c3d;box-shadow:0 0 0 3px #ff99001f}.form-group{position:relative}.info-btn{background:#fff;border:1px solid #d1d5db;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#374151;cursor:pointer;padding:0;margin-left:6px}.info-btn:focus{outline:2px solid rgba(252,124,61,.25)}.tooltip{display:none;position:absolute;z-index:2000;background:#fff;border:1px solid #e5e7eb;padding:8px 10px;border-radius:8px;box-shadow:0 6px 18px #0000001f;max-width:300px;font-size:13px;color:#374151}.form-group label:hover~.tooltip,.form-group label:focus-within~.tooltip,.tooltip.open{display:block}.tooltip{top:100%;left:0;margin-top:8px}button[type=submit]{width:100%;padding:12px;background:#fc7c3d;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s}button[type=submit]:hover{transform:translateY(-2px)}button[type=submit]:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:grayscale(10%)}button[type=submit]:disabled:hover{transform:none}#mainContent{display:none;padding:20px;max-width:1400px;margin:0 auto}.header{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.header h1{font-size:24px;color:#1f2937;margin-bottom:8px}.header .info{color:#6b7280;font-size:14px}.download-buttons{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;align-items:center}.download-prefix{font-weight:600;margin-right:8px;color:#374151}.download-buttons a,.download-buttons button{padding:8px 16px;background:#fc7c3d;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;border:none;cursor:pointer;transition:background .2s}.download-buttons a:hover,.download-buttons button:hover{background:#cc7a00}#kmlPopupMenu button{color:#111;background:transparent;border:none;width:100%;text-align:left;padding:10px 16px;cursor:pointer}#kmlPopupMenu button:hover{background:#f3f4f6}#map{width:100%;height:500px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.message-type-tabs{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.message-type-tabs__nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.message-type-tab{padding:6px 16px;border-radius:999px;border:1px solid #e5e7eb;background:#f8fafc;color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.message-type-tab.active{background:#fc7c3d;border-color:#fc7c3d;color:#fff;box-shadow:0 6px 16px #fc7c3d4d}.message-type-tabs__empty{font-size:15px;color:#6b7280;margin-bottom:16px;display:none}.message-type-tabs__panels{min-height:280px}.message-type-panel{display:none}.message-type-panel.active{display:block}.message-type-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.message-type-panel__header h3{font-size:22px;color:#1f2937;margin-bottom:4px}.message-type-panel__header p{font-size:14px;color:#6b7280}.position-controls-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;margin-bottom:16px}.position-controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.position-controls-row label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.position-controls-row input[type=text]{width:96px;padding:6px 10px;border-radius:4px;border:1px solid #d1d5db;font-size:14px;background:#fff}.position-controls-row button{padding:6px 14px;background:#fc7c3d;color:#fff;border-radius:4px;border:none;cursor:pointer;font-size:14px}.position-controls-row button:hover{background:#e86b2e;transform:translateY(-1px)}.position-controls-row input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#fc7c3d}.position-slider{margin-top:12px}.global-time-filter{margin:16px 0;width:100%}.position-slider .slider-label{display:flex;gap:8px;align-items:center;font-size:13px;color:#6b7280}.global-time-filter{display:flex;justify-content:center;width:100%;padding:12px 0 0}.global-time-filter__content{width:100%;max-width:none;background:#fff;border-radius:16px;padding:18px 24px;box-shadow:0 18px 45px #0f172a2e;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.global-time-filter__header{display:flex;flex-direction:column;gap:4px}.global-time-filter__header h3{margin:0;font-size:20px;color:#1f2937}.global-time-filter__header p{margin:0;font-size:14px;color:#6b7280}.time-range-slider{position:relative;width:100%;height:8px;background:#e5e7eb;border-radius:4px;cursor:pointer;margin:8px 0}.time-range-track{position:absolute;height:100%;background:#fc7c3d;border-radius:4px;left:0;width:100%}.time-range-handle{position:absolute;width:16px;height:16px;background:#fc7c3d;border:2px solid white;border-radius:50%;top:-4px;cursor:grab;box-shadow:0 2px 4px #0003}.position-map-wrapper{margin-top:16px;margin-bottom:24px}.device-status-charts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.device-status-network{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}.device-status-network .chart-container{background:#fff}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:12px;margin-bottom:20px}.satellite-charts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.chart-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.chart-container h3{font-size:16px;color:#1f2937;margin-bottom:12px}.chart-container canvas{max-height:300px}.satellite-sky-plot canvas{max-height:420px;min-height:360px;width:100%}.sky-plot-legend{margin-top:10px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#475569}.legend-item{display:flex;align-items:center;gap:6px}.legend-color-bar{width:72px;height:8px;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#fb923c);box-shadow:inset 0 0 4px #0f172a33}.legend-item--tight .legend-dot{margin-right:4px}.legend-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(15,23,42,.6);background:#f97316;display:inline-block}.legend-dot--small{transform:scale(.7)}.legend-dot--large{transform:scale(1.2)}.messages-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.message-stats-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.message-stats-section h3,.messages-section h3{font-size:16px;color:#1f2937;margin-bottom:12px}#messagesList{list-style:none;max-height:400px;overflow-y:auto}#messagesList li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}#messagesList li:last-child{border-bottom:none}#messagesList pre{background:#f9fafb;padding:12px;border-radius:6px;font-size:12px;overflow-x:auto;color:#374151}#shareTabs{display:flex;overflow-x:auto;scrollbar-width:thin;background:#fff;border-bottom:2px solid #fc7c3d;padding:0 20px;gap:8px;flex-wrap:wrap;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;border-radius:12px 12px 0 0}.share-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:14px;font-weight:500;color:#6b7280;margin-top:8px}.share-tab:hover{background:#f9fafb;color:#374151}.share-tab.active{background:#f3f4f6;color:#fc7c3d;border-bottom-color:#fc7c3d}.share-tab .tab-label{font-weight:500}.ble-last-tooltip{background:#fffffff2!important;padding:4px 8px!important;border-radius:6px!important;box-shadow:0 4px 12px #0000001f!important;color:#0f172a!important;font-size:12px!important}.share-tab .tab-close{background:none;border:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background .2s;opacity:.6}.share-tab .tab-close:hover{opacity:1;background:#fc7c3d1a}.share-tab.active .tab-close:hover{background:#fc7c3d33}.ble-map-block{width:100%;margin-bottom:14px}.ble-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 12px;padding:10px 12px;margin-bottom:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.ble-filter-item{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}.ble-filter-item--dual{grid-template-columns:1fr}.ble-filter-item label{grid-column:1 / -1;font-size:12px;font-weight:600;color:#334155}.ble-filter-item input[type=range]{width:100%;accent-color:#fc7c3d}.ble-dual-slider{position:relative;height:18px;display:flex;align-items:center}.ble-dual-track{position:absolute;left:0;right:0;height:5px;background:linear-gradient(90deg,#e5e7eb,#e5e7eb);border-radius:999px;pointer-events:none}.ble-dual-slider input[type=range]{position:absolute;left:0;right:0;margin:0;width:100%;height:18px;background:transparent;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ble-dual-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fc7c3d;border:2px solid #fff;box-shadow:0 0 0 1px #fc7c3d80;pointer-events:auto;cursor:pointer}.ble-dual-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fc7c3d;border:2px solid #fff;box-shadow:0 0 0 1px #fc7c3d80;pointer-events:auto;cursor:pointer}.ble-dual-slider input[type=range]::-webkit-slider-runnable-track{height:5px;background:transparent}.ble-dual-slider input[type=range]::-moz-range-track{height:5px;background:transparent;border:0}.ble-filter-item span{font-size:12px;color:#1f2937;font-weight:600;min-width:60px;text-align:right}.ble-filter-item--compact{display:flex;flex-direction:column;align-items:stretch;gap:6px}.ble-filter-item--compact select,.ble-filter-item--compact input[type=text]{width:100%;padding:7px 9px;border:1px solid #d1d5db;border-radius:7px;font-size:12px}.ble-map-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:6px 10px;padding:10px 12px;margin-bottom:10px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;font-size:12px;color:#0f172a;font-weight:500}.ble-map-legend span{color:inherit;font-weight:500}.ble-map-canvas{width:100%;height:460px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:8px}.ble-map-metrics{font-size:13px;color:#334155;line-height:1.45;padding:6px 2px 2px}.ble-map-tooltip{background:#0f172af2!important;border:none!important;color:#f8fafc!important;font-size:11px!important;padding:5px 7px!important;line-height:1.35!important;box-shadow:0 4px 14px #00000047!important}.ble-map-tooltip:before{border-top-color:#0f172af2!important}.ble-selected-hint{font-size:12px;color:#0f172a;padding:6px 2px 8px}.ble-selected-hint--active{color:#0f172a;font-weight:600}#bleMap .leaflet-interactive:focus{outline:none}#pinShareBtn:disabled{opacity:.6;cursor:not-allowed}