:root{--bg:#f4f5f7;--sidebar:#fff;--surface:#fff;--surface-2:#f2f4f7;--line:#dfe3e8;--text:#233044;--muted:#606d7b;--cyan:#285c8e;--green:#277445;--amber:#996013;--red:#bd3030;--shadow:none}
body{background:var(--bg);font-family:'Segoe UI',Arial,sans-serif}.app-shell{grid-template-columns:220px 1fr}.sidebar{background:#fff;padding:24px 14px}.brand{gap:10px}.brand-mark,.brand-mark.small{background:#253f5b;color:#fff;box-shadow:none;border-radius:5px;letter-spacing:-.04em}.brand small{font-size:.75rem;letter-spacing:.05em}.nav-item{border-radius:5px;padding:12px;font-size:.9rem;font-weight:500;margin:6px 0}.nav-item:hover,.nav-item.active{background:#edf2f7;color:#234e78}.nav-item.active{box-shadow:inset 3px 0 #285c8e}.nav-item>span{display:flex;align-items:center}.server-pill{border:0;border-top:1px solid var(--line);border-radius:0;background:none;padding:18px 7px}.server-pill i{box-shadow:none}.server-pill span{font-size:.8rem}.topbar{background:#fff;backdrop-filter:none;height:92px;padding:20px 32px}.topbar h1{font-size:1.65rem;letter-spacing:-.02em;font-weight:600}.eyebrow{color:#6b7785;letter-spacing:.07em;font-size:.72rem}.avatar{background:#edf1f5;border-color:#dae1e8;color:#3d5268;border-radius:50%;font-size:.8rem}.last-update{font-size:.85rem}.button,.icon-button{background:white;border-color:#cbd2d9;color:#324253;border-radius:5px;font-weight:600;font-size:.875rem}.button:hover{background:#f2f5f8;border-color:#8d9daf}.button.primary{background:#285c8e;border-color:#285c8e;color:white}.button.primary:hover{background:#214e79}.text-button{font-size:.875rem}.view{padding:26px 32px}.summary-grid{gap:0;border:1px solid var(--line);border-radius:6px;background:white;margin-bottom:24px}.metric-card{background:none;border:0;border-right:1px solid var(--line);border-radius:0;min-height:112px;padding:20px;gap:12px}.metric-card:last-child{border-right:0}.metric-card strong{font-size:1.9rem;font-weight:600}.metric-card span{font-size:.875rem}.metric-card small{font-size:.8rem;color:var(--muted)}.metric-icon{width:30px;height:30px;background:none!important;border-radius:0;color:#607184!important;font-size:1rem}.panel{background:white;border-radius:6px;box-shadow:none}.panel-heading{padding:20px 22px}.panel h2{font-size:1.05rem;font-weight:600}.panel-heading p{font-size:.875rem;margin-top:6px}.toolbar{padding:16px 20px}.search{background:white;border-radius:5px}.search input{font-size:.875rem}.search input::placeholder{color:#76828c}.filter-tabs{background:#f4f6f8;border-radius:5px}.filter-tabs button{font-size:.875rem}.filter-tabs button.active{background:white;box-shadow:0 1px 2px #0001}select{background:white;border-radius:5px;font-size:.875rem}table{font-size:.875rem}th{background:#f7f8fa;color:#687480;font-size:.75rem;text-transform:none;letter-spacing:0;font-weight:600}td{padding:17px 18px;border-color:#e8ebef}tbody tr:hover{background:#f7f9fb}.machine-icon{background:#edf1f5;color:#5a6d7f;border-radius:4px}.machine strong,td>strong{font-weight:600}.machine small,.subtle{font-size:.78rem}.resource-line{font-size:.75rem}.bar{background:#e3e8ee}.status{font-size:.78rem;border-radius:4px;font-weight:500}.status.offline{color:#66717a;background:#f0f2f4}.activity p{font-size:.875rem}.activity time{font-size:.78rem}.activity-icon{background:#eff3f6;color:#567088;border-radius:50%}.activity{border-color:#e7ebef;padding:17px 0}.station-card,.detail-item{background:#fff;border-color:var(--line);border-radius:5px}.station-card:hover{transform:none;background:#f9fafb}.station-card p{font-size:.875rem}.station-stats span{background:#f5f7f9;font-size:.8rem}.audit-row{font-size:.875rem}.login-shell{background:#f0f3f6}.login-card{background:white;border-radius:8px;box-shadow:0 8px 30px #2233440b}.login-card input{background:white;color:var(--text)}.login-card label{color:var(--text);font-size:.875rem}.muted{font-size:.875rem}.environment-form{padding:24px}.branding-fields{border-top:1px solid var(--line);padding-top:24px}.branding-fields label{font-size:.9rem}.allowed-apps{gap:12px}.allowed-apps label{background:white;border:1px solid var(--line);border-radius:6px;min-width:210px;padding:16px;font-size:.95rem}.app-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.operator-preview{background:#e8edf2;border:1px solid #d7dfe7;border-radius:6px;min-height:340px}.operator-content{background:#fffffff0;border:1px solid #dce3ea;border-radius:8px;padding:28px 34px}#logo-placeholder{color:#304f6f;font-size:2rem}#preview-apps{gap:14px}#preview-apps>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:white;border:1px solid #dfe4ea;color:#283b4e;border-radius:6px;min-width:140px;padding:22px 16px;font-size:.9rem}#preview-apps .app-icon{width:48px;height:48px}.environment-form h3{font-size:1rem;font-weight:600;margin-top:28px}.environment-form fieldset:disabled{opacity:.55}#settings-message{font-size:.875rem;color:#52697f}.detail-heading h2{font-weight:600}dialog{background:white;border-color:#d6dee5;border-radius:8px}.toast{background:#fff;color:#253b51;border-color:#bac9d7}.detail-item{background:#f4f6f8}.detail-item span{font-size:.8rem}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80a8cd;outline-offset:3px}
.branding-fields>*{min-width:0}.branding-fields input[type=file]{width:100%;overflow:hidden}.branding-fields input::file-selector-button{background:#f3f5f7;border:1px solid #cbd2d9;border-radius:4px;padding:7px 10px;color:#324253;margin-right:8px;cursor:pointer}
@media(max-width:1050px){.metric-card:nth-child(2){border-right:0}.metric-card:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.app-shell{display:block}.topbar{padding:17px}.view{padding:16px}.sidebar{width:220px}.summary-grid{grid-template-columns:1fr 1fr}.metric-card{padding:16px}.operator-content{padding:22px 16px}#preview-apps>span{min-width:120px}.branding-fields{grid-template-columns:1fr}}
@media(max-width:480px){.metric-card{border:0!important;border-bottom:1px solid var(--line)!important}.summary-grid{grid-template-columns:1fr}.metric-card:last-child{border-bottom:0!important}}
