:root{
  --navy:#0d1b33;--navy2:#132641;--teal:#0f9d8c;--teal-dark:#0a7e71;
  --bg:#f4f7fb;--surface:#fff;--line:#dbe3ed;--text:#10213a;--muted:#60728b;
  --red:#c83532;--amber:#b86a00;--green:#087f5b;--shadow:0 8px 28px rgba(20,42,72,.06)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
.hidden{display:none!important}
.app-header{height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px}
.brand-block b{font-size:22px;letter-spacing:.1px}.brand-block span{display:block;color:#9fb0c8;font-size:12px;margin-top:3px}
.header-right{display:flex;align-items:center;gap:12px}.environment-pill{border:1px solid #2e4564;background:#142945;color:#b8c7d9;padding:8px 11px;border-radius:999px;font-size:12px}
.cloud-tabs{height:54px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:end;padding:0 30px;gap:4px;position:sticky;top:0;z-index:30}
.cloud-tab{height:54px;border-radius:0;background:transparent;color:#566980;padding:0 18px;border:0;border-bottom:3px solid transparent;font-weight:650}
.cloud-tab:hover{background:#f7f9fc;color:var(--navy)}.cloud-tab.active{color:var(--navy);border-bottom-color:var(--teal);background:#fbfcfe}
main{max-width:1500px;margin:auto;padding:28px}
.tab-page{display:none}.tab-page.active{display:block}
.toolbar,.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.page-head-actions{gap:20px}
.toolbar h1,.page-head h1{margin:2px 0 0;font-size:30px}.toolbar p,.page-head p,.panel p{color:var(--muted);margin:6px 0 0}
.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--teal-dark);margin-bottom:5px}
button{background:var(--teal);color:white;border:0;border-radius:8px;padding:11px 16px;cursor:pointer;font-weight:650;transition:.16s ease}
button:hover{transform:translateY(-1px);filter:brightness(.98)}button:active{transform:none}.ghost{background:white;color:var(--navy)}
button.secondary{background:#edf2f7;color:#24364d;border:1px solid #d8e0e9}button.danger{background:#b42318;color:white}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:0 0 20px}.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;cursor:pointer;box-shadow:var(--shadow);transition:.18s ease}.kpi:hover{transform:translateY(-2px);border-color:#c8d6e5}.kpi b{display:block;font-size:27px;margin:7px 0}.kpi small{color:var(--muted)}
.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.overview-card{display:flex;gap:16px;align-items:flex-start}.overview-card h3{margin:0 0 4px}.overview-icon{width:42px;height:42px;border-radius:12px;background:#e8f7f4;color:var(--teal-dark);display:grid;place-items:center;font-weight:800;flex:0 0 auto}.overview-link{margin-top:14px}
.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow)}.panel-head{display:flex;gap:20px;align-items:center;justify-content:space-between}.panel h2,.panel h3{margin:0}.panel-head input{width:min(430px,40vw)}
input,select{border:1px solid #cbd5e1;border-radius:8px;padding:11px;background:white;color:var(--text);outline:none}input:focus,select:focus{border-color:#6cc8bc;box-shadow:0 0 0 3px #0f9d8c18}
.client-list{margin-top:18px}.client{border-top:1px solid var(--line);padding:16px 6px;display:grid;grid-template-columns:minmax(240px,2fr) repeat(4,1fr) 95px;gap:12px;align-items:center;cursor:pointer;transition:.14s}.client:first-child{border-top:0}.client:hover{background:#f8fbfd}.client-name{font-weight:750}.open-detail{margin-top:5px;color:var(--teal);font-size:12px;font-weight:700}.muted{font-size:12px;color:var(--muted)}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750}.ONLINE{background:#d2f5e5;color:#086b4c}.WARNING{background:#fff0c2;color:#8b5700}.OFFLINE{background:#ffe0ca;color:#984000}.CRITICAL,.ERROR{background:#ffd7d5;color:#a3221f}
.incident{border-top:1px solid var(--line);padding:15px 0}.incident:first-child{border-top:0}.incident-title{font-weight:750}.chip{background:#edf2f7;color:#334155;padding:7px 11px;margin-right:6px}.chip.active{background:var(--navy);color:white}.incident-filters{margin:16px 0}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compact{padding:20px}.formstack{display:grid;gap:10px;margin-top:16px}.formstack button{justify-self:start}.autocomplete-wrap{position:relative}.autocomplete{position:absolute;left:0;right:0;top:100%;z-index:20;background:white;box-shadow:0 12px 28px #0002}.autocomplete-item{display:block;width:100%;text-align:left;background:white;color:var(--text);border:1px solid var(--line);border-radius:0;margin:0}.autocomplete-item:hover{background:#f4f7fb}
.platform-panel{margin-bottom:18px}.service-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:12px}.service-card{border:1px solid #dce5f0;border-radius:14px;padding:16px;background:#fff}.service-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.service-meta{font-size:12px;color:#6b7a90;margin-top:6px}.provider-alert{margin-top:14px;padding:14px;border-radius:12px;background:#fff7e6;border:1px solid #f3d18a}.queue-panel{margin-top:18px}.queue-summary{margin-top:16px;padding:14px;border-radius:10px;background:#f6f9fc;color:#25324a}.info-banner{margin-top:14px;border-left:4px solid #6c7f95;background:#f7f9fc;padding:13px 15px;color:#52647b;font-size:13px;line-height:1.45}
.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0d1b33,#15345f)}.login-card{width:360px;background:white;padding:28px;border-radius:16px;box-shadow:0 24px 70px #0005}.login-card label{display:block;margin:15px 0}.login-card input{display:block;width:100%;margin-top:5px}.brand{font-size:26px;font-weight:800}.brand span{color:var(--teal)}.error{color:var(--red);margin-top:10px}
.drawer{position:fixed;inset:0;background:#0b122066;display:flex;justify-content:flex-end;z-index:100}.drawer-card{width:min(820px,94vw);height:100%;background:white;padding:30px;overflow:auto;position:relative;box-shadow:-20px 0 50px #0002}.drawer-close{position:absolute;right:20px;top:20px;background:#eef2f7;color:#111;font-size:22px}
.branch{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}.branch h4{margin:0 0 8px}.stats{display:flex;gap:14px;flex-wrap:wrap}.stat{background:#f7f9fc;border-radius:8px;padding:8px 10px}.node-box{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0;background:#fbfcfe}.node-head,.branch-head,.client-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.device-row{padding:9px 0;border-top:1px dashed var(--line)}.node-actions,.branch-actions,.incident-actions{display:flex;gap:8px;margin-top:10px}
.support-modal{position:fixed;inset:0;background:#0b122077;display:grid;place-items:center;z-index:1000}.support-card{width:390px;background:white;border-radius:16px;padding:24px;box-shadow:0 20px 60px #0003}.support-code{font-size:34px;font-weight:800;letter-spacing:5px;background:var(--navy);color:white;border-radius:10px;padding:16px;text-align:center;margin:16px 0}.support-actions{display:flex;gap:10px}.header-actions{display:flex;gap:10px;margin-right:58px}.inventory,.node-health{margin-top:10px;padding:10px;background:#f7f9fc;border-radius:8px}.audit-row{padding:12px 0;border-top:1px solid var(--line)}.audit-row:first-child{border-top:0}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.overview-grid,.admin-grid{grid-template-columns:1fr}.client{grid-template-columns:2fr 1fr 1fr}.client>div:nth-child(4),.client>div:nth-child(5){display:none}.panel-head,.page-head{align-items:flex-start;flex-direction:column}.panel-head input{width:100%}.cloud-tabs{overflow:auto;padding:0 12px}.cloud-tab{white-space:nowrap}}
@media(max-width:650px){main{padding:18px}.kpis{grid-template-columns:repeat(2,1fr)}.app-header{padding:0 16px}.environment-pill{display:none}.toolbar h1,.page-head h1{font-size:25px}}

.queue-tools{display:grid;grid-template-columns:minmax(260px,1fr) 230px auto auto;gap:10px;margin-top:14px}.queue-list{margin-top:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.queue-row{display:grid;grid-template-columns:1fr auto;gap:18px;padding:13px 14px;border-top:1px solid var(--line);align-items:center}.queue-row:first-child{border-top:0}.error-text{font-size:12px;color:var(--red);margin-top:4px}@media(max-width:900px){.queue-tools{grid-template-columns:1fr 1fr}.queue-row{grid-template-columns:1fr}}

.arca-config-panel{margin-bottom:18px}
.credential-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px;margin-top:16px}
.credential-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcfe}
.empty-state{border:1px dashed #c9d5e3;border-radius:12px;padding:18px;background:#f8fafc;color:#566980}
.empty-state p{margin:5px 0 0}

.credential-toolbar{display:flex;align-items:center;gap:12px;margin:14px 0}
.credential-form{border:1px solid var(--line);border-radius:12px;padding:16px;background:#f8fafc;margin:12px 0 16px}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid-2 label{font-size:12px;font-weight:650;color:#52647b}
.form-grid-2 input,.form-grid-2 select{display:block;width:100%;margin-top:6px}
.credential-form-actions,.credential-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:800px){.form-grid-2{grid-template-columns:1fr}}

.arca-history-panel{margin-bottom:18px}
.arca-event-list{margin-top:14px;max-height:360px;overflow:auto}
.arca-event-row{padding:11px 2px;border-top:1px solid var(--line)}
.arca-event-row:first-child{border-top:0}

button:disabled{opacity:.62;cursor:not-allowed;transform:none!important}
.is-busy{display:inline-flex;align-items:center;gap:8px}
.btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:fs-spin .75s linear infinite}
@keyframes fs-spin{to{transform:rotate(360deg)}}
.success-message{color:#087f5b;margin-top:10px;font-size:13px}
.credential-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;margin-top:16px}
.mini-stat{border:1px solid var(--line);border-radius:12px;padding:14px;background:#f8fafc}
.mini-stat span{display:block;color:var(--muted);font-size:12px}.mini-stat b{display:block;font-size:24px;margin-top:5px}
.client-detail-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:18px 0 14px}
.client-detail-tab{background:transparent;color:#52647b;border-radius:0;border-bottom:3px solid transparent}
.client-detail-tab.active{color:var(--navy);border-bottom-color:var(--teal)}
.client-detail-page{display:none}.client-detail-page.active{display:block}
.client-arca-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.client-arca-list{display:grid;gap:10px;margin-top:12px}
.client-arca-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcfe}
@media(max-width:700px){.credential-summary-grid{grid-template-columns:1fr}.client-arca-head{flex-direction:column}}

.credential-form input[readonly]{background:#eef3f7;color:#52647b;cursor:not-allowed}

.ops-kpis{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin:14px 0}
.ops-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:18px}
.ops-alert-list,.rule-list{display:grid;gap:10px}
.ops-alert{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff}
.ops-alert.warning{border-left:4px solid #d99a14}.ops-alert.error{border-left:4px solid #d95b41}.ops-alert.critical{border-left:4px solid #b42318}
.rule-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfcfe}
.switch-line{display:flex;align-items:center;gap:8px;white-space:nowrap}
.notification-history{display:grid;gap:10px}.notification-row{border-top:1px solid var(--line);padding:12px 0}.notification-row:first-child{border-top:0}
@media(max-width:900px){.ops-kpis{grid-template-columns:repeat(2,1fr)}.ops-grid{grid-template-columns:1fr}}

.client-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;margin:8px 0 18px}
.client-summary-grid>div,.inventory-kpis>div,.runtime-grid>div{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:13px}
.client-summary-grid span,.inventory-kpis span,.runtime-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.client-summary-grid b{font-size:22px}.small-value{font-size:13px!important}
.link-button{background:transparent!important;border:0!important;color:var(--teal)!important;padding:6px 0!important;text-decoration:underline;cursor:pointer}
.inventory-detail{border:1px solid var(--line);border-radius:12px;padding:14px;margin:8px 0 12px;background:#fff}
.inventory-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.inventory-kpis b{font-size:13px}.inventory-line{margin:6px 0}.inventory-detail h5{margin:14px 0 7px}
.inventory-disk,.inventory-net{padding:8px 0;border-top:1px solid var(--line)}
.inventory-disk>div:first-child{display:flex;justify-content:space-between;gap:15px}
.meter{height:6px;background:#e7edf4;border-radius:8px;overflow:hidden;margin-top:6px}.meter i{display:block;height:100%;background:#0f9f91;border-radius:8px}
.timeline-row{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#94a3b8}.timeline-dot.warning{background:#d99a14}.timeline-dot.error{background:#d95b41}.timeline-dot.critical{background:#b42318}
.timeline-kind{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:2px 7px;border-radius:999px}
.audit-toolbar{display:grid;grid-template-columns:1fr 240px;gap:10px;margin:14px 0}.audit-list{max-height:560px;overflow:auto}.audit-entry{padding:12px 0;border-top:1px solid var(--line)}
.runtime-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.runtime-grid b{font-size:16px}
@media(max-width:900px){.client-summary-grid,.inventory-kpis,.runtime-grid{grid-template-columns:repeat(2,1fr)}.audit-toolbar{grid-template-columns:1fr}}

.remote-modal{align-items:flex-start;padding:30px 10px;overflow:auto}
.remote-card{width:min(860px,96vw);max-height:none}
.remote-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.remote-status-grid>div{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:11px}
.remote-status-grid span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.remote-actions{flex-wrap:wrap;margin-top:16px}
.remote-command-list{margin-top:8px}
.remote-command-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:10px 0}
@media(max-width:760px){.remote-status-grid{grid-template-columns:repeat(2,1fr)}}