:root{color:#162033;background:#f5f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.center,.login{place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border:1px solid #e1e6ef;border-radius:18px;width:min(92vw,430px);padding:38px;box-shadow:0 20px 60px #15234712}.mark{color:#fff;background:#5625e8;border-radius:14px;place-items:center;width:52px;height:52px;font-size:25px;font-weight:900;display:grid}.login small,main>small{color:#6238e8;letter-spacing:1.5px;font-weight:800}.login h1{margin:10px 0 8px;font-size:32px}.login p,main>p{color:#667085}.login label{gap:7px;margin-top:18px;font-size:13px;font-weight:700;display:grid}.login input{font:inherit;border:1px solid #d6dce7;border-radius:9px;padding:13px}.login button,aside button{color:#fff;cursor:pointer;background:#5625e8;border:0;border-radius:9px;margin-top:22px;padding:13px;font-weight:800}.login button{width:100%}.error{color:#a72a22;background:#fff0ef;border-radius:8px;margin-top:18px;padding:12px}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.shell aside{color:#fff;background:#11182a;flex-direction:column;padding:28px 22px;display:flex}.brand{font-size:20px;font-weight:900}.brand span{color:#9b83ff}.shell nav{gap:7px;margin-top:40px;display:grid}.shell nav a{color:#aeb8cb;border-radius:8px;padding:12px}.shell nav .active{color:#fff;background:#ffffff12}.shell aside button{background:#ffffff12;margin-top:auto}.shell main{padding:60px clamp(25px,6vw,80px)}.shell h1{margin:10px 0;font-size:40px}.loading,.empty{text-align:center;color:#7b8495;padding:38px}.metrics{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:38px;display:grid}.metrics article{background:#fff;border:1px solid #e1e6ef;border-radius:14px;padding:21px}.metrics span,.metrics small{color:#778196;display:block}.metrics span{font-size:12px;font-weight:750}.metrics strong{margin:12px 0 5px;font-size:32px;display:block}.metrics small{font-size:11px}.panel{background:#fff;border:1px solid #e1e6ef;border-radius:15px;margin-top:24px;overflow:hidden}.panel header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:end;padding:23px 25px;display:flex}.panel h2{margin:6px 0 0}.legend{color:#778196;font-size:11px}.legend i{background:#6941e8;border-radius:2px;width:8px;height:8px;margin:0 5px 0 12px;display:inline-block}.legend i:nth-of-type(2){background:#2fa77a}.chart{align-items:stretch;gap:10px;height:230px;padding:28px 24px 16px;display:flex}.chart-day{flex-direction:column;flex:1;gap:8px;min-width:20px;display:flex}.bars{border-bottom:1px solid #e8ebf1;justify-content:center;align-items:end;gap:3px;height:180px;display:flex}.bars i{background:#6941e8;border-radius:4px 4px 0 0;width:min(12px,42%);min-height:3px}.bars i+i{background:#2fa77a}.chart-day span{text-align:center;color:#8a93a3;font-size:10px}.table{overflow:auto}.tr{color:#667085;border-top:1px solid #edf0f5;grid-template-columns:minmax(220px,2fr) repeat(4,1fr);min-width:650px;padding:15px 24px;display:grid}.tr:first-child{border:0}.tr.head{color:#8a93a3;text-transform:uppercase;background:#fafbfc;font-size:10px;font-weight:800}.tr strong{color:#172033}.good{color:#16815f}.bad{color:#bb3028}@media (width<=1050px){.metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.shell{grid-template-columns:1fr}.shell aside{gap:15px}.shell nav{margin-top:10px;display:flex;overflow:auto}.shell aside button{margin:0}.chart{overflow-x:auto}.chart-day{min-width:36px}}@media (width<=500px){.metrics{grid-template-columns:1fr}.shell main{padding:35px 16px}.shell h1{font-size:32px}}.shell nav button{color:#aeb8cb;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:0;padding:12px}.shell nav button.active{color:#fff;background:#ffffff12}.shell nav button:disabled{opacity:.45;cursor:not-allowed}.filters{gap:10px;margin-top:34px;display:flex}.filters input,.filters select{min-height:42px;font:inherit;background:#fff;border:1px solid #d9dee8;border-radius:9px;padding:0 12px}.filters input{flex:1}.user-panel{margin-top:16px}.user-row{color:#596376;text-align:left;width:100%;min-width:750px;font:inherit;background:#fff;border:0;border-top:1px solid #edf0f5;grid-template-columns:minmax(260px,2fr) repeat(4,1fr);align-items:center;gap:15px;padding:15px 24px;display:grid}.user-row:not(.head){cursor:pointer}.user-row:not(.head):hover{background:#fafbff}.user-row.head{color:#8a93a3;text-transform:uppercase;background:#fafbfc;border:0;font-size:10px;font-weight:800}.user-row strong,.user-row small{display:block}.user-row strong{color:#172033}.user-row small{color:#8a93a3;margin-top:4px}.plan,.state{border-radius:20px;justify-self:start;padding:5px 9px;font-size:11px;font-weight:800}.plan{color:#5634c7;background:#f0edff}.plan.free{color:#596376;background:#f0f2f5}.state.active{color:#17785a;background:#eaf8f2}.state.blocked{color:#aa2e27;background:#fff0ef}.state.pending{color:#926817;background:#fff7df}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:18px;display:flex}.pagination button{background:#fff;border:1px solid #d9dee8;border-radius:8px;padding:8px 13px}.modal{z-index:20;background:#10182899;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal article{background:#fff;border-radius:16px;width:min(100%,520px);padding:30px;position:relative;box-shadow:0 25px 70px #0003}.modal .close{cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:14px;right:18px}.modal h2{margin:8px 0}.modal dl{grid-template-columns:1fr 1fr;gap:12px;margin:25px 0;display:grid}.modal dl div{background:#f7f8fb;border-radius:9px;padding:12px}.modal dt{color:#7b8495;font-size:11px}.modal dd{margin:6px 0 0;font-weight:750}.modal .block,.modal .activate{color:#fff;cursor:pointer;border:0;border-radius:9px;width:100%;padding:12px;font-weight:800}.modal .block{background:#bd3028}.modal .activate{background:#19805f}@media (width<=700px){.filters{flex-direction:column}.modal dl{grid-template-columns:1fr}}.success-message{color:#17785a;background:#eaf8f2;border-radius:8px;margin-top:18px;padding:12px 14px}.block-fields{background:#f8f9fc;border:1px solid #e3e7ef;border-radius:10px;gap:12px;margin:18px 0;padding:15px;display:grid}.block-fields label{color:#344054;gap:6px;font-size:12px;font-weight:750;display:grid}.block-fields select,.block-fields textarea{font:inherit;background:#fff;border:1px solid #d6dce7;border-radius:8px;padding:10px}.block-fields textarea{resize:vertical;min-height:90px}.block-fields small{color:#7b8495}.blocked-info{color:#8f2d27;background:#fff2f0;border-radius:9px;margin:18px 0;padding:14px}.blocked-info strong,.blocked-info span{display:block}.blocked-info span{margin-top:5px}.blocked-info p{color:#6d4340;margin:8px 0 0}.analytics-metrics{margin-top:18px}.operation-row{color:#667085;border-top:1px solid #edf0f5;grid-template-columns:1.3fr 1.5fr .8fr .8fr .7fr 1.2fr;align-items:center;gap:14px;min-width:900px;padding:14px 24px;font-size:12px;display:grid}.operation-row.head{color:#8a93a3;text-transform:uppercase;background:#fafbfc;border:0;font-size:10px;font-weight:800}.operation-row>strong{color:#172033}.operation-row b,.operation-row small{display:block}.operation-row b{color:#344054}.operation-row small{color:#98a2b3;margin-top:3px}.subscription-metrics{margin-top:18px}.subscription-row{text-align:left;color:#667085;width:100%;min-width:980px;font:inherit;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf0f5;grid-template-columns:1.5fr .7fr .85fr 1fr 1fr .8fr;align-items:center;gap:14px;padding:14px 24px;font-size:12px;display:grid}.subscription-row:hover{background:#fafbff}.subscription-row.head{color:#8a93a3;text-transform:uppercase;cursor:default;background:#fafbfc;border:0;font-size:10px;font-weight:800}.subscription-row b,.subscription-row small{display:block}.subscription-row b,.subscription-row strong{color:#344054}.subscription-row small{color:#98a2b3;margin-top:3px}.subscription-detail{width:min(780px,100vw - 32px);max-height:90vh;overflow:auto}.subscription-detail h3{color:#172033;margin:28px 0 10px}.detail-list{border:1px solid #e6e9f0;border-radius:12px;overflow:hidden}.detail-list>div{color:#667085;border-top:1px solid #edf0f5;grid-template-columns:1fr auto 160px;align-items:center;gap:18px;padding:12px 14px;display:grid}.detail-list>div:first-child{border-top:0}.detail-list b,.detail-list small{display:block}.detail-list small{color:#98a2b3;margin-top:3px}.detail-list time{text-align:right}.audit-list>div{grid-template-columns:1fr 160px}@media (width<=700px){.subscription-detail{padding:22px}.detail-list>div,.audit-list>div{grid-template-columns:1fr}.detail-list time{text-align:left}}.health-banner{border:1px solid;border-radius:12px;justify-content:space-between;align-items:center;margin-top:28px;padding:15px 18px;display:flex}.health-banner.healthy{color:#087759;background:#edf9f5;border-color:#b7ead8}.health-banner.unhealthy{color:#a72a22;background:#fff2f1;border-color:#f2c3bf}.health-banner span{align-items:center;gap:10px;font-weight:800;display:flex}.health-banner i,.health-dot{background:#12a276;border-radius:50%;width:9px;height:9px}.health-banner.unhealthy i,.health-dot.down{background:#d0443b}.health-banner button{color:inherit;cursor:pointer;background:#fff;border:1px solid;border-radius:8px;padding:9px 13px;font-weight:750}.service-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.service-grid article{background:#fff;border:1px solid #e1e6ef;border-radius:13px;padding:18px}.service-grid article>div{align-items:center;gap:9px;display:flex}.service-grid b{margin:18px 0 4px;font-size:13px;display:block}.service-grid b.ok{color:#16815f}.service-grid b.down{color:#bb3028}.service-grid small{color:#8a93a3}.system-metrics{margin-top:18px}.storage-panel header>strong{font-size:13px}.storage-body{padding:22px 25px}.storage-body>div{background:#edf0f5;border-radius:10px;height:9px;overflow:hidden}.storage-body>div span{border-radius:inherit;background:#6941e8;height:100%;display:block}.storage-body p{color:#778196;justify-content:space-between;margin:10px 0 0;display:flex}.incident-list>div{border-top:1px solid #edf0f5;grid-template-columns:90px 1fr 180px;align-items:center;gap:15px;padding:14px 24px;display:grid}.incident-list>div:first-child{border-top:0}.incident-list b,.incident-list small{display:block}.incident-list small{color:#98a2b3;margin-top:3px}.incident-list time{text-align:right;color:#667085;font-size:12px}.incident-level{border-radius:12px;width:max-content;padding:5px 8px;font-size:10px;font-weight:800}.incident-level.warning{color:#9a6200;background:#fff4df}.incident-level.critical{color:#a72a22;background:#fff0ef}.privacy-note{color:#8a93a3;font-size:11px}@media (width<=1100px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.service-grid{grid-template-columns:1fr}.health-banner{flex-direction:column;align-items:flex-start;gap:12px}.incident-list>div{grid-template-columns:1fr}.incident-list time{text-align:left}.storage-body p{flex-direction:column;align-items:flex-start;gap:8px}}