@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Syne:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap";:root{--navy: #0A2342;--deep: #0D3B6E;--mid: #1565A7;--teal: #0D9488;--teal-light: #5EEAD4;--teal-dim: rgba(13,148,136,.15);--amber: #F59E0B;--amber-bg: rgba(245,158,11,.12);--red: #DC2626;--red-bg: rgba(220,38,38,.12);--green: #16A34A;--green-bg: rgba(22,163,74,.12);--slate: #94A3B8;--slate-dim: rgba(148,163,184,.08);--border: rgba(148,163,184,.15);--border-mid: rgba(148,163,184,.25);--surface: #0F2744;--surface2: #132F52;--surface3: #162E4A;--text: #E2E8F0;--text-dim: #94A3B8;--text-faint: #475569;--font-display: "Syne", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "DM Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--navy);color:var(--text);font-family:var(--font-body);font-size:13px}.shell{display:grid;grid-template-rows:48px 1fr;height:100vh}.app{display:grid;grid-template-columns:52px 180px 1fr;height:calc(100vh - 48px)}.topbar{background:var(--navy);border-bottom:.5px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:14px;justify-content:space-between}.topbar-brand{display:flex;align-items:center;gap:10px}.brand-mark{width:28px;height:28px;border-radius:7px;background:var(--teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-mark svg{width:16px;height:16px;color:#fff}.brand-name{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text);letter-spacing:-.01em}.brand-name span{color:var(--teal)}.site-selector{display:flex;align-items:center;gap:6px;background:var(--surface);border:.5px solid var(--border);border-radius:6px;padding:5px 10px;cursor:pointer;font-size:12px;color:var(--text-dim)}.site-selector strong{color:var(--text);font-weight:500}.topbar-right{display:flex;align-items:center;gap:12px}.live-badge{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;color:var(--teal)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.alert-chip{display:flex;align-items:center;gap:5px;background:var(--red-bg);border:.5px solid rgba(220,38,38,.3);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;color:#fca5a5;cursor:pointer;border:none;transition:opacity .15s}.alert-chip:hover{opacity:.8}.avatar{width:28px;height:28px;border-radius:50%;background:var(--mid);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--teal-light);cursor:pointer}.icon-rail{background:var(--navy);border-right:.5px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px}.rail-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;color:var(--text-faint);border:none;background:transparent;position:relative}.rail-btn:hover{background:var(--slate-dim);color:var(--text-dim)}.rail-btn.active{background:var(--teal-dim);color:var(--teal)}.rail-btn svg{width:16px;height:16px}.rail-divider{width:24px;height:.5px;background:var(--border);margin:6px 0}.sidebar{background:var(--surface);border-right:.5px solid var(--border);padding:14px 0;overflow-y:auto;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.nav-section{font-size:10px;font-weight:500;color:var(--text-faint);letter-spacing:.07em;padding:8px 14px 4px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 14px;cursor:pointer;color:var(--text-dim);font-size:12px;border-left:2px solid transparent;transition:all .15s}.nav-item:hover{background:var(--slate-dim);color:var(--text)}.nav-item.active{background:var(--teal-dim);color:var(--teal-light);border-left-color:var(--teal)}.nav-item svg{width:13px;height:13px;flex-shrink:0;opacity:.8}.nav-badge{margin-left:auto;font-size:10px;font-weight:600;padding:1px 5px;border-radius:99px;background:var(--red-bg);color:#fca5a5}.nav-badge.warn{background:var(--amber-bg);color:#fcd34d}.content-area{overflow-y:auto;background:#0b1e33}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.screen{display:none;padding:20px}.screen.active{display:block;animation:fadeIn .2s ease}.screen-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.screen-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text)}.screen-sub{font-size:11px;color:var(--text-dim);margin-top:1px}.hdr-actions{display:flex;gap:8px}.btn-sm{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:500;border:.5px solid var(--border-mid);background:var(--surface2);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s}.btn-sm:hover{background:var(--surface3);color:var(--text)}.btn-sm.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn-sm.primary:hover{opacity:.9}.btn-sm.danger{background:var(--red-bg);border-color:#dc262666;color:#fca5a5}.card{background:var(--surface);border:.5px solid var(--border);border-radius:10px;padding:14px}.card-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text)}.card-meta{font-size:10px;color:var(--text-faint)}.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.g-32{display:grid;grid-template-columns:3fr 2fr;gap:12px}.g-23{display:grid;grid-template-columns:2fr 3fr;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.kpi{background:var(--surface);border:.5px solid var(--border);border-radius:10px;padding:12px 14px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--kpi-color, var(--teal))}.kpi-label{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.kpi-value{font-family:var(--font-mono);font-size:24px;font-weight:500;line-height:1}.kpi-unit{font-size:11px;color:var(--text-dim);margin-top:3px}.kpi-status{position:absolute;top:10px;right:10px;font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;letter-spacing:.04em}.status-ok{background:var(--green-bg);color:#86efac}.status-warn{background:var(--amber-bg);color:#fcd34d}.status-crit{background:var(--red-bg);color:#fca5a5}.prog-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.prog-label{font-size:11px;color:var(--text-dim);width:88px;flex-shrink:0}.prog-track{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.prog-fill{height:100%;border-radius:3px;transition:width .6s ease}.prog-val{font-family:var(--font-mono);font-size:11px;color:var(--text);width:32px;text-align:right;flex-shrink:0}.sensor-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;background:var(--surface2);margin-bottom:5px}.s-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.s-name{font-size:11px;color:var(--text);flex:1}.s-val{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.s-badge{font-size:9px;font-weight:600;padding:1px 6px;border-radius:4px;flex-shrink:0;letter-spacing:.03em}.alert-row{display:flex;gap:10px;padding:9px 10px;border-radius:7px;margin-bottom:6px;border-left:2px solid transparent}.alert-row.crit{background:var(--red-bg);border-color:var(--red)}.alert-row.warn{background:var(--amber-bg);border-color:var(--amber)}.alert-row.info{background:#1565a726;border-color:var(--mid)}.alert-title{font-size:11px;font-weight:500;color:var(--text)}.alert-desc{font-size:10px;color:var(--text-dim);margin-top:2px}.alert-time{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);white-space:nowrap;padding-top:1px}.forecast-strip{display:flex;gap:6px}.fc-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:var(--surface2);border-radius:8px;cursor:pointer;transition:background .15s;border:.5px solid transparent}.fc-day:hover{background:var(--surface3)}.fc-day.active{background:var(--teal-dim);border-color:#0d94884d}.fc-date{font-size:9px;color:var(--text-faint)}.fc-rain{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--text)}.fc-unit{font-size:9px;color:var(--text-faint)}.fc-chip{font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;letter-spacing:.03em}.pump-card{background:var(--surface2);border:.5px solid var(--border);border-radius:8px;padding:10px 12px}.pump-card.pump-warn{border-color:#f59e0b66}.pump-card.pump-crit{border-color:#dc262680}.pump-name{font-size:11px;font-weight:500;color:var(--text)}.pump-spec{font-size:10px;color:var(--text-faint);margin-top:2px}.pump-bar{height:3px;background:var(--border);border-radius:2px;margin:7px 0;overflow:hidden}.pump-bar-fill{height:100%;border-radius:2px;transition:width .5s}.pump-toggle-row{display:flex;align-items:center;gap:8px}.toggle-sw{width:32px;height:18px;border-radius:9px;position:relative;cursor:pointer;border:none;transition:background .2s;flex-shrink:0}.toggle-sw.on{background:var(--teal)}.toggle-sw.off{background:var(--border-mid)}.toggle-sw:after{content:"";position:absolute;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .2s}.toggle-sw.on:after{left:17px}.toggle-sw.off:after{left:3px}.toggle-label{font-size:10px;color:var(--text-dim)}#pit-canvas{width:100%;border-radius:8px;display:block;background:#0a1f35}.chart-wrap{position:relative;width:100%}.chart-wrap canvas{width:100%!important}.drone-img-placeholder{width:100%;height:220px;background:#0a1f35;border-radius:8px;display:flex;align-items:center;justify-content:center;border:.5px solid var(--border);position:relative;overflow:hidden}.flight-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;background:var(--surface2);margin-bottom:5px}.flight-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{padding:7px 10px;text-align:left;color:var(--text-faint);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.05em;border-bottom:.5px solid var(--border)}.data-table td{padding:8px 10px;color:var(--text-dim);border-bottom:.5px solid rgba(148,163,184,.06)}.data-table td:first-child{color:var(--text);font-weight:500}.data-table tr:hover td{background:var(--slate-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.kpi{cursor:pointer;transition:border-color .2s,transform .15s}.kpi:hover{border-color:var(--border-mid);transform:translateY(-1px)}.sensor-row{cursor:pointer;transition:background .15s,box-shadow .15s}.sensor-row:hover{background:var(--surface3)!important;box-shadow:inset 0 0 0 .5px var(--border-mid)}.alert-row{cursor:pointer;transition:opacity .15s,transform .1s}.alert-row:hover{opacity:.88;transform:translate(2px)}.fc-day{transition:background .15s,border-color .15s,transform .1s}.fc-day:hover,.fc-day.active{transform:translateY(-2px)}.pump-card{transition:border-color .2s,box-shadow .2s}.pump-card:hover{box-shadow:0 2px 12px #00000040}.flight-row{cursor:pointer;transition:background .15s}.flight-row:hover{background:var(--surface3)!important}.data-table tr{cursor:pointer}.data-table tr:hover td{background:var(--slate-dim);cursor:pointer}.btn-sm:active,.btn-sm.primary:active{transform:scale(.97)}.prog-row:hover .prog-fill{filter:brightness(1.15)}.prog-row{cursor:default}.info-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-faint);padding:2px 7px;border-radius:4px;background:var(--slate-dim);border:.5px solid var(--border);cursor:default}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .6s linear infinite;display:inline-block}@keyframes ping{0%{box-shadow:0 0 #0d948880}60%{box-shadow:0 0 0 10px #0d948800}to{box-shadow:0 0 #0d948800}}#potree-viewer-card{min-height:560px}#potree-url-input:focus{border-color:var(--teal)!important}#potree-url-input::placeholder{color:var(--text-faint)}.modal-input{width:100%;padding:6px 10px;background:var(--surface2);border:.5px solid var(--border-mid);border-radius:6px;color:var(--text);font-size:12px;font-family:var(--font-body);outline:none;transition:border-color .15s}.modal-input:focus{border-color:var(--teal)}.modal-input-num{width:70px;padding:5px 8px;background:var(--surface2);border:.5px solid var(--border-mid);border-radius:6px;color:var(--text);font-size:12px;font-family:var(--font-mono);text-align:right;outline:none;transition:border-color .15s}.modal-input-num:focus{border-color:var(--teal)}.chart-wrap canvas{cursor:crosshair}.avatar{transition:box-shadow .15s}.avatar:hover{box-shadow:0 0 0 2px var(--teal-dim)}.site-selector{transition:border-color .15s}.site-selector:hover{border-color:var(--border-mid)}