.auth-shell{min-height:640px;padding:85px max(5vw,calc((100vw - 1100px)/2));display:grid;grid-template-columns:1fr .8fr;gap:1px}.auth-card{background:#fff;padding:48px}.auth-icon{display:grid;place-items:center;width:48px;height:48px;background:#79f7c7;font:500 20px DM Mono}.auth-card h2{font-size:34px;margin:30px 0 10px}.auth-card>p{font-size:13px;color:#657672}.demo-auth{display:grid;gap:17px;margin-top:30px}.demo-auth label{font:500 9px DM Mono;text-transform:uppercase;color:#6b7d79}.demo-auth input{display:block;width:100%;border:0;border-bottom:1px solid #bdc9c4;padding:12px 0;margin-top:5px;outline:0}.demo-auth .button{margin-top:8px}.demo-note{font-size:10px;color:#6c7e7a;margin:0;min-height:14px}.demo-note.error{color:#d74747}.auth-card>a,.auth-links a{font-size:10px;color:#526762}.auth-links{text-align:right;margin-top:18px}.auth-separator{border-top:1px solid #dce4df;text-align:center;margin:25px 0}.auth-separator span{position:relative;top:-8px;background:white;padding:0 10px;font-size:9px;color:#7b8986}.social-soon{width:100%;padding:13px;background:white;border:1px solid #d5ded9;color:#71817e;font:600 11px Manrope;display:flex;align-items:center;gap:10px}.social-soon>b{font-size:15px}.social-soon>span{margin-left:auto;font:500 8px DM Mono}.auth-shell>aside{background:#071a1b;color:white;padding:48px;display:flex;flex-direction:column;justify-content:center}.auth-shell>aside>span{font:500 9px DM Mono;color:#79f7c7}.auth-shell>aside h3{font-size:42px;margin:18px 0}.auth-shell>aside>p{color:#8ca09b}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #314642;margin-top:40px;padding-top:25px}.mini-metrics b{font-size:17px}.mini-metrics small{display:block;font:400 7px DM Mono;color:#7f938e;margin-top:5px}.app-shell{max-width:1400px;min-height:760px;margin:auto;padding:42px 4vw 80px;display:grid;grid-template-columns:190px 1fr;gap:28px;background:#e7ede7}.app-nav{background:#071a1b;color:white;padding:25px 19px;display:flex;flex-direction:column;gap:6px}.app-nav>b{font-size:13px;margin-bottom:28px;color:#79f7c7}.app-nav a{padding:11px 12px;font-size:10px;color:#8fa39e}.app-nav a.active{background:#17312e;color:white}.app-nav small{margin-top:auto;font:500 7px DM Mono}.app-main{min-width:0}.app-heading{display:flex;align-items:center;justify-content:space-between}.app-heading h2{font-size:29px;margin:6px 0 26px}.app-heading span{font:500 8px DM Mono}.app-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.app-stats article,.app-grid>article,.ops-grid>article{background:white;padding:20px;border:1px solid #d8e0da}.app-stats span,.app-stats b,.app-stats small{display:block}.app-stats span{font-size:9px;color:#71817e}.app-stats b{font-size:24px;margin:10px 0}.app-stats small{font-size:8px}.up,.healthy{color:#159774!important}.app-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:12px;margin-top:12px}.app-grid article>b,.ops-grid article>b{font-size:11px}.volume{min-height:290px}.volume>div:first-child{display:flex;justify-content:space-between}.bars{height:175px;display:flex;align-items:end;gap:5%;padding-top:30px;border-bottom:1px solid #dae3dd}.bars i{width:9%;background:#79f7c7}.days{display:flex;justify-content:space-between;font-size:7px}.donut{width:110px;height:110px;margin:28px auto;border-radius:50%;background:conic-gradient(#79f7c7 46%,#258f74 0 74%,#172d2b 0 92%,#b5c2bc 0);position:relative}.donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:#fff}.channels ul{list-style:none;padding:0}.channels li{display:flex;font-size:8px;margin:8px}.channels li span{margin-left:auto}.activity{grid-column:1/-1}.activity>div,.ops-grid article>div{display:flex;align-items:center;border-top:1px solid #e1e7e3;padding:13px 0}.activity>div>i{margin-right:10px}.activity strong,.activity small{display:block}.activity small{font-size:7px}.activity em,.ops-grid em{margin-left:auto;font-size:9px;font-style:normal}.ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.app-toast{position:fixed;right:25px;bottom:25px;background:#071a1b;color:#79f7c7;padding:13px 18px;font-size:9px}.app-toast:empty{display:none}@media(max-width:800px){.auth-shell{grid-template-columns:1fr;padding:45px 5vw}.auth-shell>aside{display:none}.app-shell{grid-template-columns:1fr;padding:20px}.app-nav{display:none}.app-stats{grid-template-columns:1fr 1fr}.app-grid{grid-template-columns:1fr}.activity{grid-column:auto}.ops-grid{grid-template-columns:1fr}}@media(max-width:480px){.auth-card{padding:30px 22px}.app-heading{align-items:flex-start;flex-direction:column}.app-stats{grid-template-columns:1fr}}
.simple .auth-icon{background:#ffd65a;border-radius:50%}.simple .auth-card h2,.simple .auth-shell>aside h3,.simple .app-heading h2{font-family:DM Serif Display;font-weight:400}.simple .auth-shell>aside,.simple .app-nav,.simple .app-toast{background:#17213c}.simple .auth-shell>aside>span,.simple .app-nav>b{color:#ffd65a}.simple .demo-note.error{color:#d4442a}.simple .app-shell{background:#f1ecff}.simple .bars i{background:#ff6849}.simple .donut{background:conic-gradient(#ff6849 46%,#ffd65a 0 74%,#9bc9ff 0 92%,#d8d1e6 0)}.simple .app-toast{color:#ffd65a}.simple .app-nav a.active{background:#303a5a}