*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#10213d;font-family:Manrope,sans-serif;display:flex}aside{width:86px;min-height:100vh;background:#07172f;color:#fff;position:fixed;display:flex;flex-direction:column;align-items:center;padding:22px 12px}.brand{font-size:0}.brand .brand-mark{font-size:29px}.brand span:last-child{display:none}aside>small{font-size:6px;letter-spacing:1px;color:#7289a7;margin-top:3px}nav{margin-top:35px;width:100%;display:flex;flex-direction:column;gap:7px}nav a{height:45px;border-radius:11px;display:grid;place-items:center;color:#879db8;font-size:17px;cursor:pointer;position:relative}nav a span{display:none}nav a:hover,nav a.active{background:#123765;color:#fff}.admin-user{margin-top:auto;width:35px;height:35px;border-radius:10px;background:#1d65b5;display:grid;place-items:center;font-size:9px}main{margin-left:86px;width:calc(100% - 86px);padding:30px max(3vw,25px)}header{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}header span,.panel-title small{font-size:8px;color:#1473e6;font-weight:800;letter-spacing:1.2px}header h1{font-size:25px;margin:5px 0 0;letter-spacing:-1px}.soft,.new{height:39px;border-radius:10px;border:1px solid #dde5ef;background:#fff;font:700 10px Manrope;color:#19304d}.soft{width:39px;margin-right:6px}.new{background:#1473e6;color:#fff;border:0;padding:0 16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stats article,.panel{background:#fff;border:1px solid #e2e8f1;border-radius:15px;box-shadow:0 5px 20px rgba(6,23,47,.035)}.stats article{padding:18px;position:relative}.stats small{font-size:8px;color:#74839a;font-weight:700}.stats h2{font-size:22px;margin:9px 0 3px}.stats span{font-size:8px;color:#12a06b}.stats .neutral{color:#718197}.stats i{position:absolute;right:17px;top:17px;width:33px;height:33px;background:#eaf3ff;color:#1473e6;border-radius:10px;display:grid;place-items:center;font-style:normal}.main-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:13px;margin-top:13px}.panel{padding:18px}.panel-title{display:flex;justify-content:space-between}.panel-title h3{font-size:13px;margin:3px 0}.panel-title button{border:0;background:none;color:#77869a;font:600 8px Manrope}.line-chart{height:190px;margin-top:17px;background:repeating-linear-gradient(to bottom,transparent,transparent 43px,#edf1f6 44px)}.line-chart svg{width:100%;height:165px}.line-chart>div{display:flex;justify-content:space-between;font-size:7px;color:#8b98aa}.donut{width:135px;height:135px;border-radius:50%;margin:18px auto;background:conic-gradient(#1473e6 0 58%,#21b7ef 58% 85%,#7858e8 85%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:87px;height:87px;background:#fff;border-radius:50%}.donut div{z-index:1;text-align:center}.donut b,.donut small{display:block}.donut b{font-size:17px}.donut small{font-size:7px;color:#78869a}.panel ul{list-style:none;padding:0;margin:0}.panel li{display:flex;align-items:center;font-size:8px;padding:4px}.panel li i{width:7px;height:7px;border-radius:2px;background:#1473e6;margin-right:7px}.panel li i.b{background:#21b7ef}.panel li i.c{background:#7858e8}.panel li b{margin-left:auto}.clients{margin-top:13px}.clients table{width:100%;border-collapse:collapse}.clients th,.clients td{text-align:left;border-bottom:1px solid #edf1f5;padding:12px 8px;font-size:9px}.clients th{font-size:7px;color:#8491a3}.clients td b,.clients td small{display:block}.clients td small{font-size:7px;color:#8390a2;margin-top:3px}.clients td span{background:#e8f7f1;color:#149a69;border-radius:99px;padding:4px 8px;font-size:7px;font-weight:800}.clients td span.warn{background:#fff2dc;color:#d88717}@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.main-grid{grid-template-columns:1fr}}@media(max-width:580px){aside{width:60px}main{margin-left:60px;width:calc(100% - 60px);padding:20px 12px}.stats{grid-template-columns:1fr}.new{display:none}.clients{overflow:auto}}