:root{color:#171717;background:#f5f5f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.app>aside{color:#fff;background:#171717;flex-direction:column;gap:26px;padding:22px 16px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand strong,.brand span{display:block}.brand span{opacity:.6;font-size:12px}.mark{color:#171717;background:#fff;border-radius:15px;place-items:center;width:48px;height:48px;font-size:24px;font-weight:900;display:grid}.mark.small{width:38px;height:38px;font-size:18px}.app nav{gap:6px;display:grid}.app nav button,.app footer button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 12px}.app nav button.active{color:#171717;background:#fff}.app footer{gap:8px;margin-top:auto;display:grid}.app footer small{opacity:.55;padding:0 12px}.app main{width:100%;max-width:1500px;margin:0 auto;padding:28px}.top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.top small{color:#777}.top h1{margin:3px 0 0;font-size:28px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.kpis>div,.card{background:#fff;border:1px solid #e4e4e1;border-radius:16px;box-shadow:0 5px 20px #0000000a}.kpis>div{padding:18px}.kpis span,.kpis small{color:#767676;display:block}.kpis strong{margin:5px 0;font-size:27px;display:block}.card{margin-bottom:18px;padding:20px}.card h2{margin:0}.head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.head p,.card p{color:#747474}.subscription-grid,.plan-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.subscription-grid>div{border:1px solid #ecece9;border-radius:12px;justify-content:space-between;align-items:center;padding:15px;display:flex}.plan{gap:8px;display:grid}.table{display:grid}.row{text-align:left;color:inherit;background:0 0;border:0;border-top:1px solid #ecece9;grid-template-columns:minmax(240px,2fr) repeat(4,minmax(100px,1fr));align-items:center;gap:12px;padding:13px 6px;display:grid}.row:first-child{border-top:0}.row button,.row{cursor:pointer}.row>div strong,.row>div small{display:block}.row small{color:#777}.incident{grid-template-columns:minmax(300px,2fr) 120px 120px 100px}.badge{background:#eeeeeb;border-radius:999px;width:max-content;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex}.b-critical,.b-suspended,.b-blocked{background:#ffe6e2}.b-warning,.b-past-due,.b-restricted{background:#fff1c9}.b-active,.b-complete,.b-enabled,.b-live,.b-ready{background:#e1f6e7}.inline,.form2{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.inline input,.inline select,.form2 input,.form2 select,.login input{background:#fff;border:1px solid #d7d7d2;border-radius:10px;padding:10px 12px}.primary{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:10px;padding:10px 14px}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login form{background:#fff;border:1px solid #e4e4e1;border-radius:18px;gap:14px;width:min(420px,100%);padding:28px;display:grid}.login label{gap:6px;display:grid}.login h1{margin-bottom:0}.login p{color:#777;margin-top:0}.error{color:#8a1d13;background:#ffe9e6;border-radius:10px;padding:10px 12px}.error.page{margin-bottom:16px}.backdrop{z-index:30;background:#00000061;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(620px,96vw);height:100%;padding:22px;overflow:auto}.drawer header{justify-content:space-between;align-items:flex-start;display:flex}.drawer header button{background:#eee;border:0;border-radius:9px;padding:8px}.drawer h2{margin:3px 0}.drawer p{color:#747474}.section{border-top:1px solid #ecece9;padding:18px 0}.section:first-of-type{border-top:0}.form2 label{gap:5px;min-width:180px;display:grid}.progress,.step,.ent{border-top:1px solid #f0f0ed;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.ent>div{flex:1}.ent strong,.ent small{display:block}.ent small{color:#777}.empty{text-align:center;color:#777;padding:30px}@media (width<=900px){.app{display:block}.app>aside{z-index:20;flex-direction:row;align-items:center;padding:10px 12px;display:flex;position:sticky;top:0;overflow:auto}.brand span,.app footer{display:none}.app nav{display:flex}.app nav button{white-space:nowrap}.app main{padding:16px}.kpis{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr 90px}.row>:nth-child(n+3){display:none}}@media (width<=520px){.kpis{grid-template-columns:1fr}.top{align-items:flex-start}.plan-grid{grid-template-columns:1fr}}.flag-row{grid-template-columns:minmax(240px,2fr) 130px 120px minmax(220px,1fr)}.flag-actions{align-items:center;gap:8px;display:flex}.flag-actions input{min-width:110px}.flag-actions button,.ent button{background:#fff;border:1px solid #ddd;border-radius:8px;padding:7px 9px}@media (width<=900px){.flag-row{grid-template-columns:1fr 100px}.flag-row>:nth-child(n+3){display:none}}
