:root{font-family:Inter,system-ui,sans-serif;color:#192f41;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#172b3c;color:white;padding:18px 5%;display:flex;align-items:center;gap:14px}header img{width:52px;height:52px;object-fit:contain}header strong{font-size:25px}header span{display:block;font-size:12px;color:#b7ccd8}.label{margin-left:auto;border:1px solid #405565;border-radius:20px;padding:9px 14px}main{max-width:1350px;margin:38px auto;padding:0 24px;min-height:70vh}h1{font-size:32px;margin:6px 0}h2{font-size:21px;margin:8px 0}p{color:#62768a;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;color:#155eef}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.card{background:white;border:1px solid #dce5ee;border-radius:14px;padding:25px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:27px 0}.metrics span{font-size:13px;color:#62768a}.metrics strong{display:block;font-size:29px;margin-top:9px}.metrics small{font-size:11px;color:#62768a;display:block;margin-top:8px}button,input,select,textarea{font:inherit}button{border:1px solid #cddae5;background:white;color:#213e53;padding:10px 15px;border-radius:8px;cursor:pointer}button:hover{background:#edf3ff}button:disabled{opacity:.5;cursor:wait}.primary{background:#155eef;border-color:#155eef;color:white}.primary:hover{background:#124ac0}nav{display:flex;gap:8px;margin-bottom:15px}.selected{border-color:#155eef;color:#155eef}#refresh{margin-left:auto}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{flex:1}input,select,textarea{border:1px solid #cddae5;border-radius:7px;padding:11px;width:100%;background:white;color:#213e53}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}label{display:block;font-size:13px;font-weight:600;margin:13px 0}label input,label select,label textarea{margin-top:7px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6f8293;padding:14px 10px;border-bottom:1px solid #dce5ee}td{padding:17px 10px;border-bottom:1px solid #edf0f4}td small{display:block;color:#728598;margin-top:5px}.scroll{overflow-x:auto}.badge{display:inline-block;padding:6px 9px;border-radius:18px;background:#edf0f4;white-space:nowrap}.active{background:#def4eb;color:#126c51}.expired{background:#ffecd5;color:#8b551b}.suspended{background:#ffe2e4;color:#a03145}.cancelled{color:#656575}.actions{display:flex;gap:7px}.actions button{font-size:12px;padding:8px}.planList{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{border:1px solid #dce5ee;padding:20px;border-radius:12px}.plan strong{font-size:25px;display:block;margin:12px 0}dialog{border:1px solid #dce5ee;border-radius:15px;max-width:740px;width:calc(100% - 30px);padding:28px;color:#192f41;max-height:90vh}dialog::backdrop{background:#10293c99}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}.help{font-size:12px}.login{max-width:460px;margin:70px auto}.login button{width:100%;margin-top:10px}#notice{background:#fff2d2;border:1px solid #e5ca8a;padding:14px 18px;border-radius:9px;color:#745319}pre{white-space:pre-wrap;word-break:break-all;background:#f1f5f8;padding:15px;font-size:12px}footer{text-align:center;color:#7b8fa1;font-size:12px;padding:25px}[hidden]{display:none!important}@media(max-width:800px){.metrics{grid-template-columns:1fr 1fr}.heading{align-items:flex-start;flex-direction:column}.grid,.planList{grid-template-columns:1fr}.label{display:none}main{padding:0 12px}.card{padding:16px}h1{font-size:27px}.toolbar{flex-direction:column}nav{flex-wrap:wrap}}
/* Central management: bounded dialogs and stacked forms on small screens. */
[hidden]{display:none!important}dialog{max-width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}dialog pre,pre{white-space:pre-wrap;overflow-wrap:anywhere}.job{padding:14px 0;border-bottom:1px solid #d9e5e7;display:flex;flex-direction:column;gap:6px}.job small{overflow-wrap:anywhere}.tenant-detail form{padding:18px 0;border-top:1px solid #d9e5e7;display:grid;gap:12px}.tenant-detail textarea{min-height:90px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}#manageContent form{margin-bottom:20px}#releaseForm,#importForm{display:grid;gap:14px;margin-bottom:20px}#importPreview pre{background:#edf5f5;padding:12px;border-radius:10px}nav{flex-wrap:wrap}#hostMetrics strong{font-size:1.35rem}#mfaSecret{font-weight:bold;letter-spacing:2px;background:#eef8f5;padding:16px}#recoveryCodes{font-size:1.1rem;line-height:1.8}dialog::backdrop{background:rgba(5,20,30,.65)}@media(max-width:640px){header .label{display:none}.heading{flex-wrap:wrap}.metrics{grid-template-columns:1fr 1fr}dialog{width:calc(100vw - 24px);padding:16px}.grid{grid-template-columns:1fr}.actions{flex-wrap:wrap}input,select,textarea{font-size:16px}main{padding:12px}.metrics strong{font-size:1.2rem}}

/* Usoluk administrative identity */
header{background:#0b1220;border-bottom:1px solid #29466b}header img{border-radius:10px;background:#f0f6ff}header strong{letter-spacing:-.035em}.selected{background:#e6efff}.primary{background:#155eef;border-color:#155eef}.primary:hover{background:#124ac0}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;background:#0b1220;color:#e7efff}.card,dialog,input,select,textarea,button{background:#131f32;color:#e7efff;border-color:#304563}p,.metrics span,.metrics small,td small,th,footer{color:#b2c3da}.primary{background:#2563eb;color:white}.selected{background:#18345a;color:#bcd9ff;border-color:#70b3ff}button:hover{background:#213c60}.primary:hover{background:#155eef}pre,#importPreview pre,#mfaSecret{background:#172c49;color:#e7efff}.plan,.job,td,th,.tenant-detail form{border-color:#304563}}