@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17211d;background:#f5f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:246px 1fr}aside{background:#101c17;color:#dce7e1;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:9px;font-family:Manrope}.logo>span{background:#28d17c;color:#07140e;border-radius:10px;padding:7px;display:flex}.logo b{font-size:19px}.logo small{font-size:8px;letter-spacing:1.5px;color:#79a38f;margin-left:auto}.aside-head{padding:2px 8px 28px;display:flex;justify-content:space-between}nav{display:flex;flex-direction:column;gap:4px}nav a{color:#90a69b;text-decoration:none;display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:9px;font-size:14px}nav a:hover,nav a.active{background:#1c2d25;color:#fff}nav a.active svg{color:#31db85}.aside-foot{margin-top:auto;border-top:1px solid #24352e;padding:18px 8px 0;display:grid;gap:14px}.aside-foot button{background:none;border:0;color:#96aaa0;text-align:left;display:flex;gap:8px}.live{font-size:12px;color:#6e8178;display:flex;align-items:center;gap:7px}.live i,.status-card i{width:7px;height:7px;border-radius:50%;background:#29d47e;box-shadow:0 0 0 4px #29d47e20}.content{min-width:0}.content>header{height:70px;border-bottom:1px solid #e1e7e4;background:#fff;display:flex;align-items:center;padding:0 34px;gap:12px}.content>header div{display:grid}.content>header b{font-family:Manrope}.content>header .avatar{margin-left:auto;background:#e2f8ed;color:#117443;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:700;font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#168b50}.content main{padding:34px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.page-head h1{font:700 29px Manrope;margin:0}.page-head p{color:#6e7c75;margin:6px 0}.primary,.secondary,.button-row button{border:0;border-radius:9px;padding:10px 15px;display:inline-flex;align-items:center;gap:8px;font-weight:600}.primary{background:#17251f;color:#fff}.secondary,.button-row button{background:#fff;border:1px solid #dbe3df;color:#304039}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:18px}.metric{background:#fff;border:1px solid #e1e8e4;border-radius:13px;padding:18px;position:relative;overflow:hidden;display:grid;gap:5px}.metric span{font-size:12px;color:#74827a}.metric strong{font:700 28px Manrope}.metric small{color:#8b9891}.metric>i{position:absolute;bottom:0;left:0;height:3px;background:#2ad27d}.panel{background:#fff;border:1px solid #e0e7e3;border-radius:13px;padding:21px;margin-bottom:16px;box-shadow:0 2px 7px #13201906}.panel h2{font:700 16px Manrope;margin:0 0 18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-title{display:flex;justify-content:space-between;align-items:center}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.health-grid div{padding:13px;background:#f7faf8;border-radius:8px;display:flex;justify-content:space-between}.good{color:#11844a}.warn{color:#bd6a11}.muted{font-size:12px;color:#87938d}.activity-list>div{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #edf0ee}.activity-list span{display:grid}.activity-list small,.activity-list time{color:#7d8983}.activity-list time{margin-left:auto;font-size:11px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.toolbar>span{color:#7f8a84;font-size:12px}.search{border:1px solid #dbe3df;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px}.search input{border:0;outline:0;padding:9px 0;width:260px}.table-panel{padding:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{text-align:left;text-transform:capitalize;color:#829087;font-size:11px;letter-spacing:.3px;padding:11px;border-bottom:1px solid #e7ece9}td{padding:13px 11px;border-bottom:1px solid #edf1ef;max-width:260px;overflow:hidden;text-overflow:ellipsis}.row-link,.text-button{display:inline-flex;align-items:center;color:#13844b;text-decoration:none;background:none;border:0;font-weight:600}.badge{padding:4px 7px;border-radius:6px;font-size:10px;background:#edf1ef}.badge.ok{background:#e3f8ed;color:#0c7a43}.badge.bad{background:#feebeb;color:#b43535}.pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:14px}.pager button{border:1px solid #dbe2de;background:#fff;border-radius:7px;padding:7px 10px}.pager span{font-size:12px}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.detail-grid .panel:first-child{grid-row:span 2}.info div{display:grid;grid-template-columns:150px 1fr;padding:9px 0;border-bottom:1px solid #eef2f0}.info dt{color:#7b8981}.info dd{margin:0}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.danger{color:#b73333!important}.related>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eef2f0;font-size:13px}.related span{color:#7f8c85}.plan-grid,.chart-grid,.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.plan label{display:grid;gap:5px;margin:12px 0;font-size:12px;color:#63716a}.plan input,.setting input,.login input{border:1px solid #dbe3df;border-radius:8px;padding:10px}.plan .toggle{display:flex}.bars{height:180px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #dce4e0}.bars>i{background:linear-gradient(#36d68a,#0e9b58);min-width:8px;flex:1;border-radius:4px 4px 0 0}.mini,.status-grid{grid-template-columns:repeat(3,1fr)}.status-card{display:grid;position:relative}.status-card span{text-transform:uppercase;font-size:11px;color:#7b8881}.status-card b{font:700 20px Manrope;color:#147546}.status-card i{position:absolute;right:20px;top:24px}.settings-list{display:grid;gap:10px}.setting{display:flex;justify-content:space-between;align-items:center;margin:0}.setting h2{text-transform:capitalize;margin:4px 0}.setting p{margin:0;color:#77847d;font-size:13px}.setting-control{display:grid;min-width:330px}.setting-control small{color:#89958f}.switch input{display:none}.switch i{display:block;width:42px;height:24px;background:#cad4cf;border-radius:20px;position:relative}.switch i:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s}.switch input:checked+i{background:#22bf70}.switch input:checked+i:after{left:21px}pre{background:#14221c;color:#c8f7df;padding:15px;border-radius:8px;overflow:auto}.empty,.loading{padding:35px;text-align:center;color:#829087}.loading i{display:inline-block;width:18px;height:18px;border:2px solid #cdd8d2;border-top-color:#1ab968;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.error{background:#fff0f0;color:#a93232;padding:10px;border-radius:7px;font-size:13px}.error.block{margin:34px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#102019;padding:0!important;max-width:none!important}.login-brand{padding:70px;color:#fff;background:radial-gradient(circle at 20% 80%,#1a87544a,transparent 50%)}.login-brand p{font:600 42px Manrope;max-width:500px;margin-top:30vh}.login-card{background:#fff;margin:auto;padding:42px;border-radius:18px;width:min(430px,90%);display:grid;gap:16px}.login-card h1{font:700 30px Manrope;margin:0}.login-card p{color:#718077;margin:0}.login-card label{display:grid;gap:6px;font-size:12px;font-weight:600}.mobile{display:none}.icon{border:0;background:none}.aside-head .icon{color:#fff}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.shell{grid-template-columns:210px 1fr}.content main{padding:24px}}@media(max-width:760px){.shell{display:block}aside{position:fixed;z-index:10;width:260px;transform:translate(-100%);transition:.25s}aside.open{transform:none}.mobile{display:block}.content>header{padding:0 16px}.content main{padding:20px 14px}.metric-grid{grid-template-columns:1fr 1fr}.split,.detail-grid,.plan-grid,.chart-grid,.status-grid{grid-template-columns:1fr}.page-head{gap:12px}.search input{width:170px}.login{grid-template-columns:1fr}.login-brand{display:none}.setting{align-items:flex-start;gap:14px}.setting-control{min-width:120px}.info div{grid-template-columns:110px 1fr}}:root{--blue: #2878f0;--green: #2fb568;--yellow: #fbbd23;--red: #ff4c4f;--ink: #101828;--muted: #667085;--line: #e7edf5;color:var(--ink);background:#f7faff}body{color:var(--ink);background:#f7faff}.shell{grid-template-columns:258px 1fr}aside{color:#344054;background:#fff;border-right:1px solid var(--line);box-shadow:10px 0 35px #20365508}.logo{color:var(--ink)}.logo>.logo-mark{width:38px;height:38px;padding:0;display:grid;place-items:center;color:#fff;border-radius:50%;font:800 20px/1 Manrope;background:conic-gradient(from -35deg,var(--red) 0 24%,var(--yellow) 24% 43%,var(--green) 43% 65%,var(--blue) 65% 100%);box-shadow:0 8px 20px #2878f026}.logo b>span{color:var(--green)}.logo small{color:#98a2b3}.aside-head{padding-top:4px}aside nav{gap:5px}aside nav a{color:#667085;border-radius:11px;font-weight:600}aside nav a:hover{color:var(--blue);background:#f3f7ff}aside nav a.active{color:var(--blue);background:#eaf2ff;box-shadow:inset 3px 0 var(--blue)}aside nav a.active svg{color:var(--blue)}aside nav a:nth-child(4n+2).active{color:#d63f43;background:#fff0f0;box-shadow:inset 3px 0 var(--red)}aside nav a:nth-child(4n+3).active{color:#926800;background:#fff8de;box-shadow:inset 3px 0 var(--yellow)}aside nav a:nth-child(4n+4).active{color:#18884b;background:#eaf8f0;box-shadow:inset 3px 0 var(--green)}.aside-foot{border-color:var(--line)}.aside-foot button{color:#667085}.content>header{height:78px;border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.content>header .avatar{color:#fff;background:linear-gradient(145deg,#438cff,#1768ec);box-shadow:0 8px 20px #2878f026}.eyebrow{color:var(--blue)}.content main{padding-top:38px}.page-head h1{color:var(--ink);font-size:32px;letter-spacing:-1px}.page-head p{color:var(--muted)}.primary{color:#fff;background:linear-gradient(135deg,#3989ff,#1767eb);box-shadow:0 10px 22px #2878f02b}.secondary,.button-row button{color:#344054;background:#fff;border-color:var(--line)}.secondary:hover,.button-row button:hover{color:var(--blue);border-color:#b8cff2}.metric-grid{gap:15px}.metric{min-height:145px;padding:21px;border-color:var(--line);border-radius:18px;box-shadow:0 14px 38px #2036550b;transition:.22s}.metric:hover{transform:translateY(-3px);box-shadow:0 20px 48px #20365514}.metric strong{color:var(--ink);font-size:31px}.metric>i{height:4px;background:var(--blue)}.metric:nth-child(4n+2)>i{background:var(--red)}.metric:nth-child(4n+3)>i{background:var(--yellow)}.metric:nth-child(4n+4)>i{background:var(--green)}.panel{border-color:var(--line);border-radius:18px;box-shadow:0 12px 38px #2036550a}.health-grid div{background:#f7faff;border:1px solid #edf2f8;border-radius:11px}.live i,.status-card i{background:var(--green);box-shadow:0 0 0 4px #2fb56820}.search{border-color:var(--line);border-radius:11px;background:#f9fbfe}.search:focus-within{border-color:#a9c8fa;box-shadow:0 0 0 4px #2878f012}th{color:#667085;background:#fafcff}tbody tr:hover{background:#f8fbff}.row-link,.text-button{color:var(--blue)}.badge{border-radius:999px;padding:5px 9px}.badge.ok{color:#147a44;background:#e7f8ee}.badge.bad{color:#bd3438;background:#fff0f0}.pager button{border-color:var(--line);border-radius:9px}.plan-grid .panel:nth-child(2){color:#fff;background:linear-gradient(145deg,#3989ff,#1767eb);border-color:transparent}.plan-grid .panel:nth-child(2) .eyebrow,.plan-grid .panel:nth-child(2) label{color:#e8f1ff}.bars>i{background:linear-gradient(var(--blue),#7aabf7)}.chart-grid .panel:nth-child(2) .bars>i{background:linear-gradient(var(--red),#ff999b)}.chart-grid .panel:nth-child(3) .bars>i{background:linear-gradient(var(--green),#8bdbae)}.status-card:nth-child(1){border-top:4px solid var(--blue)}.status-card:nth-child(2){border-top:4px solid var(--green)}.status-card:nth-child(3){border-top:4px solid var(--yellow)}.status-card b{color:var(--green)}.switch input:checked+i{background:var(--blue)}pre{color:#d9e8ff;background:#16233a}.loading i{border-top-color:var(--blue)}.login{position:relative;overflow:hidden;background:#f7faff}.login-brand{position:relative;overflow:hidden;padding:74px;color:var(--ink);background:radial-gradient(circle at 25% 30%,#e9f3ff 0,transparent 35%),#fff}.login-brand .logo{position:relative;z-index:3;width:fit-content}.login-brand .logo small{margin-left:8px}.login-kicker{position:relative;z-index:3;display:block;margin-top:24vh;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.4px}.login-brand p{position:relative;z-index:3;margin:15px 0 0;color:var(--ink);font-size:clamp(36px,4vw,58px);line-height:1.1;letter-spacing:-2px}.login-shapes i{position:absolute;display:block;border-radius:50%}.login-shapes i:nth-child(1){width:310px;height:310px;right:-215px;top:22%;background:var(--blue)}.login-shapes i:nth-child(2){width:190px;height:190px;left:-80px;bottom:-70px;background:var(--green)}.login-shapes i:nth-child(3){width:95px;height:95px;right:14%;bottom:12%;background:var(--yellow)}.login-shapes i:nth-child(4){width:55px;height:55px;right:9%;top:13%;background:var(--red)}.login-card{position:relative;border:1px solid var(--line);border-radius:24px;box-shadow:0 25px 70px #20365516}.login-card h1{color:var(--ink);font-size:34px;letter-spacing:-1px}.login input,.plan input,.setting input{border-color:var(--line);border-radius:11px;background:#fbfdff}.login input:focus,.plan input:focus,.setting input:focus{outline:0;border-color:#9fc1f7;box-shadow:0 0 0 4px #2878f012}@media(max-width:1100px){.shell{grid-template-columns:220px 1fr}}@media(max-width:760px){aside{box-shadow:12px 0 35px #2036551c}.aside-head .icon{color:var(--ink)}.content main{padding:22px 14px}.login{background:radial-gradient(circle at 50% 10%,#e9f3ff,#fff 38%)}.login-card{margin-top:8vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.login-card .forgot-link{justify-self:end;color:#168b50;font-size:12px;font-weight:700;text-decoration:none}.login-card .forgot-link:hover{text-decoration:underline}.login-card .success{background:#e3f8ed;color:#0c7a43;padding:10px;border-radius:7px;font-size:13px}