:root{color:#18202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}:root{--tb-red:#bd1d20;--tb-red-dark:#a9191d;--tb-red-soft:#c84545;--tb-bg:#e9e9e9;--tb-card:#fff;--tb-border:#ddd;--tb-text:#202124;--tb-muted:#73777d;--tb-shadow:0 1px 5px #00000038}button,input{font:inherit}.login-page{min-height:100vh;color:var(--tb-text);background:linear-gradient(135deg,#bd1d20eb,#8a1115eb),radial-gradient(circle at 0 0,#fff 0,#0000 40%);place-items:center;padding:24px;display:grid}.login-card{background:var(--tb-card);border-radius:4px;width:min(420px,100%);overflow:hidden;box-shadow:0 16px 40px #0000004d}.login-brand,.tb-logo{align-items:center;gap:12px;display:flex}.login-brand{background:var(--tb-red);color:#fff;padding:22px 26px}.login-brand strong,.tb-logo strong{letter-spacing:0;text-transform:lowercase;font-size:30px;font-weight:800;line-height:1;display:block}.login-brand small,.tb-logo small{text-align:right;font-size:14px;display:block}.candela-lines{gap:6px;width:48px;display:grid;transform:skewY(-13deg)}.candela-lines span{background:currentColor;border-radius:999px;height:5px}.candela-lines span:nth-child(2){width:82%}.candela-lines span:nth-child(3){width:64%}.login-form{gap:18px;padding:28px 30px 30px;display:grid}.form-eyebrow{color:var(--tb-muted);margin:0 0 6px;font-size:13px}.login-form h1{margin:0;font-size:28px;font-weight:500}.login-form label{color:#555;gap:6px;font-size:13px;font-weight:600;display:grid}.login-form input{border:1px solid #cfcfcf;border-radius:4px;outline:none;height:42px;padding:0 12px}.login-form input:focus{border-color:var(--tb-red);box-shadow:0 0 0 2px #bd1d201f}.primary-action{background:var(--tb-red);color:#fff;cursor:pointer;border:0;border-radius:4px;height:42px;font-weight:700}.primary-action:disabled{opacity:.65}.login-error{color:var(--tb-red);margin:0;font-size:13px}.tb-shell{background:var(--tb-bg);min-height:100vh;color:var(--tb-text);grid-template-columns:244px minmax(0,1fr);display:grid}.tb-sidebar{background:var(--tb-red);color:#fff;flex-direction:column;min-height:100vh;display:flex;box-shadow:2px 0 4px #0000002e}.tb-logo{height:108px;padding:18px 20px 12px}.tb-nav{display:grid;overflow-y:auto}.tb-nav a{color:#fff;border-top:1px solid #ffffff14;border-bottom:1px solid #00000014;align-items:center;min-height:46px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.tb-nav a.active,.tb-nav a:hover{background:var(--tb-red-soft)}.tb-nav a.section-open{background:var(--tb-red-dark)}.tb-nav .nav-child{background:var(--tb-red-dark);min-height:42px;padding-left:32px;font-size:13px}.tb-version{color:#fff;text-align:right;margin-top:auto;padding:10px 14px;font-size:12px}.tb-main{grid-template-rows:64px minmax(0,1fr);min-width:0;display:grid}.tb-topbar{background:var(--tb-red);color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:0 18px;display:flex;box-shadow:0 2px 4px #0003}.topbar-left,.topbar-actions{align-items:center;gap:16px;display:flex}.tb-topbar h1{margin:0;font-size:20px;font-weight:600}.icon-button{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:20px;display:grid}.icon-button:hover{background:#ffffff1f}.has-badge{position:relative}.has-badge:after{content:"99+";color:var(--tb-red);background:#ffebee;border-radius:999px;padding:1px 4px;font-size:9px;font-weight:800;position:absolute;top:1px;right:-5px}.api-state{color:#fff;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.integration-state{color:#fff;border-left:1px solid #ffffff47;align-items:center;gap:7px;padding-left:16px;font-size:12px;font-weight:700;display:inline-flex}.integration-state span{background:#ffd166;border-radius:50%;width:8px;height:8px}.integration-state.connected span{background:#47d18c}.integration-state.unavailable span,.integration-state.invalidConfiguration span{background:#111}.api-state span{background:#ffd166;border-radius:50%;width:8px;height:8px}.api-state.online span{background:#47d18c}.api-state.offline span{background:#111}.user-chip{align-items:center;gap:8px;display:flex}.user-chip .avatar{width:34px;height:34px;color:var(--tb-red);background:#fff;border-radius:50%;place-items:center;display:grid}.user-chip strong,.user-chip span{font-size:12px;line-height:1.2;display:block}.user-chip span{opacity:.9}.dashboard-grid{grid-template-rows:auto 168px 116px 134px 122px 1fr;grid-template-columns:1.15fr 1.45fr .95fr .95fr;gap:8px;min-width:0;padding:10px;display:grid;overflow:auto}.card,.summary-strip,.metric-tile{background:var(--tb-card);box-shadow:var(--tb-shadow);border-radius:10px}.hero-card{grid-area:2/1;place-items:center;display:grid;position:relative}.system-overview-panel{grid-column:1/-1;grid-template-columns:minmax(420px,1.1fr) minmax(520px,1.9fr);gap:8px;display:grid}.system-entity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.system-count-card,.system-resource-card,.system-chart-card{background:var(--tb-card);box-shadow:var(--tb-shadow);border-radius:10px}.system-count-card{justify-content:space-between;align-items:flex-start;min-height:92px;padding:16px;display:flex}.system-count-card:first-child,.system-count-card:nth-child(2){grid-column:span 2}.system-count-card span,.system-resource-card span{color:#5f6b76;font-size:14px;font-weight:600;display:block}.system-count-card strong{color:#0b1117;margin-top:14px;font-size:28px;font-weight:600;display:block}.system-count-card button{background:var(--tb-red);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:10px 16px;font-weight:800}.system-resource-panel{grid-template-columns:1fr;gap:8px;display:grid}.system-resource-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.system-resource-card{justify-content:space-between;align-items:flex-start;min-height:92px;padding:16px;display:flex}.system-resource-card strong{margin-top:12px;font-size:28px;font-weight:600;display:block}.system-resource-card small{color:#5f6b76;margin-left:4px;font-size:14px;font-weight:500}.system-resource-card b{color:#00834b;background:#fff6f6;border-radius:4px;place-items:center;min-width:28px;height:24px;font-size:11px;display:grid}.system-chart-card{min-height:196px;padding:14px 16px}.system-chart-heading{color:#7a828a;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.system-chart-heading strong{color:#5f6b76;font-weight:700;display:block}.system-chart-heading i{border-radius:50%;width:8px;height:8px;margin-left:12px;margin-right:4px;display:inline-block}.legend-cpu{background:#315c91}.legend-ram{background:#b935d1}.legend-disk{background:#45caa4}.system-chart-card svg{width:100%;height:166px;display:block}.chart-grid line{stroke:#eef0f1;stroke-width:1px}.system-chart-card polyline{fill:none;stroke-width:3px}.chart-cpu{stroke:#315c91}.chart-ram{stroke:#b935d1}.chart-disk{stroke:#45caa4}.transport-chart-card{min-height:170px}.system-bar-chart{align-items:end;gap:8px;height:112px;padding-top:14px;display:flex}.system-bar-chart span{background:var(--tb-red);flex:1;min-width:4px}.metu-mark{align-items:center;gap:34px;display:flex}.metu-mark span{background:linear-gradient(90deg,#d00008 0 50%,#0000 50%),radial-gradient(circle at 72%,#0000 0 42%,#d00008 43% 44%,#0000 45%);border:1px solid #d00008;border-radius:50%;width:138px;height:116px;display:block}.metu-mark strong{background:var(--tb-red);color:#fff;letter-spacing:1px;border-radius:8px;padding:10px 22px;font-size:34px;display:block}.kebab{cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:12px}.map-card{grid-area:2/2/5/4;overflow:hidden}.operations-map{height:100%;min-height:320px}.operations-map .leaflet-container{border-radius:12px;width:100%;height:100%}.operations-map-empty{color:#6b7785;text-align:center;background:#f7f8f8;border-radius:12px;place-items:center;min-height:320px;padding:16px;display:grid}.map-surface{background:radial-gradient(circle at 55% 58%,#bd1d2024 0 38px,#0000 39px),linear-gradient(30deg,#0000 0 48%,#bd1d201f 49% 50%,#0000 51%),linear-gradient(130deg,#0000 0 52%,#7878781f 53% 54%,#0000 55%),#f7f8f8;height:100%;position:relative}.map-surface:before,.map-surface:after{content:"";opacity:.7;background-image:linear-gradient(25deg,#0000 0 24%,#aaa3 25% 26%,#0000 27%),linear-gradient(155deg,#0000 0 33%,#aaaaaa2e 34% 35%,#0000 36%);position:absolute;inset:0}.map-city{color:#8b99a6;z-index:1;font-size:18px;font-weight:700;position:absolute;top:56%;left:48%}.map-cluster{color:#8a3200;z-index:1;background:#f8a25f;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid;position:absolute;top:56%;left:42%;box-shadow:0 0 0 14px #f8a25f38}.metric-stack{grid-area:2/4/4/5;grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric-tile{background:var(--tb-red);color:#fff;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.metric-tile span{text-transform:uppercase;font-size:12px;font-weight:800;display:block}.metric-tile strong{font-size:34px;font-weight:500}.metric-tile i{width:54px;height:54px;color:var(--tb-red);background:#fff;border-radius:50%;place-items:center;font-size:24px;font-style:normal;font-weight:800;display:grid}.device-summary{grid-area:3/1/5;gap:8px;display:grid}.summary-strip{grid-template-columns:62px 1fr auto auto;align-items:center;gap:12px;min-height:58px;padding:8px 18px 8px 10px;display:grid}.summary-strip i{background:var(--tb-red);color:#fff;border-radius:5px;place-items:center;width:44px;height:44px;font-size:22px;font-style:normal;display:grid}.summary-strip span{color:#777;font-size:21px}.summary-strip strong{color:var(--tb-red);font-size:30px;font-weight:500}.summary-strip b{color:#999;font-size:46px;font-weight:300}.quota-card{grid-area:4/1/6;padding:0}.quota-row{border-bottom:1px solid var(--tb-border);color:#666;grid-template-columns:1fr minmax(150px,.65fr);align-items:center;gap:14px;min-height:45px;padding:8px 16px;font-size:14px;display:grid}.quota-row small{color:#777;border-bottom:7px solid #bd1d201f;display:block}.quota-row em{color:var(--tb-red);font-style:normal;font-weight:700}.chart-card{grid-area:4/2/6/4;padding:16px}.card-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-heading h2{color:#333;margin:0;font-size:16px;font-weight:700}.card-heading p{color:#777;text-transform:uppercase;margin:0 0 3px;font-size:12px;font-weight:700}.card-heading-actions{align-items:center;gap:10px;display:inline-flex}.card-heading button,.table-card button{color:var(--tb-red);cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:8px 14px;font-weight:700}.bar-chart{align-items:end;gap:12px;height:calc(100% - 34px);padding:32px 8px 8px;display:flex}.bar-chart span{background:var(--tb-red);flex:1;min-width:8px}.donut-card{min-height:164px;padding:16px}.donut-card h2{margin:0 0 8px;font-size:16px}.donut{background:conic-gradient(var(--tb-red) 0 320deg, #8f8f8f 320deg 360deg);border-radius:50%;place-items:center;width:148px;height:148px;margin:8px auto 0;display:grid}.donut>div{background:#fff;border-radius:50%;align-content:center;place-items:center;width:108px;height:108px;display:grid}.donut span{color:#aaa;font-size:12px}.donut strong{font-size:28px}.clock-card{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;padding:18px 22px;display:grid}.clock-card>strong{font-size:42px}.clock-card>span{color:#777;font-weight:700}.clock-card div{border-left:1px solid #f0d5d5;grid-area:1/2/3;padding-left:20px}.clock-card p{color:#999;text-transform:uppercase;margin:6px 0;font-size:12px;font-weight:800}.clock-card b{color:var(--tb-red);font-size:16px;display:block}.groups-card{grid-area:4/4/6;padding:16px}.group-row{color:#8c0f14;justify-content:space-between;align-items:center;min-height:26px;font-size:13px;font-weight:800;display:flex}.group-row strong{color:var(--tb-red);background:#fdeaea;border:1px solid #f0bcbc;border-radius:999px;padding:2px 8px;font-size:12px}.table-card{grid-column:1/5;padding:16px}.directory-panel{border-top:1px solid #e7d7d7;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:22px;padding-top:18px;display:grid}.directory-section{min-width:0}.section-title-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-actions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.section-title-row button,.reports-panel button{color:var(--tb-red);cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:8px 14px;font-weight:700}.empty-state.error{color:#b42318}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;white-space:nowrap;border-top:1px solid #e2e2e2;padding:12px 14px}th{color:#5d6b78;text-transform:uppercase;vertical-align:top;font-size:12px}.table-subtext{color:#7a8591;margin-top:4px;font-size:12px}.badge-list{flex-wrap:wrap;gap:6px;display:flex}.role-editor{gap:8px;min-width:240px;display:grid}.role-options,.role-editor-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.role-options label{min-height:28px;color:var(--tb-red);cursor:pointer;background:#fdeaea;border-radius:4px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.role-options label:has(input:disabled){cursor:default;opacity:.72}.role-editor-actions button{padding:6px 10px}.role-editor-actions button:disabled{cursor:default;opacity:.55}.inline-error{color:#b3261e;font-size:12px}.role-badge,.permission-pill,.empty-note{border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.role-badge{color:var(--tb-red);background:#fdeaea}.permission-pill{color:#49545f;background:#f1f3f5}.empty-note{color:#8a8a8a;background:#f7f7f7}.table-message{color:#687784;text-align:center;height:72px}.table-message.error{color:#b3261e}.status{color:#555;background:#eee;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.status.online{color:#0c8a54;background:#ddf7ed}.status.warning{color:#8a5b00;background:#fff0c6}.command-state{text-transform:lowercase}.command-state-queued{color:#1f4f99;background:#e8f0ff}.command-state-sent{color:#8a5b00;background:#fff0c6}.command-state-confirmed{color:#1f6b3a;background:#e3f7e8}.command-state-failed,.command-state-timeout{color:#a12828;background:#fde8e8}.command-attempt-summary{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}@media (width<=1200px){.dashboard-grid{grid-template-rows:none;grid-template-columns:1fr 1fr}.hero-card,.system-overview-panel,.map-card,.metric-stack,.device-summary,.quota-card,.chart-card,.donut-card,.clock-card,.groups-card,.table-card{grid-area:auto}.system-overview-panel{grid-template-columns:1fr}.map-card,.chart-card,.table-card{grid-column:1/-1}}@media (width<=760px){.tb-shell{grid-template-columns:1fr}.tb-sidebar{min-height:auto}.tb-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tb-main{grid-template-rows:auto minmax(0,1fr)}.tb-topbar{flex-direction:column;align-items:flex-start;padding:12px}.topbar-actions{flex-wrap:wrap}.dashboard-grid,.metric-stack,.directory-panel{grid-template-columns:1fr}}.group-type-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.group-type-tabs button,.group-create-form button,.group-actions button,.group-name-editor button,.group-member-editor button{color:#243044;cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700}.group-type-tabs button.active{color:var(--tb-red);background:#fdeaea;border-color:#f0bcbc}.group-create-form,.group-name-editor,.group-member-editor,.group-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.group-create-form input,.group-name-editor input,.group-member-editor select{border:1px solid #d7dce5;border-radius:6px;min-width:180px;padding:6px 10px}.group-current-members{flex-wrap:wrap;gap:.35rem;display:flex}.group-member-chip{background:#eef2f6;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .45rem;display:inline-flex}.group-member-chip button{cursor:pointer;background:0 0;border:0;padding:0}.group-member-chip.inactive{opacity:.72;border:1px dashed #c5ccd8}.device-registry-panel{grid-column:1/-1}.archive-toggle{align-items:center;gap:6px;font-size:12px;display:inline-flex}.device-create-form select,.device-edit-form select,.device-edit-form input{border:1px solid #d7dce5;border-radius:6px;min-width:160px;padding:6px 10px}.device-edit-form,.device-detail-panel{border:1px solid #e3e8f0;border-radius:8px;margin-top:12px;padding:12px}.device-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.device-detail-grid span{color:#6b778c;text-transform:uppercase;font-size:11px;display:block}.device-detail-wide{grid-column:1/-1}.equipment-panel .equipment-section{gap:8px;margin-top:8px;display:grid}.equipment-list{margin:0;padding:0;list-style:none}.equipment-list li{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.equipment-assign-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.selected-row{background:#fff8f8}.confirm-dialog{background:#fff;border:1px solid #f0bcbc;border-radius:8px;margin-top:12px;padding:12px}.report-filters,.report-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0;display:grid}.report-filters label,.report-summary{background:#0f172a0a;border:1px solid #94a3b847;border-radius:12px;gap:6px;padding:12px;display:grid}.report-filters select,.report-filters input{border:1px solid #94a3b873;border-radius:8px;padding:8px 10px}.report-summary span{color:#64748b;text-transform:uppercase;font-size:.78rem}.report-summary strong{font-size:1.2rem}.report-summary.muted strong{color:#94a3b8;font-size:.95rem}.operations-map{position:relative}.operations-map-legend{z-index:500;color:#425466;background:#ffffffeb;border-radius:999px;flex-wrap:wrap;gap:8px;max-width:280px;padding:8px 10px;font-size:12px;font-weight:700;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 8px 22px #0000001f}.operations-map-legend span{align-items:center;gap:5px;display:inline-flex}.marker-key{background:#2f9e44;border-radius:50%;width:10px;height:10px;display:inline-block}.marker-key-meter{background:#1971c2;border-radius:2px}.marker-key-line{background:#7048e8;border-radius:0;transform:rotate(45deg)}.marker-key-alarm{background:#c92a2a;box-shadow:0 0 0 3px #c92a2a2e}.map-popup p{margin:4px 0}.map-popup button{color:#fff;cursor:pointer;background:#1c7ed6;border:0;border-radius:999px;padding:6px 10px;font-weight:700}.map-device-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.map-device-list li{grid-template-columns:minmax(100px,1fr);gap:2px;display:grid}.map-device-list span{color:#6b7785;font-size:12px}