:root{color:#223247;background:#f4f8fc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:#f4f8fc}button,input,select,textarea{font:inherit}.admin-root{min-height:100vh}.admin-sider{position:sticky!important;top:0;z-index:10;height:100vh;overflow:hidden;background:#fff!important;border-right:1px solid #dbe7f2;box-shadow:4px 0 18px #285b860f}.admin-brand{display:flex;align-items:center;height:72px;padding:0 18px;gap:12px;border-bottom:1px solid #e5edf5;white-space:nowrap}.admin-brand .ant-typography{margin:0;color:#244260;font-size:15px;letter-spacing:.04em}.admin-brand--collapsed{justify-content:center;padding:0}.brand-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;color:#1e5f9f;background:#ffdc83;border-radius:10px;font-size:13px;font-weight:800;letter-spacing:.04em}.admin-menu{padding:14px 10px;background:transparent!important;border-inline-end:0!important}.admin-menu.ant-menu-dark .ant-menu-item,.admin-menu .ant-menu-item{height:44px;margin-block:5px;color:#5f7187;line-height:44px}.admin-menu .ant-menu-item:hover{color:#1677ff!important;background:#f0f7ff!important}.admin-menu .ant-menu-item-selected{color:#1267c4!important;background:#e7f2ff!important;font-weight:650}.admin-main-layout{min-width:0;background:#f4f8fc}.admin-header{position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;background:#fffffff5;border-bottom:1px solid #e1eaf3;box-shadow:0 2px 10px #25537b0d}.admin-content{min-width:0}.page-wrap{width:100%;max-width:1600px;margin:0 auto;padding:28px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:24px}.page-header .ant-typography{margin-top:0}.page-header h1.ant-typography{margin-bottom:6px;color:#1e3550;font-size:clamp(24px,3vw,32px);line-height:1.2}.page-header p.ant-typography{max-width:760px;margin-bottom:0}.page-header__extra{flex:0 0 auto}.admin-panel{border-color:#dce8f3;border-radius:14px;box-shadow:0 8px 24px #2c649412}.admin-panel+.admin-panel{margin-top:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;gap:16px}.metric-block{position:relative;min-height:120px;padding:22px;overflow:hidden;background:#fff;border:1px solid #dce8f3;border-radius:14px;box-shadow:0 8px 24px #2c64940f}.metric-block:before{position:absolute;inset:0 auto 0 0;width:4px;background:#4a9cff;content:""}.metric-block--success:before{background:#43b581}.metric-block--warning:before{background:#f0a83a}.metric-block--error:before{background:#ea6a6a}.metric-block .ant-typography{margin:0}.metric-block h2.ant-typography{margin-top:12px;color:#234566;font-size:30px}.dashboard-grid{display:grid;grid-template-columns:minmax(250px,1.1fr) minmax(230px,.85fr) minmax(280px,1fr);align-items:stretch;margin-bottom:20px;gap:16px}.dashboard-grid>.admin-panel{height:100%}.health-score h2.ant-typography,.environment-grid h3.ant-typography{margin:0;color:#234566}.health-score{margin-bottom:16px}.health-legend{margin-top:14px}.environment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.environment-grid>div{padding:18px;background:#f1f7fd;border-radius:10px}.environment-grid h3.ant-typography{margin-top:8px}.attention-list{margin:0;padding:0;list-style:none}.attention-list li+li{border-top:1px solid #e9f0f6}.attention-item{display:grid;grid-template-columns:22px minmax(0,1fr);width:100%;padding:14px 0;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer;gap:10px}.attention-item>span:last-child{display:grid;gap:4px}.attention-item:hover .ant-typography:first-child,.attention-item:focus-visible .ant-typography:first-child{color:#1677ff}.attention-item:focus-visible{outline:2px solid #1677ff;outline-offset:3px}.attention-item__icon{margin-top:4px;color:#cc8b2f}.attention-item__icon--error{color:#c45858}.table-toolbar{margin-bottom:18px}.device-search{width:min(340px,62vw)}.category-filter{min-width:136px}.table-secondary{display:block;margin-top:2px;font-size:12px}.status-indicator.ant-badge-status{display:inline-flex;align-items:center;min-height:28px;white-space:nowrap}.status-indicator.ant-badge.ant-badge-status .ant-badge-status-dot{width:10px;height:10px}.status-indicator .ant-badge-status-text{margin-inline-start:9px;color:#263b54;font-size:14px;font-weight:700;line-height:1}.status-indicator.status-indicator--success.ant-badge .ant-badge-status-dot{background:#18a55b;box-shadow:0 0 0 4px #18a55b24}.status-indicator--success .status-indicator__label{color:#11733f}.status-indicator.status-indicator--processing.ant-badge .ant-badge-status-dot{background:#1677ff;box-shadow:0 0 0 4px #1677ff24}.status-indicator--processing .status-indicator__label{color:#145fc0}.status-indicator.status-indicator--warning.ant-badge .ant-badge-status-dot{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b2b}.status-indicator--warning .status-indicator__label{color:#a85605}.status-indicator.status-indicator--error.ant-badge .ant-badge-status-dot{background:#e5484d;box-shadow:0 0 0 4px #e5484d24}.status-indicator--error .status-indicator__label{color:#bf3036}.status-indicator.status-indicator--default.ant-badge .ant-badge-status-dot{background:#8794a5;box-shadow:0 0 0 4px #8794a524}.status-indicator--default .status-indicator__label{color:#5f6f82}.device-table__row{cursor:pointer;content-visibility:auto;contain-intrinsic-size:0 64px}.device-table__row:focus-visible{outline:2px solid #1677ff;outline-offset:-2px}.device-table__row:hover>td{background:#edf6ff!important}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:20px}.detail-layout__main,.detail-layout__aside{min-width:0}.detail-layout__aside>.admin-panel+.admin-panel{margin-top:20px}.current-values-panel{margin-top:20px}.current-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.current-value-item{display:grid;min-width:0;min-height:176px;align-content:start;padding:16px;background:#f7fbff;border:1px solid #e0ebf5;border-radius:10px;gap:8px}.current-value-item h3.ant-typography{margin:0;color:#234566}.current-value-tags{display:flex;flex-wrap:wrap;gap:6px}.current-value-tags .ant-tag{margin:0}.current-value-observed,.current-value-explanation{display:block;font-size:12px}.current-values-panel .panel-note{margin:14px 0 0}.trend-panel .ant-card-body{min-width:0;padding:18px}.device-trends{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;margin-top:20px;gap:20px}.trend-panel{min-width:0;overflow:hidden}.trend-panel .ant-card-head-wrapper{gap:8px}.device-trend-chart{width:100%;max-width:100%;min-width:0;min-height:320px}.ota-progress{margin:14px 0 18px}.ota-unavailable{display:block;margin:14px 0 18px;padding:12px;color:#5f6f82;background:#f4f7fa;border:1px dashed #cfd9e4;border-radius:8px}.ota-upload-limit{margin-bottom:16px!important;padding:12px 14px;background:#f3f8fd;border:1px solid #dce8f3;border-radius:9px}.ota-panel-notice,.ota-dialog-alert{margin-bottom:16px}.ota-artifact-hash{display:inline-block;max-width:260px;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.ota-selected-artifact{display:grid;margin-bottom:16px;padding:14px;background:#f3f8fd;border:1px solid #dce8f3;border-radius:10px;gap:5px}.ota-axis-panel{display:grid;min-width:540px;gap:10px}.ota-axis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ota-axis-item{display:grid;align-content:start;padding:8px 10px;background:#f6f9fc;border:1px solid #e4edf5;border-radius:8px;gap:5px}.ota-axis-item .ant-tag{width:fit-content;max-width:100%;margin:0;overflow:hidden;text-overflow:ellipsis}.ota-axis-label{font-size:12px;line-height:1.2}.ota-truth-copy{max-width:540px;line-height:1.5}.ota-artifact-table .ant-table-cell,.ota-table .ant-table-cell{vertical-align:top}.panel-note{display:block;padding:12px;background:#f1f7fd;border-radius:8px}.users-panel .ant-card-body{min-width:0}.users-dialog-notice,.users-dialog-error{margin-bottom:16px}.users-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.users-error{width:100%}.operators-table .ant-table-cell{vertical-align:middle}.operators-table .ant-table-tbody>tr{content-visibility:auto;contain-intrinsic-size:0 68px}.device-config-editor{display:grid;gap:18px}.device-config-meta{padding:16px;background:#f7fbff;border:1px solid #dceaf6;border-radius:10px}.device-config-meta .ant-typography code{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.device-config-form-grid,.device-config-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.device-config-document-label{display:inline-flex;min-width:0;flex-wrap:wrap;align-items:center;gap:6px 8px}.device-config-document-label .ant-typography code{max-width:100%;overflow-wrap:anywhere;white-space:normal}.device-config-technical-details,.device-config-output-details{min-width:0;color:#5f7287}.device-config-technical-details summary,.device-config-output-details summary{width:fit-content;cursor:pointer;color:#526b83;font-size:12px}.device-config-technical-details__content{display:grid;min-width:0;margin-top:8px;gap:6px}.device-config-technical-details__content .ant-typography code{max-width:100%;overflow-wrap:anywhere;white-space:normal}.device-config-document-readonly{display:grid;min-width:0;padding:12px;background:#f8fafc;border:1px solid #e5edf5;border-radius:8px;gap:6px}.device-config-document-value{min-width:0;overflow-wrap:anywhere}.device-config-document-editor .ant-collapse-content-box{min-width:0}.device-config-document-editor .ant-form-item-label>label{width:100%;height:auto;align-items:flex-start}.device-config-document-editor .ant-form-item-extra,.device-config-field-note{overflow-wrap:anywhere}.device-config-number{width:100%}.device-config-outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}.device-config-system-information{width:100%}.device-config-output-card{content-visibility:auto;contain-intrinsic-size:0 560px}.device-config-output-card .ant-card-head{min-height:42px;background:#f6faff}.device-config-output-details{margin-top:12px;padding-top:10px;border-top:1px solid #e8eef5}.device-config-output-details__grid,.device-config-output-technical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;gap:0 18px}.device-config-output-technical-grid{gap:8px}.device-config-output-readonly{display:flex;min-width:0;min-height:32px;align-items:center;justify-content:space-between;padding:5px 9px;background:#f8fafc;border:1px solid #e5edf5;border-radius:6px;gap:8px}.device-config-output-readonly span{color:#6a7c8f}.device-config-output-readonly strong{min-width:0;overflow-wrap:anywhere;text-align:right}.device-config-actions{position:sticky;z-index:2;bottom:-16px;display:flex;align-items:center;justify-content:space-between;padding:14px 0 4px;background:#fff;gap:16px}.stale-data-notice{margin-bottom:16px}.ota-progress-cell{display:grid;min-width:0;gap:4px}.device-config-diff-list{display:grid;max-height:360px;margin-block:16px;overflow:auto;border-block:1px solid #e5edf5}.device-config-diff-row{display:grid;grid-template-columns:minmax(200px,1fr) minmax(140px,.8fr) minmax(140px,.8fr);align-items:center;padding:10px 4px;border-bottom:1px solid #edf2f7;gap:12px}.device-config-diff-row:last-child{border-bottom:0}.device-config-confirmations{width:100%}.login-page{display:grid;grid-template-columns:minmax(280px,460px) minmax(340px,440px);align-items:center;justify-content:center;min-height:100vh;padding:48px;background:#eef7ff;gap:clamp(48px,9vw,120px)}.login-intro{color:#244260}.brand-logo--large{width:52px;height:52px;margin-bottom:30px;border-radius:14px;font-size:18px}.login-intro h1.ant-typography{margin:0 0 14px;color:#1f3d5a;font-size:clamp(34px,5vw,48px);line-height:1.15}.login-intro p.ant-typography{max-width:430px;color:#60758b;font-size:17px}.login-intro__boundary{display:inline-flex;align-items:center;margin-top:22px;padding:10px 14px;color:#2468aa;background:#fff;border:1px solid #d6e8f8;border-radius:8px;gap:9px}.login-card{width:100%;border:0;border-radius:16px;box-shadow:0 22px 60px #316a9b29}.login-card h2.ant-typography{margin-top:0}.login-form{margin-top:24px}.route-loading{display:grid;min-height:50vh;place-items:center}.session-startup{display:grid;min-height:100vh;padding:24px;background:#f4f8fc;place-items:center}.session-startup__content{display:grid;width:min(420px,100%);padding:32px;text-align:center;background:#fff;border:1px solid #dbe7f2;border-radius:16px;box-shadow:0 20px 54px #316a9b1f;gap:18px;justify-items:center}.session-startup__content h3.ant-typography,.session-startup__content p.ant-typography{margin:0}@media (max-width: 1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attention-panel{grid-column:1 / -1}.detail-layout{grid-template-columns:1fr}.page-wrap{padding:20px 18px}.device-config-document-grid,.device-config-outputs{grid-template-columns:1fr}}@media (max-height: 760px){.admin-brand{height:60px}.admin-header{height:56px}.page-wrap{padding-block:18px}.page-header{margin-bottom:16px}.ant-drawer .ant-drawer-header,.ant-drawer .ant-drawer-body{padding:16px 18px}}@media (max-width: 760px){.admin-header{padding:0 12px}.admin-header__company,.admin-header__user{display:none}.admin-header>.ant-space:last-child{min-width:0;max-width:calc(100% - 44px)}.admin-header>.ant-space:last-child>.ant-space-item:first-child{min-width:0}.admin-header>.ant-space:last-child .ant-tag{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-header>.ant-space:last-child .ant-btn{width:32px;padding-inline:0}.admin-header>.ant-space:last-child .ant-btn>span:not(.ant-btn-icon){display:none}.page-wrap{padding:20px 14px}.page-header{display:block}.page-header__extra{margin-top:14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.attention-panel{grid-column:auto}.current-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-panel .ant-card-body{padding:12px}.trend-panel .ant-card-head{padding-inline:16px}.trend-panel .ant-card-head-title{flex:0 1 auto;overflow:visible;white-space:normal}.trend-panel .ant-card-extra{flex-shrink:0;margin-inline-start:auto}.device-trend-chart{min-height:280px}.ota-axis-panel{min-width:520px}.ota-dialog-alert .ant-alert-description{font-size:13px}.device-config-form-grid,.device-config-output-grid,.device-config-output-details__grid,.device-config-output-technical-grid,.device-config-outputs{grid-template-columns:1fr}.device-config-diff-row{grid-template-columns:1fr;gap:4px}.device-config-actions{bottom:-16px;align-items:stretch;flex-direction:column}.login-page{grid-template-columns:1fr;align-content:center;padding:28px 18px;gap:28px}.brand-logo--large{margin-bottom:18px}.login-intro__boundary{margin-top:8px}}@media (max-width: 460px){.metric-grid{grid-template-columns:1fr}.metric-block{min-height:100px}.current-values-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}