:root{font-family:Manrope,system-ui,sans-serif;color:#15243b;background:#f3f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 10%,#17375c 0,#071321 42%,#040a11)}.login-card{width:min(460px,100%);background:#fff;border-radius:28px;padding:34px;box-shadow:0 30px 80px #0008}.brand{display:flex;align-items:center;gap:12px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#21d4b4,#2088ec);color:#fff;font-size:22px;font-weight:800}.brand div{display:flex;flex-direction:column}.brand strong{letter-spacing:.04em}.brand small{color:#789}.login-heading{padding:38px 0 24px}.login-heading>svg{width:34px;color:#14aa91}.login-heading p,header p,.modal header p{margin:12px 0 4px;color:#0a9a83;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-heading h1{margin:0 0 10px;font-size:28px}.login-heading span,header span{color:#708097}.login-card form,.modal form{display:grid;gap:17px}label{display:grid;gap:7px;color:#43536a;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid #dbe4ee;border-radius:12px;background:#fbfdff;padding:12px 14px;color:#142238;outline:none}input:focus,select:focus,textarea:focus{border-color:#1fb99f;box-shadow:0 0 0 3px #1fb99f18}textarea{min-height:110px;resize:vertical}.primary,.secondary,.danger{border:0;border-radius:11px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.primary{background:#0c9f88;color:#fff}.primary:hover{background:#078b77}.secondary{background:#edf3f8;color:#31445d}.danger{background:#fff0f0;color:#c13c4a}.small{padding:8px 11px;font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.app-shell>aside{position:sticky;top:0;height:100vh;background:#071524;color:#fff;padding:24px 18px;display:flex;flex-direction:column}.app-shell aside .brand{padding:0 8px}.app-shell aside .brand small{color:#7590aa}nav{display:grid;gap:6px;margin-top:40px}nav a{display:flex;align-items:center;gap:11px;padding:12px;border-radius:11px;color:#8fa4ba;font-size:13px;font-weight:700}nav a svg{width:18px}nav a.active{background:#13b0951b;color:#56e0c7}.operator{margin-top:auto;padding:14px 8px 0;border-top:1px solid #ffffff16;display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:9px}.operator>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1ea68f}.operator div{min-width:0;display:flex;flex-direction:column}.operator strong,.operator small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.operator small{color:#7892aa}.operator button,.modal header button,.alert button,.notice button{border:0;background:none;color:inherit;padding:3px}.operator svg,.modal header button svg,.alert button svg,.notice button svg{width:18px}.content{padding:38px clamp(22px,4vw,58px);min-width:0}.content>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.content h1{margin:0 0 7px;font-size:31px}.content header p{margin-top:0}.content header .secondary svg{width:17px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.metrics article{background:#fff;border:1px solid #e3eaf1;border-radius:17px;padding:20px;display:flex;align-items:center;gap:15px}.metrics article>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e9faf6;color:#0b9c84}.metrics svg{width:21px}.metrics div{display:flex;flex-direction:column}.metrics small,.tenant-facts small{color:#7890a5;font-size:11px}.metrics strong{font-size:24px}.panel{background:#fff;border:1px solid #e1e9f0;border-radius:19px;overflow:hidden}.toolbar{padding:17px;display:flex;gap:10px;border-bottom:1px solid #edf1f5}.toolbar label{position:relative;display:flex;flex:1}.toolbar label svg{position:absolute;left:13px;top:12px;width:17px;color:#8090a1}.toolbar label input{padding-left:40px}.toolbar select{width:210px}.tenant-list{display:grid}.tenant-row{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(290px,1fr) 190px;gap:18px;padding:20px;border-bottom:1px solid #edf1f5}.tenant-row:last-child{border-bottom:0}.tenant-main{display:flex;align-items:center;gap:12px;min-width:0}.avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;background:#e9f1f9;color:#285273;font-weight:800}.tenant-main>div{min-width:0}.title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tenant-main small{display:block;margin-top:5px;color:#7a899b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{font-style:normal;border-radius:999px;padding:4px 8px;background:#eef2f6;color:#607184;font-size:9px;font-weight:800;text-transform:uppercase}.status--active{background:#e3f8f1;color:#087a67}.status--provisioning{background:#e9efff;color:#4264b7}.status--suspended{background:#fff0f0;color:#b94752}.status--pending_activation{background:#fff6df;color:#9a6a0b}.tenant-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tenant-facts div{display:flex;flex-direction:column;min-width:0}.tenant-facts strong{margin:3px 0;font-size:12px}.tenant-facts span{color:#7d8d9d;font-size:10px;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-end;gap:7px}.actions svg{width:14px}.loading,.empty{padding:60px;text-align:center;color:#718397}.empty{display:flex;flex-direction:column;align-items:center;gap:7px}.empty svg{width:36px;color:#1ba48d}.alert,.notice{margin:18px 0;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:9px;font-size:13px}.alert{background:#fff0f0;color:#a93642}.notice{background:#e9faf5;color:#087760}.alert>svg,.notice>svg{width:18px;flex:none}.alert button,.notice button{margin-left:auto}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#03101dcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(520px,100%);background:#fff;border-radius:22px;padding:25px;box-shadow:0 30px 90px #0008}.modal>header{display:flex;justify-content:space-between;margin-bottom:24px}.modal h2{margin:0 0 5px}.modal header button{color:#65768a}.modal footer{display:flex;justify-content:flex-end;gap:9px}.audit-hint{display:flex;gap:9px;border-radius:11px;background:#eff9f7;padding:12px;color:#277568;font-size:11px}.audit-hint svg{width:18px;flex:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.tenant-row{grid-template-columns:1fr 1fr}.actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:760px){.app-shell{display:block}.app-shell>aside{position:static;height:auto;padding:16px}.app-shell aside nav{display:none}.operator{position:absolute;right:14px;top:12px;border:0;width:180px}.content{padding:24px 14px}.metrics,.tenant-row{grid-template-columns:1fr}.tenant-facts{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.toolbar label{flex-basis:100%}.toolbar select{width:auto;flex:1}.content>header{flex-direction:column}.content>header .secondary{align-self:flex-end}}