*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.break-all{word-break:break-all}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg:#061d39;--sidebar:#041b36;--panel:#0c2b52;--panel-2:#0d315d;--border:#1e4b7a;--text:#f3f7fd;--muted:#a9bdd4}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:radial-gradient(circle at 85% -15%,#123963 0,transparent 35%),var(--bg)}.app-sidebar{width:246px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:27px 18px 20px;background:rgba(3,24,48,.95);border-right:1px solid #183d69;z-index:30}.sidebar-brand{display:flex;align-items:flex-start;gap:13px;padding:0 10px 26px;position:relative}.brand-mark{color:#2e66ff;transform:skew(-8deg);padding-top:2px}.sidebar-brand strong{display:block;font-size:19px;line-height:1.2;letter-spacing:-.3px}.sidebar-brand span{display:block;margin-top:8px;color:#bdd0e5;font-size:11px;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.sidebar-nav a{display:flex;align-items:center;gap:17px;min-height:48px;padding:0 17px;border-radius:9px;color:#e8f0fb;transition:background .2s,color .2s}.sidebar-nav a:hover{background:#103a6d}.sidebar-nav a.active{color:#fff;background:linear-gradient(90deg,#0c65cf,#105bb9);box-shadow:inset 0 0 0 1px #267edf}.sidebar-bottom{margin-top:auto}.connection-card{margin:0 0 20px;padding:17px 19px;border:1px solid #23517f;border-radius:10px;background:#09294f}.connection-title{display:flex;align-items:center;gap:9px;font-weight:700;font-size:12px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#23ce59;box-shadow:0 0 0 3px #23ce5920;flex:0 0 auto}.connection-card p{margin:14px 0 18px;color:#d1deec;font-size:11px;line-height:1.4}.connection-line{border-top:1px solid #1e4c77;margin-bottom:17px}.connection-card span:not(.status-dot){display:block;color:#b3c7db;font-size:11px;margin-bottom:7px}.connection-card strong{display:block;font-size:15px;margin-bottom:9px}.logout-button{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:0 24px;color:#eef5fd;background:#09294f;border:1px solid #23517f;border-radius:10px}.logout-button:hover{background:#103862}.mobile-menu,.sidebar-close{display:none}.main-area{margin-left:246px;min-width:0}.topbar{min-height:104px;display:flex;align-items:center;justify-content:space-between;padding:26px 35px 18px 40px}.greeting h1{margin:0;line-height:1.25;letter-spacing:-.3px}.greeting h1,.greeting h1 span{font-size:24px}.greeting p{margin:8px 0 0;color:#bdcde0;font-size:13px}.topbar-actions{display:flex;align-items:center;gap:25px}.online-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;color:#cfe0ef;border:1px solid #25517d;border-radius:10px;font-size:12px}.online-badge svg{color:#39dc6b}.icon-button{position:relative;display:grid;place-items:center;width:36px;height:36px;color:#f5f9ff;background:transparent;border:0}.notification-button{border-right:1px solid #1b416d;padding-right:25px;width:48px;border-radius:0}.notification-button span{position:absolute;right:9px;top:-4px;display:grid;place-items:center;width:18px;height:18px;background:#ef3436;border-radius:50%;font-size:11px}.profile-trigger{display:flex;align-items:center;gap:12px;min-width:159px;padding:0;color:inherit;background:transparent;border:0;text-align:left}.header-menu-wrap{position:relative}.header-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:40;display:flex;flex-direction:column;gap:8px;min-width:190px;padding:13px;color:#dceafa;border:1px solid #28547e;border-radius:10px;background:#09294f;box-shadow:0 16px 30px #00052e66}.header-popover strong{font-size:12px}.header-popover span{color:#a9bdd4;font-size:11px;line-height:1.4}.header-popover button{padding:8px 9px;color:#e8f2fc;background:#0d3765;border:1px solid #285a86;border-radius:7px;text-align:left;font-size:11px}.header-popover button:hover{background:#12508e}.profile-popover button:last-child{color:#ffafb3}.notification-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid #1b4774}.notification-item div{min-width:0}.notification-item b,.notification-item small{display:block}.notification-item b{color:#eaf3fc;font-size:11px}.notification-item small{margin-top:3px;color:#a9bdd4;font-size:10px;line-height:1.35}.notification-dot{width:7px;height:7px;flex:0 0 auto;margin-top:4px;border-radius:50%}.notification-dot.warning{background:#ffb619}.notification-dot.online{background:#2dcc5e}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:#177be5;border:1px solid #42a7ff;font-size:18px;font-weight:700}.profile-copy{display:flex;flex-direction:column;gap:4px;flex:1}.profile-copy strong{font-size:14px}.profile-copy span{color:#bfd0e2;font-size:12px}.content-area{padding:0 35px 35px 40px;max-width:1630px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:11px}.metrics-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.metric-card,.panel-card,.stat-tile{border:1px solid var(--border);background:linear-gradient(145deg,#0e315c,#0a274b);border-radius:11px}.metric-card{min-height:175px;position:relative;display:flex;align-items:flex-start;gap:15px;padding:20px 19px 14px;overflow:hidden}.metric-icon,.stat-tile-icon,.summary-icon{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff}.metric-icon{width:56px;height:56px}.metric-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.metric-label{margin:4px 0 7px;white-space:nowrap;font-size:14px;font-weight:600}.metric-value{font-size:26px;line-height:1.1;font-weight:700;white-space:nowrap;letter-spacing:-.6px}.metric-value small,.prediction-value small,.summary-value small{font-size:14px;font-weight:500;letter-spacing:0}.metric-content .status-badge{margin-top:14px}.sparkline{position:absolute;width:80%;height:38px;bottom:13px;right:10%;overflow:visible}.icon-blue{background:#0969ce}.icon-sky{background:#117bdc}.icon-purple{background:#7335bb}.icon-amber{background:#765815}.icon-green{background:#0d7659}.icon-teal{background:#0a756e}.icon-red{background:#81374b}.panel-card{padding:18px 20px;min-width:0}.chart-panel{grid-column:span 7;min-height:272px}.distribution-panel{grid-column:span 5;min-height:272px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading h2{margin:0;font-size:17px;letter-spacing:-.2px}.select-wrap{position:relative;display:flex;align-items:center}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:136px;padding:8px 31px 8px 12px;color:#f4f8fd;background:#0b2b51;border:1px solid #28547e;border-radius:8px;outline:0;font-size:12px}.select-wrap svg{position:absolute;right:9px;pointer-events:none}.chart-unit{margin:12px 0 -2px;color:#dfe8f3;font-size:11px}.chart-unit span{color:#9eb5ce}.power-chart{height:185px}.distribution-layout{display:flex;align-items:center;gap:22px;height:210px}.donut-chart{width:52%;height:205px}.distribution-legend{flex:1;display:flex;flex-direction:column;gap:16px}.legend-row{justify-content:space-between;gap:12px;color:#f4f8ff;font-size:12px}.legend-row,.legend-row div{display:flex;align-items:center}.legend-row div{white-space:nowrap}.legend-dot{width:13px;height:13px;border-radius:50%;margin-right:10px}.legend-row strong{min-width:51px;padding:8px 7px;text-align:center;border:1px solid #2b557d;border-radius:7px;font-size:12px}.summary-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.summary-card{min-height:159px;position:relative;padding:16px 19px;overflow:hidden}.summary-icon{width:34px;height:34px;position:absolute;left:19px;top:15px}.summary-card h3{margin:8px 0 22px 45px;font-size:14px;white-space:nowrap}.summary-value{font-size:25px;font-weight:700;white-space:nowrap;letter-spacing:-.4px}.summary-card p{margin:9px 0 5px;color:#e1eaf5;font-size:12px}.summary-card>strong{font-size:12px}.summary-watermark{position:absolute;right:20px;bottom:27px;color:#3a6390;opacity:.7;transform:rotate(15deg)}.cost-summary h3{margin-bottom:19px}.cost-summary p{margin-top:7px}.progress-row{display:flex;align-items:center;gap:10px;margin-top:14px}.progress-row strong{font-size:12px}.progress-track{height:9px;background:#385b7d;border-radius:999px;flex:1;overflow:hidden}.progress-fill{height:100%;border-radius:inherit}.fill-blue{background:#1b8fee}.fill-amber{background:#ffb512}.fill-green{background:#2dcc5e}.device-card h3{margin-bottom:23px}.device-name{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.device-card p{margin-top:17px}.device-check{position:absolute;right:17px;top:23px;color:#30d666}.alarm-card{text-align:center}.alarm-card h3{text-align:left;margin-bottom:12px}.alarm-check{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 7px;color:#21d65c;border:3px solid #21d65c;border-radius:50%}.alarm-card>strong{font-size:13px}.alarm-card p{margin-top:7px;color:#cfdeed}.history-panel{grid-column:span 7}.text-button{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:#6dbdff;font-size:12px}.table-scroll{overflow-x:auto;margin-top:13px}.table-scroll table{width:100%;min-width:660px;border-collapse:collapse}.table-scroll th{padding:10px 8px;color:#f0f5fb;background:#123965;font-size:11px;text-align:left}.table-scroll th:first-child{border-radius:8px 0 0 8px}.table-scroll th:last-child{border-radius:0 8px 8px 0}.table-scroll td{padding:9px 8px;border-bottom:1px solid #1c456f;color:#e2ebf5;font-size:12px}.table-footer{justify-content:space-between;gap:15px;margin-top:14px;color:#cfdeed;font-size:11px}.pagination,.table-footer{display:flex;align-items:center}.pagination{gap:4px}.pagination button{display:grid;place-items:center;min-width:27px;height:27px;padding:0 6px;color:#e7f0fa;background:transparent;border:0;border-radius:6px;font-size:11px}.pagination button.selected,.pagination button:hover{background:#0f7be5}.prediction-panel{grid-column:span 5}.prediction-note,.prediction-subtitle{margin:7px 0;color:#c7d6e6;font-size:12px}.prediction-value{display:flex;align-items:baseline;gap:7px;margin-top:10px;font-size:25px;font-weight:700}.prediction-value span{margin-left:8px;padding:7px 10px;color:#2bdf70;background:#0d674d;border-radius:15px;font-size:11px}.prediction-chart{height:120px;margin-top:4px}.status-badge{display:inline-flex;align-items:center;gap:6px;color:#27dc64;font-size:11px;white-space:nowrap}.status-green{color:#31dd6d}.status-amber{color:#ffc23e}.status-red{color:#ff6a71}.status-badge svg{flex:0 0 auto}.status-badge .status-dot{width:7px;height:7px;box-shadow:none}.status-badge.status-amber .status-dot{background:#ffc23e}.status-badge.status-red .status-dot{background:#ff6169}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:7px 0 22px}.eyebrow{color:#62b5fc;font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.page-heading h1{margin:7px 0 5px;font-size:26px}.page-heading p{margin:0;color:var(--muted)}.page-heading-action{display:flex;gap:10px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border-radius:8px;font-size:12px}.primary-button{color:white;background:#0e77db;border:1px solid #2d9dff}.secondary-button{color:#dce8f5;background:#0a2c53;border:1px solid #2a537b}.login-submit:disabled,.primary-button:disabled{cursor:wait;opacity:.65}.profile-edit-note,.settings-status{margin:-10px 0 14px;padding:10px 12px;color:#b9cde1;border:1px solid #1d4c78;border-radius:8px;background:#09294f;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.stat-tile{display:flex;align-items:center;gap:13px;min-height:92px;padding:15px}.stat-tile-icon{width:39px;height:39px}.stat-tile-icon.blue{background:#116bc4}.stat-tile-icon.green{background:#137b55}.stat-tile-icon.amber{background:#775714}.stat-tile-icon.purple{background:#6835ac}.stat-tile>div:last-child{min-width:0}.stat-tile small,.stat-tile span{display:block;color:#b8cbe0;font-size:11px}.stat-tile strong{display:block;margin:5px 0 3px;font-size:20px}.simple-chart{height:275px}.data-panel{margin-top:14px}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.input-control{min-height:37px;padding:0 11px;color:#eff5fb;background:#0b2b51;border:1px solid #28547e;border-radius:7px;font-size:12px}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.two-column>.panel-card{min-width:0}.info-list{display:flex;flex-direction:column;gap:0}.info-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #1d456e}.info-row:last-child{border-bottom:0}.info-row span{color:#b5c9de}.info-row strong{text-align:right}.table-title{margin:0;font-size:15px}.muted{color:var(--muted)}.data-highlight{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;background:#0b315d;border:1px solid #25547f;border-radius:9px}.data-highlight strong{display:block;margin-top:5px;font-size:25px}.data-highlight span{color:#b8cce0;font-size:12px}.device-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.device-detail .detail-box{padding:15px;background:#0b2a50;border:1px solid #1d4a76;border-radius:8px}.detail-box span{display:block;margin-bottom:7px;color:#9fb6cf;font-size:11px}.detail-box strong{font-size:13px}.alarm-item{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #1c456f}.alarm-item:last-child{border-bottom:0}.alarm-item-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#784d15;color:#ffc13c}.alarm-item-icon.red{background:#71384b;color:#ff6971}.alarm-item>div:nth-child(2){flex:1}.alarm-item span,.alarm-item strong{display:block}.alarm-item span{margin-top:5px;color:#9fb6cf;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:#dce7f3;font-size:12px}.form-field input,.form-field select{min-height:41px;padding:0 12px;color:#eef5fc;background:#0b2b51;border:1px solid #27537d;border-radius:7px;outline:0}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #1c456f}.toggle-row span{color:#c9d8e8}.toggle{width:38px;height:21px;padding:2px;border:0;border-radius:999px;background:#24648f;text-align:left}.toggle:after{content:"";display:block;width:17px;height:17px;background:#fff;border-radius:50%;transition:transform .2s}.toggle.on{background:#1688ec}.toggle.on:after{transform:translateX(17px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:160px;color:#9eb5ce;text-align:center}.empty-state svg{color:#3a91d6}.empty-state strong{color:#e9f1fb}.empty-state span{font-size:12px}.two-column>.panel-card.chart-panel,.two-column>.panel-card.distribution-panel,.two-column>.panel-card.history-panel,.two-column>.panel-card.prediction-panel{grid-column:auto}body,html{overflow-y:auto}.app-shell,body,html{width:100%;min-width:0;overflow-x:hidden}.app-shell{max-width:100%}.content-area,.main-area{min-width:0;max-width:100%}.alarm-item,.alarm-item>*,.data-highlight,.data-highlight>*,.device-name,.device-name>*,.distribution-layout,.distribution-layout>*,.distribution-legend,.greeting,.info-row,.info-row>*,.legend-row,.legend-row>*,.panel-heading,.panel-heading>*,.prediction-value,.prediction-value>*,.profile-copy,.profile-trigger,.progress-row,.progress-row>*,.table-footer,.table-footer>*,.topbar,.topbar-actions,.topbar-actions>*,.topbar>*{min-width:0}.dashboard-grid>*,.device-detail>*,.form-grid>*,.metrics-row>*,.stat-grid>*,.summary-row>*,.two-column>*{min-width:0;max-width:100%}.data-highlight div,.device-name,.info-row span,.info-row strong,.legend-row div,.legend-row strong,.metric-label,.metric-value,.panel-heading h2,.profile-copy span,.profile-copy strong,.summary-card h3,.summary-value{overflow-wrap:anywhere}.device-name,.legend-row div,.metric-label,.metric-value,.summary-card h3,.summary-value{white-space:normal}.summary-card h3{line-height:1.25}.live-cost-card{min-height:159px;position:relative;overflow:hidden;border-color:#7b5a1c;background:linear-gradient(135deg,#173e67,#3a2b18)}.live-cost-heading{display:flex;align-items:center;gap:9px;min-height:34px;color:#fff;font-size:13px;font-weight:700}.live-cost-heading .summary-icon{position:static;flex:0 0 auto}.live-cost-card>strong{display:block;margin-top:18px;font-size:25px}.live-cost-card p{position:relative;z-index:1;max-width:190px;margin:7px 0 0;color:#d8e4ef;font-size:11px;line-height:1.4}.live-pill{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 7px;color:#8af0aa;background:#14563899;border-radius:999px;font-size:9px}.live-pill i,.relay-indicator{width:6px;height:6px;display:inline-block;border-radius:50%;background:#2dcc5e}.live-cost-watermark{position:absolute;right:13px;bottom:12px;color:#ffb619;opacity:.14}.relay-card h3{margin-bottom:14px}.relay-status{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.relay-indicator:not(.active){background:#ff6971}.relay-toggle{display:block;margin-top:14px}.relay-card p{margin-top:10px}.device-name{flex-wrap:wrap}.legend-row div{white-space:normal}.table-scroll{max-width:100%;min-width:0}.pagination,.prediction-value{flex-wrap:wrap}.select-wrap,.select-wrap select{min-width:0;max-width:100%}.app-sidebar{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.metric-card .metric-content{flex:1 1 auto;min-width:0}.metric-card .metric-label,.metric-card .metric-value,.metric-card .status-badge{max-width:100%;overflow-wrap:anywhere}.metric-card .status-badge{white-space:normal;line-height:1.25}.landing-page{min-height:100vh;overflow-x:hidden;color:#f4f8ff;background:radial-gradient(circle at 79% 20%,#0b2850 0,transparent 28%),#03142c}.landing-header{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(24px,5vw,72px);border-bottom:1px solid #17365d;background:#020d20cc}.landing-brand{display:inline-flex;align-items:center;gap:11px;color:#f5f8fd;font-size:20px;font-weight:700;letter-spacing:-.4px;white-space:nowrap}.landing-brand em{color:#217fe7;font-style:normal}.landing-brand-mark{display:grid;place-items:center;color:#2c6fff;transform:skew(-8deg)}.partner-logos{display:flex;flex:0 1 auto;align-items:center;gap:5px;min-width:0;padding:0;background:transparent}.landing-header-partners{flex:0 1 auto}.partner-logo{display:grid;flex:0 0 auto;place-items:center;height:31px;overflow:visible}.partner-logo img{display:block;width:auto;max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.partner-logo--ministry{width:29px}.partner-logo--diktisaintek{width:95px}.partner-logo--pkm{width:66px}.partner-logo--blu,.partner-logo--untidar{width:31px}.sidebar-brand-copy{flex:1 1 auto;min-width:0}.sidebar-brand .brand-mark{flex:0 0 auto}.sidebar-partners{flex-wrap:wrap;gap:2px;max-width:100%;margin-top:13px}.sidebar-partners .partner-logo{height:18px}.sidebar-partners .partner-logo--ministry{width:16px}.sidebar-partners .partner-logo--diktisaintek{width:52px}.sidebar-partners .partner-logo--pkm{width:35px}.sidebar-partners .partner-logo--blu,.sidebar-partners .partner-logo--untidar{width:18px}.landing-nav{display:flex;align-items:center;gap:clamp(20px,3vw,42px);margin-left:auto}.landing-nav a{color:#eef4fb;font-size:13px;transition:color .2s}.landing-nav a:hover{color:#44a9ff}.hero-primary,.hero-secondary,.landing-login{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;font-size:13px}.landing-login{min-width:108px;padding:11px 18px;color:#fff;background:#086ee7;border:1px solid #318ef5;box-shadow:0 8px 20px #086ee733}.hero-primary:hover,.landing-login:hover{background:#147ff1}.landing-hero{width:min(100% - 48px,1308px);display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(38px,5vw,80px);margin:0 auto;padding:78px 0 67px}.hero-copy{min-width:0}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:23px;padding:9px 15px;color:#56b4ff;border:1px solid #13518c;border-radius:999px;background:#06244a66;font-size:12px}.hero-copy h1{margin:0;font-size:clamp(41px,4.4vw,61px);line-height:1.09;letter-spacing:-2.1px}.hero-copy h1 span{color:#2683f1}.hero-copy>p{max-width:525px;margin:24px 0 28px;color:#bfcede;font-size:17px;line-height:1.65}.hero-copy>p strong{color:#2b92f7;font-weight:500}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hero-primary{min-height:54px;padding:0 28px;color:#fff;background:#1277eb;border:1px solid #318ffc;box-shadow:0 8px 24px #006de650;font-size:15px;font-weight:700}.hero-secondary{min-height:54px;padding:0 25px;color:#ecf4fd;border:1px solid #31577f;background:#061d3a66;font-size:14px}.hero-secondary span{color:#9eb9d5;font-size:17px}.hero-benefits{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px;color:#b8c8db;font-size:12px}.hero-benefits span{display:inline-flex;align-items:center;gap:8px}.hero-benefits span:first-child svg{color:#20d968}.hero-benefits span:nth-child(2) svg{color:#2b8dff}.hero-benefits span:last-child svg{color:#b34bff}.landing-preview{min-width:0;width:100%;display:grid;grid-template-columns:145px minmax(0,1fr);min-height:490px;overflow:hidden;border:2px solid #17365b;border-radius:17px;background:#071d39;box-shadow:0 20px 55px #00052e66,inset 0 1px #ffffff08}.preview-sidebar{min-width:0;padding:21px 13px;background:#06182f;border-right:1px solid #173a64}.preview-brand{display:flex;align-items:center;gap:5px;color:#dcecff;font-size:9px;font-weight:700;white-space:nowrap}.preview-brand svg{color:#2995ff}.preview-nav{display:flex;flex-direction:column;gap:5px;margin-top:28px}.preview-nav div{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 9px;color:#adc1d8;border-radius:5px;font-size:9px}.preview-nav div.active{color:#fff;background:#0b5bb8}.preview-nav svg{flex:0 0 auto}.preview-content{min-width:0;padding:20px 18px 17px}.preview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}.preview-top>div:first-child{min-width:0}.preview-top span,.preview-top strong{display:block}.preview-top strong{font-size:13px}.preview-top>div:first-child>span{margin-top:5px;color:#b5c8dd;font-size:8px}.preview-user{display:flex;align-items:center;gap:9px;color:#e7f2ff;font-size:8px;white-space:nowrap}.preview-user>span:first-child{color:#6de895}.preview-avatar{display:grid!important;place-items:center;width:21px;height:21px;border-radius:50%;background:#298ae9;font-weight:700}.preview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}.preview-metric{min-width:0;min-height:93px;position:relative;padding:11px 9px;overflow:hidden;border:1px solid #143c68;border-radius:7px;background:#0a274a}.preview-metric>small,.preview-metric>span{display:block;color:#b4c8dd;font-size:8px}.preview-metric>strong{display:block;margin-top:8px;font-size:16px;white-space:nowrap}.preview-metric>small{margin-top:5px;color:#3fe278}.preview-sparkline{position:absolute;right:8%;bottom:7px;width:84%;height:23px}.preview-bottom{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(130px,.9fr);gap:9px;margin-top:11px}.preview-chart,.preview-donut{min-width:0;min-height:174px;padding:11px 10px;border:1px solid #143c68;border-radius:7px;background:#0a274a}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-donut>strong,.preview-heading strong{font-size:9px}.preview-heading span{padding:4px 7px;color:#dbeafa;border:1px solid #315578;border-radius:4px;font-size:7px;white-space:nowrap}.preview-y-label{margin:12px 0 -4px;color:#8fa9c6;font-size:7px}.preview-chart>svg{display:block;width:100%;height:93px;border-bottom:1px solid #183d64;background:repeating-linear-gradient(180deg,transparent 0,transparent 22px,#173c63 23px)}.preview-axis{display:flex;justify-content:space-between;color:#8fa9c6;font-size:7px}.preview-donut-body{display:flex;align-items:center;gap:12px;min-height:132px}.donut-ring{width:83px;height:83px;flex:0 0 auto;border-color:#2087ee #27c95d #ffb519 #8d4be9;border-style:solid;border-width:17px;border-radius:50%;transform:rotate(24deg)}.preview-donut-body>div:last-child{display:flex;flex-direction:column;gap:7px;min-width:0}.preview-donut-body span{color:#bccde0;font-size:7px;white-space:nowrap}.dot{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%}.dot.blue{background:#2087ee}.dot.green{background:#27c95d}.dot.amber{background:#ffb519}.feature-section{width:min(100% - 48px,1308px);display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.55fr);gap:35px;align-items:center;margin:0 auto;padding:28px 0 18px}.section-kicker{display:inline-block;padding:6px 12px;color:#5bb8ff;background:#0b2d59;border-radius:999px;font-size:10px;letter-spacing:.8px}.feature-intro h2{margin:19px 0 11px;font-size:28px;letter-spacing:-.8px}.feature-intro h2 span{color:#2a8df5}.feature-intro p{max-width:315px;margin:0;color:#aebfd3;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature-card{min-width:0;min-height:195px;padding:22px;border:1px solid #173b66;border-radius:12px;background:#071d39aa}.feature-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:20px;border-radius:9px;color:#fff}.feature-icon.blue{background:#086ccf}.feature-icon.green{background:#087c58}.feature-icon.amber{background:#876216}.feature-card h3{margin:0 0 9px;font-size:16px}.feature-card p{margin:0;color:#b6c6d9;font-size:13px;line-height:1.6}.landing-stats{width:min(100% - 48px,1308px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;padding:19px 45px;border:1px solid #173b66;border-radius:10px;background:#071d39aa}.landing-stats>div{display:grid;grid-template-columns:29px auto;-moz-column-gap:10px;column-gap:10px;align-items:center;min-width:0;padding:0 18px;border-right:1px solid #173b66}.landing-stats>div:last-child{border-right:0}.landing-stats svg{grid-row:span 2;color:#238ef3}.landing-stats>div:nth-child(2) svg{color:#2d94ff}.landing-stats>div:nth-child(3) svg{color:#24dc6a}.landing-stats>div:nth-child(4) svg{color:#258af1}.landing-stats strong{font-size:19px}.landing-stats span{color:#aebed2;font-size:11px}.landing-footer{padding:18px 20px;color:#94a8c0;text-align:center;font-size:11px}.login-page{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;padding:78px 20px 30px;background:radial-gradient(circle at 50% 35%,#0c315d 0,transparent 40%),#03142c}.login-glow{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(100px);opacity:.18;pointer-events:none}.login-glow-left{left:-170px;top:25%;background:#136ee4}.login-glow-right{right:-170px;bottom:8%;background:#2f9df2}.login-back{position:absolute;top:28px;left:clamp(20px,5vw,72px);display:inline-flex;align-items:center;gap:8px;color:#b7cbe0;font-size:13px}.login-back:hover{color:#53b3ff}.login-card{width:min(100%,430px);position:relative;padding:31px 34px;border:1px solid #1d4a76;border-radius:15px;background:#081f3ddd;box-shadow:0 22px 60px #00052e66}.login-logo{display:flex;align-items:center;gap:10px;color:#eff6ff}.login-logo>span{display:grid;place-items:center;color:#2e75ff;transform:skew(-8deg)}.login-logo strong{font-size:16px}.login-logo em{color:#278ff4;font-style:normal}.login-heading{margin:28px 0 24px}.login-heading h1{margin:0 0 8px;font-size:25px}.login-heading p{margin:0;color:#adc1d7;line-height:1.5}.login-card form{display:flex;flex-direction:column;gap:8px}.login-card form>label{margin-top:9px;color:#dbe8f5;font-size:12px}.login-input{display:flex;align-items:center;gap:9px;min-width:0;min-height:45px;padding:0 13px;color:#84a7c8;border:1px solid #29557f;border-radius:8px;background:#061a34}.login-input:focus-within{border-color:#2d99f5}.login-input input{min-width:0;width:100%;color:#f3f7fd;background:transparent;border:0;outline:0}.login-input button{display:grid;place-items:center;color:#94aec9;background:transparent;border:0}.login-options{display:flex;justify-content:space-between;gap:12px;margin:9px 0 14px;color:#b3c7dc;font-size:11px}.login-options label{display:flex;align-items:center;gap:6px}.login-options input{accent-color:#238bf3}.login-options a{color:#55afff}.login-submit{min-height:45px;color:#fff;background:#0e77de;border:1px solid #369eff;border-radius:8px;font-weight:700}.login-submit:hover{background:#1887f1}.login-demo-note{display:flex;align-items:flex-start;gap:8px;margin-top:21px;padding:11px 12px;color:#9fb8d1;background:#0b2e57;border-radius:7px;font-size:11px;line-height:1.4}.login-demo-note svg{flex:0 0 auto;color:#39dc6f}.login-footer{position:absolute;bottom:20px;margin:0;color:#7793b0;font-size:11px}@media (max-width:1120px){.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px}.hero-copy h1{font-size:46px}.landing-preview{min-height:420px}.preview-sidebar{padding-left:9px;padding-right:9px}.preview-content{padding:15px 11px}.preview-bottom{grid-template-columns:1fr}.preview-donut{min-height:95px}.preview-donut-body{min-height:75px}.donut-ring{width:55px;height:55px;border-width:12px}}@media (max-width:1080px){.landing-header-partners{display:none}}@media (max-width:850px){.landing-header{padding-left:24px;padding-right:24px}.landing-nav{gap:18px}.feature-section{grid-template-columns:1fr}.feature-intro p{max-width:540px}.landing-stats{padding-left:12px;padding-right:12px}.landing-stats>div{padding:0 10px}}@media (max-width:700px){.landing-header{min-height:64px}.landing-brand{font-size:16px}.landing-brand-mark svg{width:19px}.landing-nav{display:none}.landing-login{min-width:88px;padding:9px 12px;font-size:12px}.landing-hero{width:min(100% - 32px,560px);display:block;padding:54px 0 38px}.hero-copy h1{font-size:clamp(39px,11vw,52px)}.hero-copy>p{font-size:15px}.hero-benefits{gap:13px}.landing-preview{margin-top:42px;min-height:0;grid-template-columns:1fr}.preview-sidebar{display:none}.preview-content{padding:16px 12px 13px}.preview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-bottom{grid-template-columns:1fr}.preview-donut-body{justify-content:center}.feature-section,.landing-stats{width:min(100% - 32px,560px)}.feature-section{padding-top:18px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.landing-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0;margin-top:18px}.landing-stats>div:nth-child(2){border-right:0}.landing-stats>div:nth-child(3),.landing-stats>div:nth-child(4){border-top:1px solid #173b66;padding-top:16px}}@media (max-width:440px){.landing-header{padding-left:16px;padding-right:16px}.landing-brand{font-size:14px}.landing-login{min-width:78px;padding:8px 10px}.hero-eyebrow{font-size:10px}.hero-actions{gap:10px}.hero-primary,.hero-secondary{width:100%}.hero-benefits{align-items:flex-start;flex-direction:column}.preview-top{display:block}.preview-user{margin-top:10px}.preview-metric>strong{font-size:14px}.landing-stats{padding:16px 7px}.landing-stats>div{padding-left:7px;padding-right:7px}.login-card{padding:27px 22px}.login-heading h1{font-size:22px}}@keyframes landing-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes landing-pan{0%{background-position:0 0,0 0}to{background-position:90px 0,0 0}}@keyframes landing-pulse{0%,to{box-shadow:0 0 0 0 #238ef322}50%{box-shadow:0 0 0 8px #238ef300}}.landing-header{animation:landing-rise .55s ease both}.hero-copy>*{opacity:0;animation:landing-rise .65s ease both}.hero-copy>:first-child{animation-delay:.1s}.hero-copy>:nth-child(2){animation-delay:.18s}.hero-copy>:nth-child(3){animation-delay:.26s}.hero-copy>:nth-child(4){animation-delay:.34s}.hero-copy>:nth-child(5){animation-delay:.42s}.landing-preview{animation:landing-rise .8s ease .22s both,landing-float 8s ease-in-out 1.1s infinite}.feature-card{transition:transform .3s ease,border-color .3s ease,background .3s ease}.feature-card:hover{transform:translateY(-7px);border-color:#2e8ee5;background:#0a274a}.feature-card:nth-child(2){animation-delay:.08s}.feature-card:nth-child(3){animation-delay:.16s}.landing-stats{animation:landing-rise .7s ease .3s both}.hero-primary,.landing-login{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.hero-primary:hover,.landing-login:hover{transform:translateY(-2px)}.hero-eyebrow{animation:landing-pulse 3s ease-in-out infinite}.landing-page{background-image:linear-gradient(110deg,#03142c,#071e3d,#03142c),radial-gradient(circle at 79% 20%,#0b2850 0,transparent 28%);background-size:180% 100%,100% 100%;animation:landing-pan 16s linear infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.public-page-main{width:min(100% - 48px,1308px);min-width:0;margin:0 auto;padding:80px 0 70px}.public-hero{max-width:760px;margin:0 auto 55px;text-align:center}.public-hero h1{margin:20px 0 17px;font-size:clamp(38px,5vw,58px);line-height:1.1;letter-spacing:-1.8px}.public-hero h1 span{color:#2d91f4}.public-hero p{max-width:650px;margin:0 auto;color:#b5c8dc;font-size:16px;line-height:1.7}.public-hero-split{max-width:none;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:80px;text-align:left}.public-hero-split p{margin-left:0}.public-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-feature-grid .feature-card{min-height:214px}.public-feature-grid .feature-card:nth-child(n+4){animation-delay:.12s}.about-roadmap,.public-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:52px;padding:28px 32px;border:1px solid #1b4774;border-radius:13px;background:linear-gradient(110deg,#0b2e57,#0a2547)}.about-roadmap h2,.public-cta h2{margin:14px 0 7px;font-size:25px}.about-roadmap p,.public-cta p{margin:0;color:#b4c8dc;line-height:1.55}.inline-link{display:inline-flex;align-items:center;gap:7px;margin-top:19px;color:#55b2ff;font-size:13px}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.principle-card{min-width:0;padding:23px;border:1px solid #173d68;border-radius:12px;background:#071d39aa}.principle-card h3{margin:19px 0 8px;font-size:17px}.principle-card p{margin:0;color:#b5c7da;font-size:13px;line-height:1.6}.about-orbit{min-height:330px;position:relative;display:grid;place-items:center;border:1px solid #183e69;border-radius:50%;background:radial-gradient(circle,#0a315e 0,#071d39 54%,transparent 55%)}.about-orbit:after,.about-orbit:before{content:"";position:absolute;border:1px solid #245783;border-radius:50%}.about-orbit:before{width:66%;height:66%}.about-orbit:after{width:88%;height:88%;border-color:#1b426d}.orbit-center,.orbit-node{display:grid;place-items:center;border-radius:50%}.orbit-center{width:70px;height:70px;position:relative;z-index:1;color:#fff;background:#0d75df;box-shadow:0 0 0 9px #0d75df22;animation:landing-pulse 3s infinite}.orbit-node{width:39px;height:39px;position:absolute;z-index:1;color:#59b8ff;background:#0a2c53;border:1px solid #2c6b9f}.node-one{top:15%;left:21%}.node-two{right:15%;top:35%}.node-three{bottom:15%;left:38%}.about-roadmap{align-items:flex-start}.about-roadmap>div:first-child{max-width:390px}.roadmap-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;flex:1}.roadmap-list>div{min-width:0;padding-left:14px;border-left:2px solid #227fe1}.roadmap-list span{color:#54b5ff;font-size:12px;font-weight:700}.roadmap-list small,.roadmap-list strong{display:block}.roadmap-list strong{margin:9px 0 6px;font-size:13px}.roadmap-list small{color:#adc3da;font-size:11px;line-height:1.5}.contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:23px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-info-card,.contact-note{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px solid #173d68;border-radius:10px;background:#071d39aa}.contact-info-card>svg,.contact-note>svg{flex:0 0 auto;color:#4bb0ff}.contact-info-card a,.contact-info-card span,.contact-info-card strong{display:block}.contact-info-card strong{margin-bottom:5px;font-size:13px}.contact-info-card a,.contact-info-card span{color:#adc3da;font-size:12px}.contact-info-card a:hover{color:#5bb9ff}.contact-note{color:#b5cadf;line-height:1.55}.contact-note p{margin:0;font-size:12px}.contact-form{display:flex;flex-direction:column;gap:15px;padding:24px;border:1px solid #1b4774;border-radius:12px;background:#081f3ddd}.contact-form .form-grid{gap:14px}.contact-form .form-field{gap:7px}.contact-form .form-field label{color:#dce8f5}.contact-form input,.contact-form textarea{width:100%;min-width:0;padding:12px;color:#eef6ff;background:#061a34;border:1px solid #28557f;border-radius:7px;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#2e9cf8}.contact-form .hero-primary{align-self:flex-start;border:0}.contact-success{min-height:315px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:28px;border:1px solid #1b4774;border-radius:12px;background:#081f3ddd}.contact-success svg{color:#36df6e}.contact-success h3{margin:6px 0 0;font-size:22px}.contact-success p{margin:0 0 12px;color:#aec4da}.landing-footer{width:min(100% - 48px,1308px);display:flex;align-items:center;justify-content:space-between;gap:24px;margin:25px auto 0;padding:25px 0 28px;border-top:1px solid #17365d;text-align:left}.landing-footer>div:first-child{min-width:0}.footer-brand{color:#eef6ff;font-weight:700}.landing-footer p{margin:7px 0 0;color:#8ea7c1;font-size:11px}.footer-links{display:flex;gap:18px}.footer-links a{color:#abc0d6;font-size:11px}.footer-links a:hover{color:#55b4ff}.landing-footer>span{color:#7e97b2;font-size:10px;white-space:nowrap}.feature-icon.purple{background:#6b35b3}@media (max-width:900px){.principle-grid,.public-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-hero-split{gap:34px}.about-roadmap{display:block}.roadmap-list{margin-top:28px}.contact-grid{grid-template-columns:1fr}.contact-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-note{grid-column:1/-1}}@media (max-width:650px){.public-page-main{width:min(100% - 32px,560px);padding-top:55px}.public-hero{margin-bottom:35px}.public-hero h1{font-size:40px}.public-hero p{font-size:14px}.public-hero-split{display:block;text-align:center}.public-hero-split p{margin-left:auto}.about-orbit{min-height:270px;max-width:330px;margin:36px auto 0}.principle-grid,.public-feature-grid{grid-template-columns:1fr}.public-cta{display:block;padding:23px}.public-cta .hero-primary{margin-top:20px}.contact-info{grid-template-columns:1fr}.contact-note{grid-column:auto}.contact-form{padding:19px}.contact-form .form-grid{grid-template-columns:1fr}.landing-footer{width:min(100% - 32px,560px);display:block}.footer-links{margin:19px 0}.landing-footer>span{white-space:normal}}@media (max-width:1260px){.metric-card{gap:10px;padding-left:13px;padding-right:13px}.metric-icon{width:46px;height:46px}.metric-label{font-size:12px}.metric-value{font-size:22px}.summary-row{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-panel,.history-panel{grid-column:span 8}.distribution-panel,.prediction-panel{grid-column:span 4}}@media (max-width:1020px){.app-sidebar{transform:translateX(-100%);transition:transform .25s ease;box-shadow:12px 0 30px #0005}.app-sidebar.open{transform:translateX(0)}.mobile-menu,.sidebar-close{display:grid;place-items:center;color:#eff6fd;background:transparent;border:0}.sidebar-close{position:absolute;right:-4px;top:0}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:20;background:#0008;opacity:0;pointer-events:none;transition:opacity .25s}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.main-area{margin-left:0}.topbar{padding-left:22px}.mobile-menu{margin-right:15px}.greeting{flex:1}.content-area{padding-left:22px;padding-right:22px}.metrics-row,.summary-row{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-panel,.history-panel{grid-column:span 8}.distribution-panel,.prediction-panel{grid-column:span 4}.profile-copy{display:none}.profile-trigger{min-width:auto}}@media (max-width:760px){.topbar{min-height:87px;padding:18px 16px;align-items:flex-start}.greeting h1,.greeting h1 span{font-size:18px}.greeting p{font-size:11px;line-height:1.3}.topbar-actions{gap:8px}.online-badge{padding:8px 9px;font-size:0}.online-badge svg{width:14px}.notification-button{padding-right:15px;width:37px}.notification-button span{right:0}.content-area{padding:0 14px 24px}.metrics-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-height:154px;padding:13px}.metric-icon{width:40px;height:40px}.metric-icon svg{width:20px}.metric-card{gap:8px}.metric-label{font-size:11px}.metric-value{font-size:19px}.metric-value small{font-size:11px}.metric-content .status-badge{margin-top:11px;font-size:9px}.sparkline{bottom:8px;width:85%;right:7.5%}.chart-panel,.distribution-panel,.history-panel,.prediction-panel{grid-column:1/-1}.summary-row{grid-template-columns:1fr}.panel-card{padding:15px}.panel-heading h2{font-size:15px}.distribution-layout{gap:6px}.donut-chart{width:48%}.legend-row{font-size:11px}.legend-row strong{min-width:43px}.summary-card{min-height:147px}.page-heading{display:block;margin-top:5px}.page-heading h1{font-size:22px}.page-heading-action{margin-top:15px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.two-column{grid-template-columns:1fr}.table-footer{display:block}.pagination{margin-top:12px;justify-content:flex-end}.filters{margin-top:14px}.simple-chart{height:230px}}@media (max-width:420px){.metric-card{padding:11px 9px}.metric-icon{width:34px;height:34px}.metric-label{font-size:10px}.metric-value{font-size:17px}.metric-content .status-badge{font-size:8px;gap:3px}.metric-content .status-dot{width:5px;height:5px}.greeting p{max-width:170px}.topbar-actions .profile-trigger{display:none}.stat-grid{grid-template-columns:1fr}}.login-switch{margin:17px 0 0;color:#b3c7dc;text-align:center;font-size:12px}.login-switch button{padding:0;color:#55afff;background:none;border:0;font:inherit;font-weight:700;cursor:pointer}.login-error{margin:3px 0 7px;color:#ff929b;font-size:12px;line-height:1.45}.how-it-works,.landing-contact,.project-summary{width:min(100% - 48px,1308px);margin:42px auto;padding:32px;border:1px solid #173b66;border-radius:14px;background:#071d39aa}.how-it-works h2,.landing-contact h2,.project-summary h2{margin:16px 0 10px;font-size:clamp(23px,3vw,32px)}.how-intro,.landing-contact p,.project-summary p{color:#afc1d6;line-height:1.7}.how-it-works ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 0;padding:0;list-style:none;counter-reset:step}.how-it-works li{display:flex;gap:15px;align-items:flex-start;min-height:92px;padding:17px;border:1px solid #173b66;border-radius:10px;background:#0b2544}.how-it-works li>span{color:#58b9ff;font-size:14px;font-weight:800}.how-it-works li p{margin:0;color:#d7e5f5;font-size:14px;line-height:1.55}.landing-contact,.project-summary{display:flex;align-items:center;justify-content:space-between;gap:32px}.project-summary>div{max-width:820px}.project-summary p:last-child{margin-bottom:0}.landing-contact{margin-top:0}.landing-contact h2,.project-summary h2{margin-bottom:8px}.landing-contact p{margin:0}@media (max-width:700px){.how-it-works,.landing-contact,.project-summary{width:min(100% - 32px,560px);padding:22px;margin:30px auto}.how-it-works ol{grid-template-columns:1fr}.landing-contact,.project-summary{align-items:flex-start;flex-direction:column;gap:12px}}.preview-chart-empty{display:grid;place-items:center;min-height:84px;padding:14px;color:#9eb5ce;font-size:11px;text-align:center;border-top:1px solid #173b66}.preview-system-flow{flex-direction:column;align-items:stretch;justify-content:center;gap:8px;font-size:10px;color:#bdd1e7}.preview-system-flow span{padding:8px;border:1px solid #234a74;border-radius:7px;text-align:center}.team-section{margin-top:42px}.team-section h2{margin:16px 0 20px;font-size:27px}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.team-member{display:grid;gap:8px;justify-items:start;padding:18px;border:1px solid #173b66;border-radius:11px;background:#071d39aa}.team-member strong{color:#e4eefb;font-size:14px}.team-member small{color:#9fb4cc;line-height:1.5}.team-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#d8efff;background:#0b4f83;font-weight:700}@media (max-width:700px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}