:root{font-family:Inter,"Segoe UI",sans-serif;color:#d7d7d7;background:#1e1e1e;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:grid;grid-template:58px 1fr/220px 1fr;background:#202020}header{grid-column:1/3;display:flex;align-items:center;gap:11px;padding:0 18px;background:#2b2b2b;border-bottom:1px solid #111;box-shadow:0 1px #3d3d3d}.mark{width:31px;height:31px;border-radius:5px;display:grid;place-items:center;color:#d9efff;background:linear-gradient(145deg,#367aa5,#24536f);border:1px solid #4c91bc;font-weight:800}header>div:nth-child(2){display:flex;flex-direction:column}header strong{font-size:13px}header small{font-size:8px;letter-spacing:.13em;color:#818181;margin-top:2px}.server{margin-left:auto;font-size:9px;color:#a5a5a5}.server i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#69b66b;box-shadow:0 0 8px #69b66b;margin-right:6px}aside{background:#262626;border-right:1px solid #111;padding:13px 8px;display:flex;flex-direction:column;gap:3px}aside button{height:36px;border:0;border-radius:3px;background:transparent;color:#aaa;text-align:left;padding:0 11px;font-size:12px}aside button span{margin-left:10px}aside button:hover{background:#303030;color:#ddd}aside button.active{background:#383838;color:#fff;border-left:2px solid #3d91c7}aside footer{margin-top:auto;padding:14px 10px;color:#737373;font-size:8px;letter-spacing:.1em;line-height:1.7}aside footer small{letter-spacing:0;color:#606060}main{padding:54px 62px;max-width:1180px}.eyebrow{font-size:9px;color:#4fa3d6;letter-spacing:.16em;font-weight:700}h1{font-size:31px;margin:8px 0 6px;color:#eee;letter-spacing:-.03em}p.lead{margin:0;color:#8f8f8f;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0 18px}.metrics article,.panel,.activity{background:#292929;border:1px solid #151515;border-radius:4px;box-shadow:inset 0 1px #383838}.metrics article{padding:17px}.metrics span,.panel span{font-size:8px;color:#777;letter-spacing:.12em}.metrics b{display:block;font-size:18px;color:#ddd;margin:8px 0 4px}.metrics small{font-size:10px;color:#707070}.panel{padding:19px 20px;display:flex;align-items:center}.panel h2{font-size:15px;margin:5px 0}.panel p{font-size:11px;color:#858585;margin:0}.panel code{margin-left:auto;background:#1b1b1b;border:1px solid #111;padding:10px 13px;color:#79b8dd;border-radius:3px;font-size:10px}.activity{margin-top:18px;padding:18px 20px}.activity h2{font-size:13px;margin:0 0 11px}.activity>div{height:36px;display:flex;align-items:center;border-top:1px solid #343434;font-size:11px;color:#aaa}.activity i{width:8px;height:8px;border-radius:50%;background:#6c6c6c;margin-right:11px}.activity i.done{background:#62a967}.activity em{margin-left:auto;font-style:normal;font-size:8px;color:#777;letter-spacing:.1em}.activity .done~em{color:#70ae74}@media(max-width:780px){.app{grid-template:58px 1fr/55px 1fr}aside button span,aside footer{display:none}main{padding:32px 24px}.metrics{grid-template-columns:1fr}.panel{align-items:flex-start;gap:15px;flex-direction:column}.panel code{margin:0}header{grid-column:1/3}}