@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-height:100vh;color:#1b2536;background:#eff4f8;font-family:Noto Sans JP,Yu Gothic UI,Yu Gothic,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}p{margin:0}:root{--blue-strong: #0a88cc;--blue-mid: #53a9d9;--line-blue: #b6d4e8;--shell-bg: #e7edf3;--text-main: #1f2838;--text-muted: #6f7d92;--shadow-card: 0 3px 10px rgb(35 71 109 / 18%);--radius-md: 10px;--radius-sm: 6px}.loading-screen{width:100%;min-height:320px;display:grid;place-content:center;gap:8px;text-align:center;color:var(--text-muted)}.loading-spinner{width:30px;height:30px;border:3px solid #bed5e5;border-top-color:var(--blue-strong);border-radius:999px;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.ui-btn{border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:.18s ease;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.ui-btn:hover{transform:translateY(-1px)}.ui-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.ui-btn--md{min-height:34px;padding:0 14px;font-size:13px}.ui-btn--sm{min-height:30px;padding:0 10px;font-size:12px}.ui-btn--primary{background:var(--blue-strong);color:#fff}.ui-btn--secondary{border-color:#a8bdd0;background:#fff;color:#23455f}.ui-btn--danger{border-color:#cb4c40;background:#cf4a3d;color:#fff}.ui-btn--ghost{border-color:#bcc8d5;background:transparent;color:#334862}.ui-btn--icon{width:30px;min-height:30px;padding:0;border-color:#b4c6d6;background:#fff;color:#1f5172}.ui-input-wrap{display:flex;flex-direction:column;gap:4px}.ui-input-label{font-size:12px;color:#44566f}.ui-input{width:100%;min-height:34px;border:1px solid #d1a748;border-radius:4px;padding:0 10px;font-size:12px;color:#26364d;background:#fff}.ui-input:focus{outline:2px solid #b4ddf5;border-color:#4ba5d5}.ui-select{min-width:140px;min-height:34px;border:1px solid #a9c0d1;border-radius:6px;background:#fff;color:#2a3c53;padding:0 10px}.ui-card{border-radius:12px;border:1px solid #cad5e2;background:#fff}.ui-card-header{padding:12px 14px;border-bottom:1px solid #d8e2eb;display:flex;align-items:center;justify-content:space-between}.ui-card-title{font-size:14px;font-weight:700}.ui-card-body{padding:14px}.ui-table-wrap{width:100%;border:1px solid #db3e3e;overflow:auto;background:#fff}.ui-table{width:100%;border-collapse:collapse;min-width:920px;font-size:12px}.ui-table th,.ui-table td{border-bottom:1px solid #d8dee6;padding:7px 8px;text-align:left;vertical-align:middle}.ui-table thead th{color:#dd1212;font-size:21px;line-height:1;font-weight:500;border-bottom:1px solid #db3e3e;padding-top:10px;padding-bottom:10px}.ui-table tbody tr:nth-child(2n){background:#f4f7fa}.tiny-col{width:42px}.ui-modal-backdrop{position:fixed;inset:0;background:#0e192566;display:grid;place-content:center;z-index:50;padding:20px}.ui-modal{width:min(460px,100%);background:#fff;border-radius:12px;box-shadow:var(--shadow-card)}.ui-modal-header{padding:12px 16px;border-bottom:1px solid #d5e0ea;display:flex;justify-content:space-between;align-items:center}.ui-modal-header h3{font-size:16px;margin:0}.ui-modal-body{padding:16px;font-size:14px}.ui-modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #d5e0ea;padding:12px 16px}.ui-toast-area{position:fixed;right:20px;bottom:20px;z-index:60;display:grid;gap:10px}.ui-toast{min-width:260px;padding:10px 12px;border-radius:8px;color:#fff;font-size:13px;box-shadow:var(--shadow-card)}.ui-toast--success{background:#2f9f65}.ui-toast--error{background:#c44945}.ui-toast--info{background:#1d7bb5}.login-page{height:100%;display:grid;grid-template-columns:1fr 260px;background:linear-gradient(180deg,#d8eaf2,#edf3f7 65%,#f3f7fa)}.login-blueprint{position:relative;overflow:hidden;background-image:linear-gradient(130deg,rgb(116 178 221 / 18%) 8%,transparent 25%),linear-gradient(40deg,rgb(136 194 231 / 20%) 12%,transparent 28%)}.login-blueprint:before,.login-blueprint:after{content:"";position:absolute;inset:-30% -10%;background-image:repeating-linear-gradient(110deg,transparent 0,transparent 42px,rgb(104 175 221 / 28%) 43px,transparent 47px),repeating-linear-gradient(22deg,transparent 0,transparent 73px,rgb(134 196 235 / 20%) 74px,transparent 78px)}.login-blueprint:after{transform:scale(.86) translate(6%,8%);opacity:.5}.login-panel{border-left:1px solid #d6e1ea;background:#fff;padding:18px 14px;display:flex;flex-direction:column;gap:8px}.login-logo{margin:0;color:#0874b0;font-size:42px;font-weight:700;line-height:1}.login-subtitle{margin-bottom:8px;font-size:13px;color:#385371}.login-forgot{align-self:flex-end;font-size:11px;color:#3a536d}.login-submit{margin-top:16px}.login-error{color:#b34034;font-size:12px}.app-shell{height:100%;display:flex;flex-direction:column;background:var(--shell-bg)}.app-header{height:50px;background:linear-gradient(90deg,#077ec1,#1497d7);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 8px;border-bottom:1px solid #126f9f}.app-header-brand{display:flex;align-items:baseline;gap:16px}.app-header-logo{font-size:31px;font-weight:700;line-height:1}.app-header-title{font-size:14px;font-weight:500}.app-header-right{display:flex;align-items:center;gap:10px}.app-header-user{display:flex;align-items:center;gap:8px;font-size:12px}.app-main{height:calc(100% - 50px);display:flex;min-height:0}.app-sidebar{width:0;overflow:hidden;background:#f9fcff;border-right:1px solid #d4dfea;transition:width .2s ease;display:flex;flex-direction:column}.app-sidebar--open{width:188px}.app-sidebar-nav{padding:10px 8px;display:grid;gap:6px}.app-sidebar-link{border-radius:8px;padding:9px 8px;display:flex;align-items:center;gap:8px;font-size:12px;color:#315272}.app-sidebar-link:hover{background:#e5f1fa}.app-sidebar-link--active{background:#cde8fb;color:#0b4e77;font-weight:700}.app-sidebar-logout{margin:auto 8px 10px;justify-content:flex-start}.app-content{flex:1;min-width:0;min-height:0;overflow:auto;padding:14px}.dashboard-page{display:grid;gap:14px}.status-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.status-card{height:82px;border-radius:12px;border:1px solid #aeb8c4;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:33px;font-weight:700;color:#1d2027}.status-card--abnormal{border-color:#e4833d;background:#ee7f2d}.status-card--warning{border-color:#e0ca82;background:#efdc8e}.status-card--normal{background:#d2d2d2}.status-card--suspended{background:#ececec}.sensor-panel{border:1px solid #9ea9b5;background:#f3f5f8;box-shadow:var(--shadow-card);border-radius:4px;padding:10px;display:grid;gap:8px}.page-title{margin:0;font-size:33px;font-weight:700}.sensor-panel-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.sensor-panel-tools-left,.sensor-panel-tools-right{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-alert{border-radius:8px;background:#f8e3e3;color:#7f2929;padding:8px 10px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.inline-alert--warning{background:#fbe6c6;color:#724108}.sensor-link{text-decoration:underline}.sensor-link:hover{color:#0b79b7}.status-chip{font-size:14px;font-weight:700}.status-chip--ok{color:#1b8f3d}.status-chip--warning{color:#c38d1d}.status-chip--danger{color:#ea2e2e}.status-chip--muted{color:#4a596f}.row-actions{display:flex;gap:4px}.sensor-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px}.detail-page{display:grid;gap:8px}.detail-breadcrumb{font-size:12px;color:#4e6179}.detail-breadcrumb a{text-decoration:underline}.detail-summary-box{border:1px solid #a8b3c1;background:#f3f6f9;padding:8px}.detail-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.detail-meta-row{display:grid;grid-template-columns:92px 1fr;border:1px solid #bbc7d5}.detail-meta-row span{background:#0f87ca;color:#fff;font-size:11px;padding:5px 8px}.detail-meta-row strong{font-size:12px;padding:4px 8px}.detail-meta-row--status span{background:#0072a8}.detail-tabs{display:flex;border:1px solid #9cb7cb;background:#fff}.detail-tab{min-height:34px;padding:0 16px;border:0;border-right:1px solid #d3dee8;background:#fff;font-size:31px;font-weight:700;cursor:pointer}.detail-tab--active{background:#edf5ff;color:#0b73ae}.detail-chart-panel{border:1px solid #a8b3c2;background:#f2f4f7;min-height:380px;display:grid;grid-template-columns:170px 1fr auto;gap:10px;padding:10px;align-items:start}.detail-legend{border-radius:8px;border:1px solid #b8c4d1;background:#f5f5f5;padding:10px;display:grid;gap:6px;font-size:21px}.detail-legend h4{margin:0 0 4px}.detail-legend label{display:flex;align-items:center;gap:8px}.detail-chart-main{display:grid;gap:10px}.detail-chart-svg{width:100%;border:1px solid #cad6e2;background:#fff}.abnormality-threshold-panel{border:1px solid #9fb4c7;border-radius:8px;background:#f6f9fc;padding:8px 10px;display:grid;gap:8px}.abnormality-threshold-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.abnormality-threshold-title{font-size:12px;font-weight:700;color:#1e3b56}.abnormality-threshold-caption{font-size:11px;color:#58708a}.abnormality-threshold-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#304960}.abnormality-threshold-toggle input{width:38px;height:18px;accent-color:#0f86c8}.abnormality-threshold-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.abnormality-threshold-item{border-radius:6px;border:1px solid #b8c7d6;background:#fff;padding:6px 8px;display:grid;gap:3px}.abnormality-threshold-item span{font-size:11px;color:#456079}.abnormality-threshold-item strong{font-size:14px;line-height:1.1}.abnormality-threshold-item--danger strong{color:#d63f3f}.abnormality-threshold-item--primary strong{color:#1e73b4}.abnormality-threshold-item--warning strong{color:#cb8f1e}.abnormality-threshold-meter{height:4px;border-radius:999px;background:#dce6ef;overflow:hidden}.abnormality-threshold-meter i{display:block;height:100%;background:linear-gradient(90deg,#2f95d4,#67b5e2)}.abnormality-threshold-item--danger .abnormality-threshold-meter i{background:linear-gradient(90deg,#e76969,#d63f3f)}.abnormality-threshold-item--warning .abnormality-threshold-meter i{background:linear-gradient(90deg,#e6bf59,#d7a43b)}.abnormality-chart-panel{border:1px solid #a8b3c2;background:#f2f4f7;min-height:380px;display:grid;grid-template-columns:170px 1fr auto;gap:10px;padding:10px;align-items:start}.abnormality-legend label{font-size:12px}.legend-line{width:20px;height:0;border-top:3px solid #aac0d3}.legend-line--blue{border-top-color:#0f6c94}.legend-line--orange{border-top-color:#ea7c31}.legend-line--light{border-top-color:#9db8cf}.legend-line--danger{border-top-color:#d73f3f}.legend-line--warning{border-top-color:#f2c145}.legend-line--temp{border-top-color:#1f7fba}.abnormality-chart-svg{width:100%;border:1px solid #cad6e2;background:#fff}.abnormality-mini-wrap{min-height:66px;border:1px solid #cad6e2;background:repeating-linear-gradient(120deg,#eff4f8 0 8px,#f9fbfd 8px 16px);padding:4px 6px}.abnormality-mini-chart-svg{width:100%;height:58px}.temperature-threshold-panel{border-color:#9fb4c7}.temperature-chart-panel{border:1px solid #a8b3c2;background:#f2f4f7;min-height:380px;display:grid;grid-template-columns:170px 1fr auto;gap:10px;padding:10px;align-items:start}.temperature-legend label{font-size:12px}.temperature-chart-svg{width:100%;border:1px solid #cad6e2;background:#fff}.temperature-mini-wrap{min-height:66px;border:1px solid #cad6e2;background:repeating-linear-gradient(120deg,#eff4f8 0 8px,#f9fbfd 8px 16px);padding:4px 6px}.temperature-mini-chart-svg{width:100%;height:58px}.ai-chart-panel{border:1px solid #a8b3c2;background:#f2f4f7;min-height:380px;display:grid;grid-template-columns:170px 1fr auto;gap:10px;padding:10px;align-items:start}.ai-legend label{font-size:12px}.ai-chart-svg{width:100%;border:1px solid #cad6e2;background:#fff}.ai-mini-wrap{min-height:66px;border:1px solid #cad6e2;background:repeating-linear-gradient(120deg,#eff4f8 0 8px,#f9fbfd 8px 16px);padding:4px 6px}.ai-mini-chart-svg{width:100%;height:58px}.ai-training-grid{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(340px,1.6fr);gap:10px}.ai-training-card{border:1px solid #aebaca;border-radius:6px;background:#f4f7fa;padding:10px;display:grid;gap:10px}.ai-training-card--wide{align-content:start}.ai-training-title{margin:0;font-size:12px;font-weight:700;color:#35516d}.ai-training-body{display:grid;gap:10px}.ai-form-label{font-size:11px;color:#4e647b;display:grid;gap:4px}.ai-form-label--inline{grid-template-columns:auto 1fr;align-items:center;gap:8px}.ai-form-select{min-width:0}.ai-name-input{min-height:30px}.ai-applied-meta{margin:0;display:grid;gap:6px}.ai-applied-meta div{display:grid;grid-template-columns:110px 1fr;gap:6px;font-size:11px}.ai-applied-meta dt{color:#5d7188}.ai-applied-meta dd{margin:0;color:#2e445d}.ai-training-actions{display:flex;gap:8px}.ai-delete-button{border-color:#d6aad2;background:#edc4ea;color:#74406e}.ai-date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-date-card{border:1px solid #bdcad7;border-radius:4px;background:#fff;padding:8px;display:grid;gap:6px}.ai-date-title{font-size:11px;color:#3d5872;font-weight:700}.ai-date-input{min-height:30px}.ai-calendar-mock{border:1px solid #d2dce7;background:#fbfcfd;border-radius:4px;padding:6px;display:grid;gap:4px}.ai-calendar-mock p{font-size:11px;color:#48617a;font-weight:700}.ai-calendar-head,.ai-calendar-body{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.ai-calendar-head span{text-align:center;font-size:9px;color:#5e7388}.ai-calendar-body span{min-height:17px;display:grid;place-content:center;font-size:9px;color:#4f647a;border-radius:2px}.ai-calendar-cell--empty{color:transparent}.ai-calendar-cell--selected{background:#d7ebfb;color:#0d6799;font-weight:700}.ai-train-button{width:100%;justify-content:center}.event-log-panel{border:1px solid #a8b3c2;background:#f2f4f7;min-height:380px;padding:8px}.event-log-table-wrap{overflow-x:auto}.event-log-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #ccd6e1;min-width:880px}.event-log-table th,.event-log-table td{border-bottom:1px solid #d8e1ea;padding:6px 8px;font-size:11px;color:#2d455c;text-align:left;vertical-align:middle}.event-log-table thead th{background:#edf2f6;color:#44617d;font-weight:700}.event-log-datetime{display:grid;gap:2px}.event-log-datetime span:last-child{color:#6b8097}.event-log-status{min-width:36px;min-height:18px;border-radius:999px;display:inline-grid;place-content:center;padding:0 8px;font-size:10px;font-weight:700;color:#fff}.event-log-status--danger{background:#dc4b40}.event-log-status--warning{background:#e7a223}.event-log-link{width:20px;height:20px;border:1px solid #bdc9d5;border-radius:4px;background:#fff;color:#63809d;display:inline-grid;place-content:center;cursor:pointer}.event-log-link:hover{background:#eff6fc}.event-log-comment-cell{white-space:pre-wrap}.event-log-edit-form{display:grid;gap:10px}.event-log-edit-meta{margin:0;display:grid;gap:6px}.event-log-edit-meta div{display:grid;grid-template-columns:96px 1fr;gap:8px;font-size:12px}.event-log-edit-meta dt{color:#5f748b}.event-log-edit-meta dd{margin:0;color:#2d455c}.event-log-edit-label{display:grid;gap:6px;font-size:12px;color:#3a5570}.event-log-edit-textarea{width:100%;min-height:120px;border:1px solid #abc0d2;border-radius:6px;padding:8px 10px;resize:vertical;font-size:12px;color:#273950}.event-log-edit-textarea:focus{outline:2px solid #b4ddf5;border-color:#4ba5d5}.sensor-upsert-page{display:grid;gap:10px}.sensor-upsert-title{margin-bottom:2px}.sensor-upsert-card{width:min(760px,100%);justify-self:center;border:1px solid #c7d1dc;border-radius:8px;background:#f6f8fb;padding:14px;display:grid;gap:12px}.sensor-upsert-section{border:1px solid #d6dfea;border-radius:6px;background:#fff;padding:10px;display:grid;gap:8px}.sensor-upsert-section h3{margin:0;font-size:13px;font-weight:700;color:#2d4c68;border-left:3px solid #0a87cb;padding-left:8px}.sensor-upsert-select{width:100%}.sensor-upsert-delete{border:1px solid #ecd2d2;border-radius:4px;background:#fbefef;color:#b24e4e;font-size:12px;min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:8px}.sensor-upsert-actions{display:flex;justify-content:flex-end;gap:8px}.master-menu-page{display:grid;gap:10px}.master-menu-shell{border:1px solid #c4d1de;background:#f7f9fb}.master-menu-header{min-height:42px;background:linear-gradient(90deg,#0d79ba,#347ab5);color:#fff;font-size:33px;font-weight:700;display:flex;align-items:center;padding:0 14px}.master-menu-tabs{border-bottom:1px solid #b9c7d5;background:#f0f4f8;padding:0 8px;display:flex;gap:2px}.master-menu-tab{min-height:36px;padding:0 14px;border:1px solid transparent;border-bottom:0;background:transparent;color:#2c4864;font-size:21px;font-weight:700;cursor:pointer}.master-menu-tab:disabled{cursor:not-allowed;opacity:.8}.master-menu-tab--active{background:#fff8df;border-color:#c8d4df;color:#183a58}.master-menu-toolbar{padding:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.master-menu-search-input{width:260px;max-width:100%}.master-menu-actions{display:flex;align-items:center;gap:8px}.master-btn-danger{border-color:#deaaa2;color:#b55242}.master-table-wrap{margin:0 10px 10px;border:1px solid #d2dde8;background:#fff;overflow-x:auto}.master-table{width:100%;border-collapse:collapse;min-width:740px}.master-table th,.master-table td{border-bottom:1px solid #e1e8ef;padding:8px 10px;font-size:21px;color:#2b445d;vertical-align:middle}.master-table thead th{background:#f2f6fa;color:#d84d4d;font-weight:700}.master-col-check{width:36px}.master-col-id{width:160px}.master-col-name{width:230px}.master-col-actions{width:84px}.master-row-actions{display:flex;gap:4px}.user-master-table th,.user-master-table td{font-size:12px}.master-role{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700}.master-role--admin{color:#246d9d;background:#d8ecfa}.master-role--operator{color:#6b5e22;background:#f7e7b7}.master-role--viewer{color:#5e6774;background:#e5e9ef}.machine-master-table th,.machine-master-table td{font-size:12px}.machine-status{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700}.machine-status--running{color:#256f45;background:#d6f0df}.machine-status--stopped{color:#7c6a2a;background:#f5ebca}.machine-status--disposed{color:#8a5a5a;background:#f2dddd}.tenant-management-note{margin:0;font-size:11px;color:#4f647b}.tenant-menu-header{justify-content:space-between;gap:10px}.tenant-menu-header small{font-size:11px;font-weight:500;opacity:.9}.tenant-master-table th,.tenant-master-table td{font-size:11px}.tenant-contract-chip{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700}.tenant-contract-chip--running{color:#256f45;background:#d6f0df}.tenant-contract-chip--stopped{color:#8a5a5a;background:#f2dddd}.tenant-owner-cell{display:grid;gap:2px}.tenant-owner-cell small{color:#6a7f95}.tenant-row-actions{display:flex;align-items:center;gap:6px}.tenant-action-link{border:0;background:transparent;color:#0e78b6;font-size:11px;font-weight:700;cursor:pointer;text-decoration:underline}.tenant-action-link:hover{color:#0b679d}.tenant-maint-card{width:min(820px,calc(100% - 30px))}.tenant-edit-page .group-maint-form{gap:12px}.tenant-form-section-title{margin:0;font-size:12px;color:#2b4a66;border-left:3px solid #0a87cb;padding-left:8px}.tenant-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.group-maint-page{border:1px solid #c4d1de;background:#f7f9fb}.group-maint-header{min-height:42px;background:linear-gradient(90deg,#0d79ba,#347ab5);color:#fff;font-size:33px;font-weight:700;display:flex;align-items:center;padding:0 14px}.group-maint-card{width:min(780px,calc(100% - 30px));margin:16px auto;border:1px solid #d0dae5;background:#fff;display:grid;gap:14px}.group-maint-card h2{margin:0;border-bottom:2px solid #2d97d2;padding:14px 16px 12px;font-size:31px;color:#2a435c}.group-maint-form{padding:0 16px;display:grid;gap:10px}.group-maint-warning{margin:2px 16px 0;border:1px solid #f0c4c2;border-radius:4px;background:#fff6f6;color:#ad5353;padding:10px;display:grid;gap:8px}.group-maint-warning h3{margin:0;display:flex;align-items:center;gap:6px;font-size:21px;color:#be4b4b}.group-maint-warning label{display:flex;align-items:center;gap:8px;font-size:21px}.group-maint-warning p{font-size:18px;color:#7f6c6c}.user-maint-card{width:min(740px,calc(100% - 30px))}.user-edit-page .group-maint-form{gap:8px}.user-group-select{display:grid;gap:4px}.user-group-select-list{max-height:76px;overflow:auto;border:1px solid #cfd9e3;border-radius:4px;background:#f8fafc;padding:6px 8px;display:grid;gap:4px}.user-group-select-list label{display:flex;align-items:center;gap:6px;font-size:11px;color:#38506a}.user-group-select-caption{font-size:10px;color:#5f7186}.user-role-select{display:grid;gap:5px}.user-role-select div{display:flex;gap:14px;flex-wrap:wrap}.user-role-select label{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#33495f}.machine-maint-card{width:min(740px,calc(100% - 30px))}.machine-edit-page .group-maint-form{gap:8px}.machine-status-select{display:grid;gap:5px}.machine-status-select div{display:flex;gap:14px;flex-wrap:wrap}.machine-status-select label{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#33495f}.group-maint-actions{border-top:1px solid #d8e0e8;padding:12px 16px;display:flex;justify-content:flex-end;gap:10px}.detail-subchart{min-height:48px;border:1px solid #cad6e2;background:repeating-linear-gradient(120deg,#eff4f8 0 8px,#f9fbfd 8px 16px);padding:6px 8px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:10px;color:#8393a7}.detail-footnote{font-size:11px;color:#5c6f88}.state-page,.callback-page{min-height:100%;display:grid;place-content:center;text-align:center;gap:10px}.state-page h1{margin:0;font-size:42px}@media(max-width:1280px){.status-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.login-page{grid-template-columns:1fr}.login-panel{width:min(360px,100%);justify-self:end}.detail-chart-panel,.abnormality-chart-panel,.temperature-chart-panel,.ai-chart-panel,.detail-meta-grid,.abnormality-threshold-grid,.ai-training-grid,.ai-date-grid{grid-template-columns:1fr}.sensor-upsert-card{width:100%}.master-menu-toolbar{flex-direction:column;align-items:stretch}.master-menu-actions{justify-content:flex-end;flex-wrap:wrap}.group-maint-card{width:calc(100% - 20px);margin:10px}.tenant-form-grid{grid-template-columns:1fr}}