:root{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:#182230;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #cbd5df;background:#fff;border-radius:9px;padding:9px 12px;cursor:pointer}button:hover{background:#f6f8fa}button.primary{background:#0f62fe;color:#fff;border-color:#0f62fe}button.danger{color:#b42318;border-color:#f0b6b0}.hidden{display:none!important}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(440px,100%)}.shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}aside{background:#111827;color:#e5e7eb;padding:20px;display:flex;flex-direction:column;gap:18px}.brand{font-weight:800;font-size:20px;letter-spacing:.5px}.brand span{color:#60a5fa}.brand small{display:block;color:#9ca3af;font-size:11px;margin-top:4px}nav{display:grid;gap:5px}nav button,.logout{background:transparent;color:#d1d5db;border-color:transparent;text-align:left}nav button.active{background:#1f2937;color:#fff}.support{font-size:12px;color:#9ca3af;line-height:1.6;margin-top:auto}.tenantBox label{color:#9ca3af}.tenantBox select{width:100%;margin-top:6px}main{padding:24px;min-width:0}header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}header h1{margin:0}.status{font-size:13px;background:#e8eef8;border-radius:999px;padding:7px 11px}.page{display:none}.page.active{display:block}.card{background:#fff;border:1px solid #e1e7ee;border-radius:14px;padding:18px;margin-bottom:18px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.card h2{margin-top:0;font-size:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{background:#fff;border:1px solid #e1e7ee;border-radius:14px;padding:16px}.metric strong{font-size:27px;display:block}.metric span{color:#667085;font-size:12px}.toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:12px;color:#475467;margin-bottom:12px}input,select,textarea{width:100%;margin-top:5px;border:1px solid #cfd7e1;border-radius:8px;padding:9px;background:#fff;color:#182230}textarea{min-height:110px;resize:vertical}hr{border:0;border-top:1px solid #e6ebf0;margin:18px 0}.item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f3}.item:last-child{border:0}.item b{display:block}.item small,.muted{color:#667085}.actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.badge{display:inline-block;border-radius:999px;background:#eef2f6;padding:4px 8px;font-size:11px}.badge.ok{background:#e9f8ef;color:#067647}.badge.err{background:#feeceb;color:#b42318}.note{font-size:12px;color:#667085;margin-top:10px}pre{white-space:pre-wrap;word-break:break-word;background:#0b1020;color:#d1e0ff;padding:14px;border-radius:10px;min-height:150px;max-height:420px;overflow:auto}.error{color:#b42318;margin-top:10px}.toast{position:fixed;right:18px;bottom:18px;max-width:430px;background:#111827;color:#fff;padding:13px 16px;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.22)}@media(max-width:950px){.shell{grid-template-columns:1fr}aside{position:static}.grid2,.metrics{grid-template-columns:1fr 1fr}}@media(max-width:620px){main{padding:14px}.grid2,.metrics,.row{grid-template-columns:1fr}}