@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap);:root{--ink:#17211d;--muted:#718079;--line:#e3e9e5;--green:#159b70;--soft:#f3f7f4;--nav:#0c1814}*{box-sizing:border-box}body{background:#f4f7f5;color:#17211d;color:var(--ink);font-family:DM Sans,sans-serif;margin:0}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}aside{background:#0c1814;background:var(--nav);color:#eef8f3;display:flex;flex-direction:column;height:100vh;padding:30px 20px 22px;position:fixed;width:244px}.brand{align-items:center;display:flex;gap:12px;padding:0 8px 36px}.brand-icon{background:linear-gradient(145deg,#61e5b5,#21a978);border-radius:11px;color:#082016;display:grid;font:700 22px Manrope;height:38px;place-items:center;width:38px}.brand b,.brand span{display:block}.brand b{font:700 17px Manrope}.brand span{color:#849c91;font-size:11px;letter-spacing:.04em;margin-top:2px}nav{grid-gap:5px;display:grid;gap:5px}nav button{background:none;border:0;border-radius:8px;color:#8ea39a;cursor:pointer;font:500 13px DM Sans;padding:11px 12px;text-align:left}nav button i{display:inline-block;font-size:16px;font-style:normal;width:27px}nav button.active{background:#193128;color:#fff}nav button.active i{color:#52d9a7}.environment{border:1px solid #243b32;border-radius:10px;margin-top:auto;padding:12px}.environment small,.environment span{display:block}.environment span{font-size:12px;font-weight:600}.environment span i,.live i{background:#49d49f;border-radius:50%;box-shadow:0 0 0 4px #49d49f18;display:inline-block;height:7px;margin-right:8px;width:7px}.environment small{color:#789086;font-size:10px;margin:4px 0 0 15px}.admin{align-items:center;border-top:1px solid #20322b;display:flex;gap:10px;margin-top:18px;padding:18px 2px 0}.admin>div{background:#31473e;border-radius:50%;display:grid;font-size:10px;height:32px;place-items:center;width:32px}.admin span{flex:1 1}.admin b,.admin small{display:block}.admin b{font-size:11px}.admin small{color:#71877e;font-size:9px;margin-top:3px}.admin button{background:none;border:0;color:#789086}main{grid-column:2;margin:auto;max-width:1600px;padding:35px 42px 26px;width:100%}header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}header p{color:#159b70;color:var(--green);font-size:10px;font-weight:700;letter-spacing:.16em;margin:0 0 8px}h1{font:700 28px Manrope;margin:0 0 5px}header>div>span{color:#718079;color:var(--muted);font-size:13px}.header-actions{align-items:center;display:flex;gap:12px}.header-actions button,.panel-title button{background:#fff;border:1px solid #e3e9e5;border:1px solid var(--line);border-radius:8px;color:#56645e;font:600 11px DM Sans;padding:9px 13px}.connection{color:#557067!important;font-size:11px!important}.connection:before{background:#31c48d;border-radius:50%;content:"";display:inline-block;height:7px;margin-right:7px;width:7px}.connection.offline:before{background:#df5c5c}.notice{background:#fff5dc;border:1px solid #eed797;border-radius:9px;font-size:12px;margin:-12px 0 20px;padding:12px 15px}.metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.metric{background:#fff;border:1px solid #e3e9e5;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 5px #18271f05;padding:17px 18px}.metric-top{color:#718079;display:flex;font-size:11px;font-weight:600;justify-content:space-between}.metric-mark{background:#e8f6f0;border-radius:7px;height:22px;width:22px}.metric strong{display:block;font:700 27px Manrope;margin:9px 0 5px}.metric small{color:#7c8b84;font-size:10px}.metric.green strong{color:#138b65}.metric.violet .metric-mark{background:#eeeafd}.metric.amber .metric-mark{background:#fff0da}.grid{grid-gap:16px;display:grid;gap:16px;margin-bottom:16px}.primary-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr)}.secondary-grid{grid-template-columns:1.2fr 1fr}.panel{background:#fff;border:1px solid #e3e9e5;border:1px solid var(--line);border-radius:12px;padding:19px 20px}.panel-title{align-items:start;display:flex;justify-content:space-between}.panel-title h2{font:700 14px Manrope;margin:0 0 4px}.panel-title span{color:#87938e;display:block;font-size:10px}.chart{font-size:10px;height:225px;margin-top:20px}.live{color:#159b70!important;font-size:9px!important;font-weight:700;letter-spacing:.08em}.health-list{margin-top:10px}.health-row{grid-gap:8px;align-items:center;border-bottom:1px solid #edf1ee;display:grid;gap:8px;grid-template-columns:12px 1fr auto;padding:10px 0}.pulse{background:#d35555;border-radius:50%;height:8px;width:8px}.pulse.operational{background:#35be8d}.pulse.degraded{background:#e2a64f}.health-row b,.health-row span{display:block}.health-row b{font-size:11px}.health-row span{color:#8b9792;font-size:9px;margin-top:2px}.app-row em,.health-row em{background:#fdeaea;border-radius:12px;color:#b34848;font-size:9px;font-style:normal;padding:4px 7px}.app-row em.operational,.health-row em.operational{background:#e5f7ef;color:#17835f}.app-row em.degraded,.health-row em.degraded{background:#fff2d9;color:#9a6b16}.text-button{background:none;border:0;color:#12855f;font-size:10px;font-weight:700;padding:14px 0 0}.apps-table{margin-top:14px}.app-row,.table-head{align-items:center;display:grid;grid-template-columns:2fr .7fr .7fr .7fr}.table-head{background:#f6f8f6;border-radius:6px;color:#87938e;font-size:9px;letter-spacing:.06em;padding:8px 10px;text-transform:uppercase}.app-row{border-bottom:1px solid #edf1ee;font-size:10px;padding:10px}.app-row>span:first-child{align-items:center;display:flex;gap:9px}.app-row i{background:#e7f4ee;border-radius:7px;color:#177857;display:grid;font-size:8px;font-style:normal;height:26px;place-items:center;width:26px}.event-list{margin-top:11px}.event{grid-gap:9px;align-items:center;border-bottom:1px solid #edf1ee;display:grid;gap:9px;grid-template-columns:29px 1fr auto;padding:9px 0}.event>i{background:#e4f6ee;border-radius:50%;color:#168760;display:grid;font-size:10px;font-style:normal;height:25px;place-items:center;width:25px}.event>i.DENIED,.event>i.FAILURE{background:#fdeaea;color:#bc4e4e}.event b,.event span{display:block}.event b{font-size:10px;text-transform:capitalize}.event span{color:#8b9792;font-size:9px;margin-top:3px}.event em{color:#73817b;font-size:8px;font-style:normal}.event em.CRITICAL,.event em.HIGH{color:#bd4b4b}.empty{color:#8a9791;font-size:11px;padding:50px 0}.empty,footer{text-align:center}footer{color:#91a099;font-size:9px;padding-top:4px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.primary-grid,.secondary-grid{grid-template-columns:1fr}}@media(max-width:760px){.shell{display:block}aside{height:auto;padding:16px;position:static;width:100%}.brand{padding-bottom:10px}.admin,.environment,nav{display:none}main{grid-column:auto;padding:24px 16px}header{align-items:flex-start;gap:15px}.header-actions{align-items:flex-end;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.connection{display:none}.app-row,.table-head{grid-template-columns:1.6fr .6fr .6fr}.app-row>span:nth-child(3),.table-head span:nth-child(3){display:none}}@media(max-width:460px){.metrics{grid-template-columns:1fr}h1{font-size:23px}}
/*# sourceMappingURL=main.ff938019.css.map*/