: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}}.ops-v2 nav button{width:100%;border:0;border-radius:11px;background:transparent;color:#8fa4ba;padding:12px;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:700;text-align:left}.ops-v2 nav button svg{width:18px}.ops-v2 nav button:hover{color:#d7e5f2;background:#ffffff0a}.ops-v2 nav button.active{color:#56e0c7;background:#13b0951b;box-shadow:inset 3px 0 #26cbb0}.ops-v2 .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics .dangerMetric span{background:#fff0f1;color:#bf4050}.tenant-row--clickable{cursor:pointer}.tenant-row--clickable:hover{background:#f8fbfd}.row-open{width:34px;height:34px;border:0;border-radius:10px;background:#edf3f8;color:#61758c;display:grid;place-items:center}.row-open svg{width:17px}.ops-table{overflow-x:auto}.ops-table__head,.ops-table>article{min-width:980px;display:grid;grid-template-columns:1.05fr .95fr .85fr 1fr 1.45fr;align-items:center;gap:15px;padding:13px 20px}.ops-table__head{background:#f7f9fc;color:#7f8fa2;font-size:10px;font-weight:800;text-transform:uppercase}.ops-table>article{border-top:1px solid #e9eef4}.ops-table>article>div{min-width:0;display:grid;gap:5px}.ops-table>article strong{color:#283b53;font-size:12px}.ops-table>article small,.ops-table>article span{overflow:hidden;color:#7d8da0;font-size:10px;text-overflow:ellipsis}.ops-table .status{width:max-content}.table-actions{display:flex!important;flex-wrap:wrap;grid-template-columns:none!important}.table-actions button svg{width:14px}.status--ready,.status--succeeded{color:#087c66;background:#e3f8f1}.status--failed,.status--expired,.status--canceled{color:#b43d4b;background:#ffedf0}.status--running,.status--grace{color:#8f650e;background:#fff4d9}.audit-panel{padding:0;overflow:hidden}.audit-list{display:grid}.audit-list>article{padding:15px 20px;border-top:1px solid #e9eef4;display:grid;grid-template-columns:37px minmax(0,1fr);gap:12px}.audit-list>article:first-child{border-top:0}.audit-icon{width:36px;height:36px;border-radius:10px;background:#e9f8f5;color:#0c987f;display:grid;place-items:center}.audit-icon svg{width:17px}.audit-list article>div{min-width:0}.audit-list article header,.audit-list article footer{display:flex;justify-content:space-between;gap:14px}.audit-list article header strong{color:#273a52;font-size:12px}.audit-list article time,.audit-list article footer{color:#8392a4;font-size:9px}.audit-list article p{margin:5px 0 9px;color:#53667e;font-size:11px}.detail-loading{position:fixed;z-index:80;right:20px;bottom:20px;border-radius:12px;background:#071524;color:#fff;padding:12px 15px;display:flex;align-items:center;gap:8px;box-shadow:0 14px 45px #0005;font-size:11px}.detail-backdrop{align-items:stretch;justify-items:end;padding:0}.tenant-detail{width:min(790px,100%);height:100vh;overflow-y:auto;background:#f5f8fb;padding:28px;box-shadow:-25px 0 80px #0007}.tenant-detail>header{display:flex;justify-content:space-between;align-items:flex-start}.tenant-detail>header h2{margin:0 0 4px;font-size:27px}.tenant-detail>header p{margin-top:0}.tenant-detail>header span{color:#718297;font-size:10px}.tenant-detail>header button,.modal>header>button{width:35px;height:35px;border:0;border-radius:10px;background:#e7edf3;color:#5f7086;display:grid;place-items:center}.tenant-detail>header button svg,.modal>header>button svg{width:18px}.detail-summary{margin:23px 0 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-summary article,.detail-columns>section,.database-card{border:1px solid #dfe7ef;border-radius:14px;background:#fff}.detail-summary article{padding:13px;display:grid;gap:4px}.detail-summary small{color:#8190a2;font-size:9px;text-transform:uppercase}.detail-summary strong{color:#2d4058;font-size:12px}.detail-summary span{overflow:hidden;color:#738398;font-size:9px;text-overflow:ellipsis}.database-card{padding:14px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px}.database-card>svg{color:#0a9a82}.database-card>div{display:grid;gap:3px;min-width:0}.database-card strong{font-size:12px}.database-card span,.database-card small{overflow:hidden;color:#728297;font-size:9px;text-overflow:ellipsis}.detail-columns{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-columns>section{padding:15px}.detail-columns h3{margin:0 0 13px;font-size:13px}.timeline-row{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:10px 0;border-top:1px solid #eaf0f5}.timeline-row>span{width:28px;height:28px;border-radius:8px;background:#edf3f8;color:#60758c;display:grid;place-items:center}.timeline-row>span svg{width:14px}.timeline-row>div{min-width:0;display:grid;gap:3px}.timeline-row strong{font-size:10px}.timeline-row p{margin:0;color:#52657c;font-size:9px}.timeline-row small{color:#8795a6;font-size:8px}.detail-empty{padding:18px;border-radius:10px;background:#f6f8fb;color:#8795a6;text-align:center;font-size:9px}.tenant-detail>footer{margin-top:17px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.modal>header{display:flex;justify-content:space-between;align-items:flex-start}.modal>header h2{margin:0 0 4px}.modal>header span{font-size:11px}.modal footer{display:flex;justify-content:flex-end;gap:8px}@media(max-width:1100px){.ops-v2 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.ops-v2.app-shell{display:block}.ops-v2.app-shell>aside{position:static;width:auto;height:auto}.ops-v2 nav{margin-top:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.ops-v2 .operator{margin-top:18px}.ops-v2 .content{padding:20px 14px}.ops-v2 .content>header{align-items:flex-start;flex-direction:column;gap:12px}.ops-v2 .content>header .secondary{width:100%}.ops-v2 .metrics{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr}.toolbar label{width:100%}.tenant-detail{padding:20px 14px}.detail-summary,.detail-columns{grid-template-columns:1fr}.audit-list article header,.audit-list article footer{flex-direction:column;gap:3px}}@media(max-width:460px){.ops-v2 .metrics{grid-template-columns:1fr}.ops-v2 nav{grid-template-columns:1fr}.database-card{grid-template-columns:30px 1fr}.database-card .status{grid-column:2}}