:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.record-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01080ec2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.record-modal{background:#081622;border:1px solid #ffffff14;border-radius:18px;width:min(760px,100%);max-height:88vh;padding:22px;overflow:auto;box-shadow:0 30px 100px #00000073}.record-modal-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.record-modal-head h3{color:#edf8fe;margin:3px 0 0}.record-modal-subtitle{color:#61798c;margin:5px 0 0;font-size:10px}.record-modal-close{color:#91a5b5;cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:9px;width:34px;height:34px;font-size:19px}.record-detail-grid,.record-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.record-detail-grid>div,.record-edit-grid>label{background:#ffffff05;border:1px solid #ffffff0e;border-radius:10px;padding:13px}.record-detail-grid span,.record-detail-grid strong,.record-edit-grid span{display:block}.record-detail-grid span,.record-edit-grid span{color:#637b8e;text-transform:uppercase;letter-spacing:.5px;font-size:8px}.record-detail-grid strong{color:#cfe0ea;word-break:break-word;margin-top:6px;font-size:10px}.record-edit-grid input,.record-edit-grid select{color:#e4eef5;background:#06121d;border:1px solid #ffffff13;border-radius:8px;outline:none;width:100%;margin-top:7px;padding:10px}.record-modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.record-modal-error{color:#ff8996;background:#ff60730f;border:1px solid #ff607329;border-radius:8px;margin-bottom:12px;padding:10px;font-size:10px}@media (width<=620px){.record-detail-grid,.record-edit-grid{grid-template-columns:1fr}.record-modal{padding:16px}.full-width{grid-column:auto}}.device-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.summary-card{background:linear-gradient(#ffffff09,#ffffff05);border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:14px;min-height:105px;padding:17px;display:flex}.summary-icon{background:#41e4ff12;border-radius:12px;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.summary-icon.online{color:#48e69c}.summary-icon.offline{color:#ff6679}.summary-icon.warning{color:#ffc25b}.summary-card span,.summary-card strong,.summary-card small{display:block}.summary-card span{color:#7f92a8;font-size:11px}.summary-card strong{color:#edf8ff;margin:3px 0;font-size:23px}.summary-card small{color:#586c82;font-size:9px}.table-stack strong,.table-stack span{display:block}.table-stack strong{color:#e4eef7;font-size:11px}.table-stack span{color:#677b90;margin-top:4px;font-size:9px}.date-cell{white-space:nowrap;color:#71869b!important;font-size:10px!important}.gps-ready{color:#58e7a2;font-size:10px;font-weight:700}.gps-missing{color:#718399;font-size:10px}.table-empty{text-align:center;color:#64798f;padding:35px}.device-table td{white-space:nowrap}.device-table td:first-child,.device-table td:nth-child(2){white-space:normal}@media (width<=1200px){.device-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.device-summary{grid-template-columns:1fr}}.device-message{border-radius:11px;margin-bottom:14px;padding:13px 16px;font-size:12px}.device-message.error{color:#ff8996;background:#ff60730f;border:1px solid #ff60732e}.device-message.success{color:#62eaaa;background:#48e69c0f;border:1px solid #48e69c2e}.add-device-panel{margin-bottom:14px}.add-device-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.add-device-field{flex-direction:column;gap:7px;display:flex}.add-device-field label{color:#879aae;font-size:10px;font-weight:700}.add-device-field input,.add-device-field select{color:#e8f1f8;background:#0b1927;border:1px solid #ffffff13;border-radius:10px;outline:none;width:100%;padding:11px 12px}.add-device-field input:focus,.add-device-field select:focus{border-color:#41e4ff4d}.device-registration-preview{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.device-registration-preview div{background:#ffffff05;border:1px solid #ffffff0e;border-radius:10px;padding:12px}.device-registration-preview span,.device-registration-preview strong{display:block}.device-registration-preview span{color:#61768b;letter-spacing:.6px;font-size:8px}.device-registration-preview strong{color:#dce9f3;word-break:break-word;margin-top:5px;font-size:11px}.add-device-actions{justify-content:flex-end;gap:9px;display:flex}@media (width<=700px){.add-device-form{grid-template-columns:1fr}.device-registration-preview{grid-template-columns:1fr 1fr}.add-device-form .full-width{grid-column:auto}}.tag-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.tag-summary-card{background:linear-gradient(#ffffff09,#ffffff05);border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:14px;min-height:105px;padding:17px;display:flex}.tag-summary-icon{background:#41e4ff12;border-radius:12px;place-items:center;width:42px;height:42px;font-size:17px;font-weight:800;display:grid}.tag-summary-icon.connected{color:#4ce69d}.tag-summary-icon.separated{color:#ff6778}.tag-summary-icon.offline{color:#ffbd58}.tag-summary-card span,.tag-summary-card strong,.tag-summary-card small{display:block}.tag-summary-card span{color:#7f92a8;font-size:11px}.tag-summary-card strong{color:#edf8ff;margin:3px 0;font-size:23px}.tag-summary-card small{color:#586c82;font-size:9px}.tag-device-icon{color:#61dff4;letter-spacing:.8px;background:#41e4ff12;border:1px solid #41e4ff14;border-radius:10px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:800;display:grid}.uuid-value{text-overflow:ellipsis;white-space:nowrap;color:#7c91a6;max-width:190px;font-family:monospace;font-size:9px;display:inline-block;overflow:hidden}.major-minor{flex-direction:column;gap:3px;display:flex}.major-minor span{color:#8094a8;font-size:9px}.rssi-value{font-size:11px;font-weight:700}.rssi-value.excellent{color:#48e69c}.rssi-value.good{color:#58d9e9}.rssi-value.weak{color:#ffc25b}.rssi-value.critical{color:#ff6679}.rssi-value.none{color:#687b90}.signal-box{flex-direction:column;gap:5px;display:flex}.signal-box small{font-size:8px}.signal-box.excellent small{color:#48e69c}.signal-box.good small{color:#58d9e9}.signal-box.weak small{color:#ffc25b}.signal-box.critical small{color:#ff6679}.signal-box.none small{color:#687b90}.signal-bars{align-items:flex-end;gap:2px;height:18px;display:flex}.signal-bars span{background:#ffffff21;border-radius:2px;width:3px}.signal-bars span:first-child{height:5px}.signal-bars span:nth-child(2){height:9px}.signal-bars span:nth-child(3){height:13px}.signal-bars span:nth-child(4){height:17px}.signal-box.excellent .signal-bars span{background:#48e69c}.signal-box.good .signal-bars span:nth-child(-n+3){background:#58d9e9}.signal-box.weak .signal-bars span:nth-child(-n+2){background:#ffc25b}.signal-box.critical .signal-bars span:first-child{background:#ff6679}.tag-table td{white-space:nowrap}.tag-table td:first-child,.tag-table td:nth-child(2){white-space:normal}@media (width<=1200px){.tag-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.tag-summary{grid-template-columns:1fr}}.tag-message{border-radius:11px;margin-bottom:14px;padding:13px 16px;font-size:12px}.tag-message.error{color:#ff8996;background:#ff60730f;border:1px solid #ff60732e}.tag-message.success{color:#62eaaa;background:#48e69c0f;border:1px solid #48e69c2e}.add-tag-panel{margin-bottom:14px}.add-tag-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.add-tag-field{flex-direction:column;gap:7px;display:flex}.add-tag-field label{color:#879aae;font-size:10px;font-weight:700}.add-tag-field input{color:#e8f1f8;background:#0b1927;border:1px solid #ffffff13;border-radius:10px;outline:none;width:100%;padding:11px 12px}.add-tag-field input:focus{border-color:#41e4ff4d}.add-tag-actions{justify-content:flex-end;gap:9px;display:flex}.tag-registration-preview{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.tag-registration-preview div{background:#ffffff05;border:1px solid #ffffff0e;border-radius:10px;padding:12px}.tag-registration-preview span,.tag-registration-preview strong{display:block}.tag-registration-preview span{color:#61768b;letter-spacing:.6px;font-size:8px}.tag-registration-preview strong{color:#dce9f3;word-break:break-word;margin-top:5px;font-size:11px}@media (width<=700px){.add-tag-form{grid-template-columns:1fr}.tag-registration-preview{grid-template-columns:1fr 1fr}.add-tag-form .full-width{grid-column:auto}}.pairing-page{width:100%}.pairing-message{border-radius:11px;margin-bottom:14px;padding:13px 16px;font-size:12px}.pairing-message.error{color:#ff8996;background:#ff60730f;border:1px solid #ff60732e}.pairing-message.success{color:#62eaaa;background:#48e69c0f;border:1px solid #48e69c2e}.pairing-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.pairing-summary-card{background:linear-gradient(#ffffff09,#ffffff05);border:1px solid #ffffff12;border-radius:14px;padding:18px}.pairing-summary-card span,.pairing-summary-card strong,.pairing-summary-card small{display:block}.pairing-summary-card span{color:#7d91a6;font-size:11px}.pairing-summary-card strong{color:#edf8ff;margin:5px 0 2px;font-size:25px}.pairing-summary-card small{color:#5d7187;font-size:9px}.pairing-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;margin-bottom:14px;display:grid}.pairing-form{flex-direction:column;gap:15px;display:flex}.pairing-field{flex-direction:column;gap:7px;display:flex}.pairing-field label{color:#8fa3b8;font-size:10px;font-weight:700}.pairing-field select{color:#dce8f2;background:#0b1927;border:1px solid #ffffff13;border-radius:10px;outline:none;width:100%;padding:12px 13px}.pairing-field select:focus{border-color:#41e4ff52}.pairing-preview{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;margin-top:4px;display:grid}.preview-item{background:#ffffff06;border:1px solid #ffffff0e;border-radius:11px;min-height:95px;padding:13px}.preview-item span,.preview-item strong,.preview-item small{display:block}.preview-item span{color:#63788e;text-transform:uppercase;letter-spacing:.7px;font-size:9px}.preview-item strong{color:#eaf5fc;margin:8px 0 4px;font-size:13px}.preview-item small{color:#6f849a;font-size:9px}.preview-arrow{color:#49d7ef;place-items:center;display:grid}.pair-button{color:#06111d;cursor:pointer;background:linear-gradient(135deg,#41e4ff,#5c8dff);border:0;border-radius:10px;min-height:44px;margin-top:4px;font-weight:800}.pair-button:hover{transform:translateY(-1px)}.pair-button:disabled{opacity:.55;cursor:wait;transform:none}.pairing-flow{flex-direction:column;align-items:center;display:flex}.flow-node{text-align:center;background:#ffffff06;border:1px solid #ffffff0f;border-radius:11px;width:100%;padding:15px}.flow-icon{color:#55dcf2;background:#41e4ff12;border-radius:11px;place-items:center;width:39px;height:39px;margin:0 auto 8px;font-size:12px;font-weight:800;display:grid}.flow-node strong,.flow-node span{display:block}.flow-node strong{color:#e9f3fa;font-size:12px}.flow-node span{color:#6b8096;margin-top:4px;font-size:9px}.flow-line{background:linear-gradient(#43d8f0,#43d8f014);width:1px;height:22px}.pairing-note{background:#41e4ff06;border:1px solid #ffffff0e;border-radius:11px;margin-top:18px;padding:14px}.pairing-note strong{color:#65def1;font-size:10px}.pairing-note p{color:#71879d;margin:8px 0 0;font-size:10px;line-height:1.7}.active-pairs-panel{padding:0;overflow:hidden}.active-pairs-panel .panel-head{padding:18px 20px 0}.pairing-device-code{color:#67dff2;font-size:10px;font-weight:700}.pairing-tag-code{color:#7ee7b2;font-size:10px;font-weight:700}.pairing-table td{white-space:nowrap}@media (width<=1050px){.pairing-grid{grid-template-columns:1fr}}@media (width<=760px){.pairing-summary,.pairing-preview{grid-template-columns:1fr}.preview-arrow{transform:rotate(90deg)}}.alerts-page{width:100%}.alerts-message{border-radius:11px;margin-bottom:14px;padding:13px 16px;font-size:12px}.alerts-message.error{color:#ff8996;background:#ff60730f;border:1px solid #ff60732e}.alerts-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.alerts-summary-card{background:linear-gradient(#ffffff09,#ffffff05);border:1px solid #ffffff12;border-radius:14px;min-height:105px;padding:18px}.alerts-summary-card span,.alerts-summary-card strong,.alerts-summary-card small{display:block}.alerts-summary-card span{color:#7f92a8;font-size:11px}.alerts-summary-card strong{color:#edf8ff;margin:5px 0 3px;font-size:25px}.alerts-summary-card small{color:#5d7187;font-size:9px}.alerts-summary-card.danger{border-color:#ff60731f}.alerts-summary-card.warning{border-color:#ffbe4b1f}.alerts-summary-card.critical{background:linear-gradient(#ff60730d,#ffffff04);border-color:#ff607333}.alerts-summary-card.closed{border-color:#42e6931a}.alerts-panel{padding:0;overflow:hidden}.alerts-toolbar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.alerts-toolbar h3{margin:0}.alerts-controls{align-items:center;gap:9px;display:flex}.alert-search{min-width:230px}.alert-filter{color:#a6b7c7;background:#0b1927;border:1px solid #ffffff12;border-radius:9px;outline:none;min-height:38px;padding:0 11px;font-size:10px}.alert-filter:focus{border-color:#41e4ff40}.alerts-list{flex-direction:column;gap:10px;padding:14px;display:flex}.alert-card{background:#ffffff05;border:1px solid #ffffff0e;border-radius:13px;grid-template-columns:4px 1fr;display:grid;position:relative;overflow:hidden}.alert-card.is-open{background:linear-gradient(90deg,#ff607309,#ffffff04)}.alert-card-indicator{width:4px}.alert-card-indicator.ok{background:#42e693}.alert-card-indicator.warn{background:#ffbe4b}.alert-card-indicator.danger{background:#ff6073}.alert-card-indicator.muted{background:#64788d}.alert-card-main{padding:15px 16px}.alert-card-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.alert-title-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.alert-title-row h4{color:#edf7fd;margin:0;font-size:13px}.alert-identity{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.alert-identity span{color:#6f8499;font-size:9px}.alert-time{color:#5f7489;white-space:nowrap;font-size:9px}.alert-card-body{margin-top:13px}.alert-card-body p{color:#899caf;margin:0;font-size:10px;line-height:1.6}.alert-meta{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.alert-meta div{background:#ffffff05;border:1px solid #ffffff0b;border-radius:9px;min-width:110px;padding:9px 11px}.alert-meta span,.alert-meta strong{display:block}.alert-meta span{color:#61768b;text-transform:uppercase;letter-spacing:.5px;font-size:8px}.alert-meta strong{color:#a8b9c8;margin-top:4px;font-size:9px}.alert-actions{border-top:1px solid #ffffff0b;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:13px;display:flex}.alert-action{cursor:pointer;border-radius:8px;padding:8px 11px;font-size:9px}.alert-action:disabled{opacity:.5;cursor:wait}.alert-action.acknowledge{color:#ffc767;background:#ffbe4b0a;border:1px solid #ffbe4b2e}.alert-action.close{color:#72dff1;background:#41e4ff0a;border:1px solid #41e4ff29}.alert-action:hover:not(:disabled){transform:translateY(-1px)}@media (width<=1100px){.alerts-summary{grid-template-columns:repeat(2,1fr)}.alerts-toolbar{flex-direction:column;align-items:stretch}.alerts-controls{flex-wrap:wrap}}@media (width<=650px){.alerts-summary{grid-template-columns:1fr}.alerts-controls{flex-direction:column;align-items:stretch}.alert-search{min-width:0}.alert-card-head{flex-direction:column}.alert-actions{flex-direction:column;justify-content:stretch}.alert-action{width:100%}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.gps-page{width:100%}.gps-message{border-radius:11px;margin-bottom:14px;padding:13px 16px}.gps-message.error{color:#ff8996;background:#ff60730f;border:1px solid #ff60732e}.gps-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.gps-summary-card{background:linear-gradient(#ffffff09,#ffffff05);border:1px solid #ffffff12;border-radius:14px;padding:18px}.gps-summary-card span,.gps-summary-card strong,.gps-summary-card small{display:block}.gps-summary-card span{color:#7f92a8;font-size:11px}.gps-summary-card strong{color:#edf8ff;margin:5px 0 3px;font-size:25px}.gps-summary-card small{color:#5d7187;font-size:9px}.gps-layout{grid-template-columns:minmax(0,2fr) minmax(280px,.65fr);gap:14px;margin-bottom:14px;display:grid}.gps-map-panel{overflow:hidden}.real-map{border-radius:13px;height:520px;overflow:hidden}.leaflet-map{background:#091725;width:100%;height:100%}.gps-live{color:#4ce69d;font-size:9px;font-weight:800}.gps-sidebar{max-height:594px;overflow:hidden}.gps-device-list{flex-direction:column;gap:7px;max-height:510px;display:flex;overflow-y:auto}.gps-device-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0e;border-radius:11px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.gps-device-item:hover,.gps-device-item.active{background:#41e4ff0d;border-color:#41e4ff3d}.gps-truck-icon{background:#41e4ff12;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.gps-device-main strong,.gps-device-main span,.gps-device-main small{display:block}.gps-device-main strong{color:#e9f3fa;font-size:11px}.gps-device-main span{color:#6cdced;margin-top:3px;font-size:9px}.gps-device-main small{color:#64798e;margin-top:3px;font-size:8px}.gps-device-state{text-align:center}.gps-device-state span{font-size:10px;display:block}.gps-device-state span.online{color:#48e69c}.gps-device-state span.offline{color:#ff6679}.gps-device-state small{color:#70859a;font-size:8px}.gps-details{margin-top:14px}.gps-detail-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.gps-detail-grid div{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;padding:12px}.gps-detail-grid span,.gps-detail-grid strong{display:block}.gps-detail-grid span{color:#61768b;text-transform:uppercase;font-size:8px}.gps-detail-grid strong{color:#aebdcb;word-break:break-word;margin-top:5px;font-size:10px}.map-popup{flex-direction:column;gap:4px;display:flex}.map-popup strong{font-size:13px}.map-popup span{font-size:11px}@media (width<=1150px){.gps-summary{grid-template-columns:repeat(2,1fr)}.gps-layout{grid-template-columns:1fr}.gps-detail-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.gps-summary{grid-template-columns:1fr}.real-map{height:400px}.gps-detail-grid{grid-template-columns:1fr 1fr}}.reports-page{width:100%}.reports-header-actions{align-items:center;gap:9px;display:flex}.reports-message{border-radius:11px;margin-bottom:14px;padding:13px 16px;font-size:12px}.reports-message.error{color:#ff8996;background:#ff60730f;border:1px solid #ff60732e}.reports-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.report-card{background:linear-gradient(#ffffff09,#ffffff05);border:1px solid #ffffff12;border-radius:14px;min-height:104px;padding:16px}.report-card span,.report-card strong,.report-card small{display:block}.report-card span{color:#7d91a6;font-size:10px}.report-card strong{color:#edf8ff;margin:5px 0 3px;font-size:24px}.report-card small{color:#596d82;font-size:8px}.report-card.danger{border-color:#ff607324}.report-card.warning{border-color:#ffbe4b24}.report-card.critical{background:linear-gradient(#ff60730d,#ffffff04);border-color:#ff607333}.reports-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:14px;margin-bottom:14px;display:grid}.report-health-list{flex-direction:column;gap:20px;display:flex}.report-health-row>div:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.report-health-row span{color:#8195aa;font-size:10px}.report-health-row strong{color:#e7f2fa;font-size:11px}.report-health-track{background:#ffffff0d;border-radius:999px;height:6px;overflow:hidden}.report-health-track span{border-radius:inherit;background:linear-gradient(90deg,#3dd8ef,#4ce7a0);height:100%;display:block}.report-status-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.report-status-grid div{background:#ffffff05;border:1px solid #ffffff0e;border-radius:11px;padding:15px}.report-status-grid span,.report-status-grid strong{display:block}.report-status-grid span{color:#6e8297;font-size:9px}.report-status-grid strong{color:#e7f1f9;margin-top:6px;font-size:21px}.reports-table-panel{margin-bottom:14px;padding:0;overflow:hidden}.reports-table-panel .panel-head{padding:18px 20px 0}.reports-table td{white-space:nowrap}.report-gps-ok{color:#4ce69d;font-size:9px;font-weight:700}.report-gps-missing{color:#75879a;font-size:9px}.recent-report-alerts{padding:0;overflow:hidden}.recent-report-alerts .panel-head{padding:18px 20px 0}.report-alert-list{padding:0 18px 10px}.report-alert-row{border-top:1px solid #ffffff0b;grid-template-columns:9px 1fr auto;align-items:center;gap:12px;min-height:64px;display:grid}.report-alert-dot{border-radius:50%;width:8px;height:8px}.report-alert-dot.ok{background:#42e693}.report-alert-dot.warning{background:#ffbe4b}.report-alert-dot.danger{background:#ff6073;box-shadow:0 0 12px #ff607359}.report-alert-main strong,.report-alert-main span{display:block}.report-alert-main strong{color:#e8f3fa;font-size:11px}.report-alert-main span{color:#657a90;margin-top:4px;font-size:9px}.report-alert-status{text-align:right}.report-alert-status small{color:#5f7488;margin-top:5px;font-size:8px;display:block}@media (width<=1350px){.reports-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1000px){.reports-grid{grid-template-columns:1fr}}@media (width<=720px){.reports-summary-grid{grid-template-columns:repeat(2,1fr)}.reports-header-actions{width:100%}.reports-header-actions button{flex:1}}@media (width<=520px){.reports-summary-grid,.report-status-grid{grid-template-columns:1fr}.report-alert-row{grid-template-columns:9px 1fr}.report-alert-status{text-align:left;grid-column:2;padding-bottom:10px}}.profile-page{width:100%}.profile-message{border-radius:11px;margin-bottom:14px;padding:13px 16px;font-size:11px}.profile-message.success{color:#58e6a4;background:#48e69c0f;border:1px solid #48e69c2e}.profile-message.error{color:#ff8996;background:#ff60730f;border:1px solid #ff60732e}.profile-layout{grid-template-columns:280px minmax(0,1fr);gap:14px;display:grid}.profile-identity{text-align:center;padding:32px 22px}.profile-avatar{color:#55dff0;background:linear-gradient(135deg,#41e4ff1f,#48e69c0f);border:1px solid #41e4ff2e;border-radius:24px;place-items:center;width:86px;height:86px;margin:5px auto 18px;font-size:29px;font-weight:800;display:grid}.profile-identity h3{color:#edf8fe;margin:0;font-size:18px}.profile-role{color:#6d8598;margin-top:6px;font-size:10px;display:block}.profile-account-state{text-transform:uppercase;border-radius:999px;margin-top:18px;padding:6px 11px;font-size:8px;font-weight:800;display:inline-block}.profile-account-state.active{color:#4be59c;background:#4be59c12}.profile-account-state.inactive{color:#ff7081;background:#ff708112}.profile-id{color:#415c70;margin-top:18px;font-size:8px}.profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-info-grid>div{background:#ffffff05;border:1px solid #ffffff0e;border-radius:11px;padding:15px}.profile-info-grid span,.profile-info-grid strong{display:block}.profile-info-grid span{color:#637b8e;text-transform:uppercase;letter-spacing:.6px;font-size:8px}.profile-info-grid strong{color:#c9d9e3;word-break:break-word;margin-top:7px;font-size:11px}.profile-edit-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-field{flex-direction:column;gap:7px;display:flex}.profile-field label{color:#8195a7;font-size:9px;font-weight:700}.profile-field input{color:#e2eef6;background:#091722;border:1px solid #ffffff13;border-radius:10px;outline:none;width:100%;padding:11px 12px}.profile-field input:focus{border-color:#41e4ff4d}.profile-field input:disabled{opacity:.55}.profile-form-actions{grid-column:1/-1;justify-content:flex-end;gap:9px;padding-top:5px;display:flex}@media (width<=850px){.profile-layout{grid-template-columns:1fr}}@media (width<=620px){.profile-info-grid,.profile-edit-form{grid-template-columns:1fr}.profile-form-actions{grid-column:auto}}.users-page{width:100%}.users-message{border-radius:11px;margin-bottom:14px;padding:13px 16px;font-size:11px}.users-message.success{color:#59e8a6;background:#48e69c0f;border:1px solid #48e69c2e}.users-message.error{color:#ff8996;background:#ff60730f;border:1px solid #ff60732e}.add-user-panel{margin-bottom:14px}.add-user-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.user-field{flex-direction:column;gap:7px;display:flex}.user-field label{color:#8195a7;font-size:9px;font-weight:700}.user-field input,.user-field select{color:#e3eef6;background:#091722;border:1px solid #ffffff13;border-radius:10px;outline:none;width:100%;padding:11px 12px}.user-field input:focus,.user-field select:focus{border-color:#41e4ff4d}.add-user-actions{grid-column:1/-1;justify-content:flex-end;gap:9px;display:flex}.users-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.users-summary article{background:#ffffff05;border:1px solid #ffffff0f;border-radius:13px;padding:17px}.users-summary span,.users-summary strong{display:block}.users-summary span{color:#6f8497;font-size:9px}.users-summary strong{color:#e8f4fb;margin-top:5px;font-size:23px}.users-panel{padding:0;overflow:hidden}.user-table-person{align-items:center;gap:10px;display:flex}.user-mini-avatar{color:#51ddec;background:#41e4ff12;border:1px solid #41e4ff1a;border-radius:9px;flex:none;place-items:center;width:33px;height:33px;font-size:10px;font-weight:800;display:grid}.user-table-person strong,.user-table-person span{display:block}.user-table-person strong{color:#d9e7ef;font-size:10px}.user-table-person span{color:#4f687a;margin-top:3px;font-size:8px}.role-badge{border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-block}.role-badge.super_admin{color:#55dcf0;background:#41e4ff12}.role-badge.admin{color:#ae8cff;background:#ae8cff12}.role-badge.operator{color:#4ce69d;background:#4ce69d12}.role-badge.viewer{color:#94a4b1;background:#94a4b112}@media (width<=800px){.users-summary{grid-template-columns:1fr 1fr}}@media (width<=620px){.add-user-form{grid-template-columns:1fr}.add-user-actions{grid-column:auto}.users-summary{grid-template-columns:1fr}}.user-edit-panel,.reset-password-panel{border-color:#41e4ff14;margin-bottom:14px}.password-reset-form{grid-template-columns:minmax(250px,1fr) auto;align-items:end;gap:12px;display:grid}.user-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.user-action{cursor:pointer;background:#ffffff06;border:1px solid #ffffff12;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:700;transition:all .2s}.user-action.edit{color:#58dced}.user-action.edit:hover{background:#41e4ff12;border-color:#41e4ff2b}.user-action.password{color:#b594ff}.user-action.password:hover{background:#b594ff12;border-color:#b594ff2b}.user-action.disable{color:#ff7c8b}.user-action.disable:hover{background:#ff607312;border-color:#ff60732e}.user-action.enable{color:#53e6a0}.user-action.enable:hover{background:#48e69c12;border-color:#48e69c2e}@media (width<=650px){.password-reset-form{grid-template-columns:1fr}}*{box-sizing:border-box}:root{color:#e9f0f7;font-synthesis:none;text-rendering:optimizelegibility;background:#07111d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 80% 0,#00c3ff14,#0000 26%),linear-gradient(#07111d 0%,#08131f 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{transition:all .2s}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#07111ded;border-right:1px solid #ffffff12;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:4px 8px 28px;display:flex}.brand-mark{color:#06111d;background:linear-gradient(135deg,#41e4ff,#5c8dff);border-radius:13px;place-items:center;width:44px;height:44px;font-weight:800;display:grid;box-shadow:0 10px 30px #41e4ff29}.brand h1{letter-spacing:.2px;margin:0;font-size:16px}.brand span{color:#71839a;margin-top:3px;font-size:11px;display:block}.nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#8395aa;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;padding:12px 13px;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#dff9ff;background:linear-gradient(90deg,#31d3ff24,#31d3ff0a);box-shadow:inset 3px 0 #40dcff}.sidebar-footer{margin-top:auto}.system-card{background:#ffffff09;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}.system-card strong,.system-card small{display:block}.system-card strong{font-size:12px}.system-card small{color:#6f8298;margin-top:2px}.pulse{background:#43f09a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #43f09a14,0 0 18px #43f09a73}.main{padding:30px 32px 42px;overflow:hidden}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:#4bcfea;letter-spacing:1.8px;margin:0 0 7px;font-size:10px;font-weight:800}.topbar h2{letter-spacing:-.7px;margin:0;font-size:30px}.subtitle{color:#76899f;margin:7px 0 0;font-size:13px}.top-actions{align-items:center;gap:12px;display:flex}.live-chip{background:#ffffff0a;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:12px;display:flex}.avatar{background:linear-gradient(135deg,#253b56,#122335);border:1px solid #ffffff14;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.kpi-card,.panel{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff12;box-shadow:0 16px 50px #00000029}.kpi-card{border-radius:15px;align-items:center;gap:13px;min-height:120px;padding:18px;display:flex}.kpi-card:hover{border-color:#42dbff3d;transform:translateY(-1px)}.kpi-icon{background:#44d2ff14;border-radius:12px;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.kpi-label,.kpi-card small{display:block}.kpi-label{color:#7f92a8;font-size:11px}.kpi-value{margin:4px 0 2px;font-size:25px;display:block}.kpi-card small{color:#596d84;font-size:10px}.operations-grid{grid-template-columns:minmax(0,2fr) minmax(300px,.78fr);gap:14px;margin-bottom:14px;display:grid}.bottom-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:14px;display:grid}.panel{border-radius:16px;padding:19px}.panel-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.panel h3{margin:0;font-size:16px}.ghost-button{color:#9aacbf;cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:9px;padding:8px 11px;font-size:11px}.ghost-button:hover{color:#e6fbff;background:#42dbff0d;border-color:#42dbff40}.map-placeholder{background:radial-gradient(circle at 30% 30%,#37c7ff17,#0000 20%),radial-gradient(circle at 70% 60%,#3c86ff14,#0000 23%),#091725;border:1px solid #ffffff0d;border-radius:13px;height:330px;position:relative;overflow:hidden}.map-grid{opacity:.18;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.map-pin{background:#07111de0;border:1px solid #51d7ff33;border-radius:9px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:flex;position:absolute;box-shadow:0 12px 30px #0000004d}.map-pin span{background:#44e397;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #44e397b3}.pin-one{top:38%;left:28%}.pin-two{bottom:30%;right:24%}.map-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050e18bd;border-radius:10px;padding:10px 12px;position:absolute;bottom:14px;left:14px}.map-overlay strong,.map-overlay span{display:block}.map-overlay strong{color:#4bd8f3;letter-spacing:1px;font-size:10px}.map-overlay span{color:#7890a8;margin-top:3px;font-size:10px}.status-panel{min-height:100%}.health-item{margin:22px 0}.health-item>div:first-child{color:#90a3b8;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px;display:flex}.health-item strong{color:#e6f1fa}.progress{background:#ffffff0e;border-radius:999px;height:6px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg,#39d7ef,#48eb9d);height:100%;display:block}.mini-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.mini-stats div{background:#ffffff07;border:1px solid #ffffff0e;border-radius:11px;padding:14px}.mini-stats span,.mini-stats strong{display:block}.mini-stats span{color:#70859b;font-size:10px}.mini-stats strong{margin-top:5px;font-size:21px}.alert-list{flex-direction:column;display:flex}.alert-row{border-bottom:1px solid #ffffff0e;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;min-height:64px;display:grid}.alert-row:last-child{border-bottom:0}.alert-dot{border-radius:50%;width:8px;height:8px}.alert-dot.ok{background:#42e693}.alert-dot.warn{background:#ffbe4b}.alert-dot.danger{background:#ff6073;box-shadow:0 0 13px #ff607366}.alert-dot.muted{background:#74869a}.alert-main strong,.alert-main span{display:block}.alert-main strong{text-transform:capitalize;font-size:12px}.alert-main span{color:#6f849a;margin-top:3px;font-size:10px}.alert-right{text-align:right}.alert-right small{color:#607389;margin-top:5px;font-size:9px;display:block}.status-pill{text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:9px;display:inline-flex}.status-pill.ok{color:#60eaa7;background:#4ae8a014}.status-pill.warn{color:#ffc35b;background:#ffc35b14}.status-pill.danger{color:#ff7b89;background:#ff607317}.status-pill.muted{color:#8b9caf;background:#ffffff0d}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-grid button{color:#8fa3b8;cursor:pointer;background:#ffffff06;border:1px solid #fff1;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:82px;padding:13px;display:flex}.quick-grid button:hover{color:#e7f7fb;background:#42dbff0b;border-color:#42dbff38}.quick-grid button span{font-size:18px}.state-box,.empty-state{color:#7e91a7;background:#ffffff06;border:1px solid #ffffff12;border-radius:14px;padding:30px}.state-box.error{color:#ff7f8d}.empty-state{text-align:center;padding:26px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.page-header h2{margin:0;font-size:28px}.primary-button{color:#06111d;cursor:pointer;background:linear-gradient(135deg,#41e4ff,#5c8dff);border:0;border-radius:10px;padding:11px 16px;font-weight:700;box-shadow:0 8px 24px #41e4ff1f}.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 30px #41e4ff33}.fleet-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.fleet-summary-card{background:linear-gradient(#ffffff09,#ffffff05);border:1px solid #ffffff12;border-radius:14px;padding:18px}.fleet-summary-card span{color:#7f92a8;font-size:11px;display:block}.fleet-summary-card strong{color:#edf8ff;margin-top:6px;font-size:24px;display:block}.fleet-panel{padding:0;overflow:hidden}.fleet-toolbar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.fleet-toolbar h3{margin:0}.fleet-search{background:#ffffff06;border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:8px;min-width:250px;padding:9px 12px;display:flex}.fleet-search:focus-within{background:#41e4ff06;border-color:#41e4ff40}.fleet-search input{color:#e8f1f8;background:0 0;border:0;outline:none;width:100%}.fleet-search input::placeholder{color:#5f7389}.fleet-table-wrapper{overflow-x:auto}.fleet-table{border-collapse:collapse;width:100%}.fleet-table th{text-align:left;color:#687d93;text-transform:uppercase;letter-spacing:.7px;background:#ffffff04;padding:13px 18px;font-size:10px}.fleet-table td{color:#a8b8c8;border-top:1px solid #ffffff0b;padding:15px 18px;font-size:12px}.fleet-table tbody tr{transition:all .2s}.fleet-table tbody tr:hover{background:#42dbff06}.truck-cell{align-items:center;gap:11px;display:flex}.truck-icon{background:#41e4ff12;border:1px solid #41e4ff14;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.truck-cell strong,.truck-cell span{display:block}.truck-cell strong{color:#e9f3fa}.truck-cell span{color:#61758a;margin-top:3px;font-size:9px}.details-button{color:#73def1;cursor:pointer;background:#41e4ff0a;border:1px solid #41e4ff26;border-radius:8px;padding:7px 10px;font-size:10px}.details-button:hover{background:#41e4ff17;border-color:#41e4ff4d}.table-action{text-align:right}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.operations-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=820px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:14px;position:relative}.brand{padding-bottom:12px}.nav{flex-direction:row;padding-bottom:4px;overflow-x:auto}.nav-item{width:auto;min-width:max-content}.sidebar-footer{display:none}.main{padding:20px 14px 30px}.topbar h2{font-size:25px}.kpi-grid{grid-template-columns:1fr 1fr}.fleet-summary{grid-template-columns:1fr 1fr 1fr}}@media (width<=720px){.fleet-summary{grid-template-columns:1fr}.fleet-toolbar{flex-direction:column;align-items:stretch;gap:14px}.fleet-search{width:100%;min-width:0}.page-header{align-items:flex-start}}@media (width<=520px){.topbar{align-items:center}.subtitle,.live-chip{display:none}.kpi-grid{grid-template-columns:1fr}.map-placeholder{height:250px}.quick-grid{grid-template-columns:1fr}.alert-row{grid-template-columns:10px 1fr}.alert-right{text-align:left;grid-column:2}.page-header{flex-direction:column}.primary-button{width:100%}}.add-truck-panel{margin-bottom:14px}.add-truck-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.add-truck-field{flex-direction:column;gap:7px;display:flex}.add-truck-field label{color:#879aae;font-size:10px;font-weight:700}.add-truck-field input,.add-truck-field select,.add-truck-field textarea{color:#e8f1f8;background:#0b1927;border:1px solid #ffffff13;border-radius:10px;outline:none;width:100%;padding:11px 12px}.add-truck-field input:focus,.add-truck-field select:focus,.add-truck-field textarea:focus{border-color:#41e4ff4d}.add-truck-field textarea{resize:vertical}.full-width{grid-column:1/-1}.add-truck-actions{justify-content:flex-end;gap:9px;display:flex}@media (width<=700px){.add-truck-form{grid-template-columns:1fr}.full-width{grid-column:auto}}.nav-divider{background:#ffffff0d;height:1px;margin:9px 12px}.sidebar-footer{flex-direction:column;gap:8px;display:flex}.sidebar-user-card{cursor:pointer;text-align:left;width:100%;color:inherit;background:#ffffff05;border:1px solid #ffffff0e;border-radius:11px;align-items:center;gap:10px;padding:10px;transition:all .2s;display:flex}.sidebar-user-card:hover{background:#41e4ff0a;border-color:#41e4ff2e}.sidebar-user-avatar{color:#51ddec;background:#41e4ff12;border:1px solid #41e4ff1f;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-info strong,.sidebar-user-info small{display:block}.sidebar-user-info strong{color:#dce9f1;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.sidebar-user-info small{color:#567083;letter-spacing:.5px;margin-top:3px;font-size:7px}.sidebar-logout{cursor:pointer;color:#a9737c;background:#ff607306;border:1px solid #ff607314;border-radius:9px;align-items:center;gap:9px;width:100%;padding:9px 11px;font-size:9px;font-weight:700;transition:all .2s;display:flex}.sidebar-logout:hover{color:#ff7c8b;background:#ff60730e;border-color:#ff60732e}.topbar-user-avatar{cursor:pointer;border:0;font-family:inherit}.topbar-user-avatar:hover{transform:scale(1.04)}.brand{justify-content:center;align-items:center;padding:8px 0 18px;display:flex}.brand-logo{object-fit:contain;width:190px;max-width:100%;height:auto;display:block}.language-switch{color:#e4f8ff;letter-spacing:.5px;cursor:pointer;background:#0a2033e0;border:1px solid #49d0ff4d;border-radius:10px;min-width:48px;height:38px;padding:0 12px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.language-switch:hover{background:#123854f5;border-color:#49d0ffb3;transform:translateY(-1px)}html[dir=rtl] body,html[dir=rtl] .app-shell,html[dir=rtl] .sidebar{direction:rtl}html[dir=rtl] .nav-item,html[dir=rtl] .sidebar-user-card,html[dir=rtl] .system-card{text-align:right}html[dir=rtl] .topbar,html[dir=rtl] .top-actions{direction:rtl}html[dir=rtl] .panel,html[dir=rtl] .kpi-card,html[dir=rtl] .state-box{text-align:right}.login-page{color:#eaf5fb;background:radial-gradient(circle at 15% 15%,#19b7d617,#0000 28%),radial-gradient(circle at 85% 85%,#35e59d0e,#0000 25%),#06111b;min-height:100vh;position:relative;overflow:hidden}.login-grid-bg{pointer-events:none;opacity:.32;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 85%);mask-image:linear-gradient(90deg,#000,#0000 85%)}.login-glow{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.login-glow-one{background:#26d5ee12;width:380px;height:380px;top:-150px;left:-120px}.login-glow-two{background:#42e69f0b;width:300px;height:300px;bottom:-100px;right:-100px}.login-shell{z-index:2;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid;position:relative}.login-brand-panel{border-right:1px solid #ffffff0d;flex-direction:column;padding:50px 7vw;display:flex;position:relative}.login-brand{align-items:center;gap:14px;display:flex}.login-logo{color:#52ddf2;letter-spacing:1px;background:#2bd2ee12;border:1px solid #3ddef533;border-radius:13px;place-items:center;width:46px;height:46px;font-size:12px;font-weight:900;display:grid;box-shadow:0 0 30px #25cfea0f}.login-brand span,.login-brand strong{display:block}.login-brand span{color:#557387;letter-spacing:1.8px;margin-bottom:3px;font-size:8px;font-weight:800}.login-brand strong{color:#dceaf3;letter-spacing:.2px;font-size:15px}.login-hero{max-width:690px;margin:auto 0;padding:70px 0}.login-kicker{letter-spacing:2.3px;margin-bottom:18px;font-weight:900;color:#42d9ef!important;font-size:9px!important}.login-hero h1{color:#effaff;letter-spacing:-3px;margin:0;font-size:clamp(42px,5.4vw,78px);font-weight:700;line-height:.99}.login-hero>p{color:#6d8497;max-width:530px;margin-top:26px;font-size:13px;line-height:1.9}.login-features{grid-template-columns:repeat(3,1fr);gap:10px;max-width:650px;display:grid}.login-features>div{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:11px;min-height:82px;padding:15px;display:flex}.login-features>div>span{color:#3dd9ef;font-size:8px;font-weight:900}.login-features strong,.login-features small{display:block}.login-features strong{color:#b8cbd7;font-size:10px}.login-features small{color:#4e687b;margin-top:5px;font-size:8px;line-height:1.5}.login-system-state{align-items:center;gap:10px;margin-top:30px;display:flex}.login-pulse{background:#42e49a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #42e49a0d,0 0 14px #42e49a59}.login-system-state strong,.login-system-state small{display:block}.login-system-state strong{color:#64dca2;letter-spacing:1px;font-size:8px}.login-system-state small{color:#425f70;margin-top:3px;font-size:7px}.login-form-panel{flex-direction:column;justify-content:center;align-items:center;padding:50px 6vw;display:flex}.login-form-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(160deg,#ffffff08,#ffffff03);border:1px solid #fff1;border-radius:20px;width:100%;max-width:420px;padding:34px;box-shadow:0 30px 80px #00000040}.login-form-header{margin-bottom:30px}.login-form-header p{color:#3bd8ef;letter-spacing:2px;margin:0 0 8px;font-size:8px;font-weight:900}.login-form-header h2{color:#eff9fe;letter-spacing:-.8px;margin:0;font-size:27px;font-weight:650}.login-form-header span{color:#62798b;margin-top:8px;font-size:10px;display:block}.login-error{color:#ff8492;background:#ff60730e;border:1px solid #ff607326;border-radius:9px;align-items:center;gap:9px;margin-bottom:18px;padding:11px 13px;font-size:10px;display:flex}.login-error>span{background:#ff60731a;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:9px;font-weight:900;display:grid}.login-form{flex-direction:column;gap:17px;display:flex}.login-field label{color:#8599a9;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.login-input{background:#091722;border:1px solid #ffffff13;border-radius:10px;align-items:center;height:48px;transition:all .2s;display:flex}.login-input:focus-within{border-color:#3adaf257;box-shadow:0 0 0 3px #3adaf209}.login-input>span{color:#47687d;place-items:center;width:43px;font-size:12px;display:grid}.login-input input{color:#dceaf2;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0 10px 0 0;font-size:11px}.login-input input::placeholder{color:#395264}.login-eye{cursor:pointer;color:#54758a;background:0 0;border:0;height:100%;padding:0 13px;font-size:8px;font-weight:700}.login-eye:hover{color:#45dcef}.login-submit{cursor:pointer;color:#04131a;letter-spacing:.25px;background:linear-gradient(100deg,#27c5df,#34d7bc);border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;height:50px;margin-top:5px;font-size:10px;font-weight:900;transition:all .2s;display:flex}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 30px #2bd2e021}.login-submit:disabled{opacity:.65;cursor:wait}.login-spinner{border:2px solid #04131a40;border-top-color:#04131a;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-security{border-top:1px solid #ffffff0b;align-items:center;gap:10px;margin-top:25px;padding-top:20px;display:flex}.login-security>span{color:#3bcf9c;font-size:10px}.login-security strong,.login-security small{display:block}.login-security strong{color:#768c9d;font-size:8px}.login-security small{color:#415a6c;margin-top:3px;font-size:7px}.login-footer{color:#364f61;letter-spacing:.3px;margin-top:25px;font-size:7px}.login-footer span{margin:0 8px}@media (width<=950px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:24px}}@media (width<=500px){.login-form-panel{padding:16px}.login-form-box{border-radius:16px;padding:26px 20px}}.login-brand-logo{object-fit:contain;width:220px;max-width:100%;height:auto;display:block}
