@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600&display=swap');*{box-sizing:border-box}body{margin:0;background:#ece8e1;color:#141414;font-family:'DM Sans',sans-serif;display:grid;grid-template-columns:280px 1fr;min-height:100vh}aside{background:#0b0b0b;color:#fff;padding:30px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:5px}.pbrand img{width:160px;margin:0 8px 32px}.navtitle{font-size:9px;letter-spacing:.25em;color:#746d65;margin:14px 10px 7px}aside>a{padding:13px 14px;border-radius:8px;color:#bbb}aside>a.active{background:#b51e2b;color:#fff}aside a b{float:right;background:#292929;border-radius:999px;padding:2px 7px;font-size:10px}.bottom{margin-top:auto;border-top:1px solid #222;padding-top:18px}main{padding:44px 50px;max-width:1600px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}header small,.section-title span,.money span,.attention>span,.metrics small{font-size:10px;letter-spacing:.2em;color:#a57d39;font-weight:700}header h1{font-size:48px;letter-spacing:-.04em;margin:7px 0 4px}header p{margin:0;color:#777}.avatar{width:48px;height:48px;background:#111;color:#fff;border-radius:50%;display:grid;place-items:center}.today{display:grid;grid-template-columns:1.5fr .7fr;gap:18px}.left,.right>div,.panel,.metrics article{background:#fff;border:1px solid #d9d2c8;border-radius:18px;padding:25px}.section-title h2{margin:5px 0 18px;font-size:25px}.class{display:grid;grid-template-columns:80px 1fr auto auto;gap:20px;align-items:center;border-top:1px solid #eee;padding:18px 0}.class.live{border-left:4px solid #b51e2b;padding-left:14px;background:#fff7f7}.class time{font-size:24px;font-weight:700}.class span{display:block;color:#8a8379;margin-top:4px;font-size:12px}.class strong{font-size:12px}.class button,.actions button{border:1px solid #d2c7b8;background:#fff;padding:11px 14px;border-radius:8px}.right{display:flex;flex-direction:column;gap:18px}.money{background:#101010!important;color:#fff!important}.money strong{font-size:44px;display:block;margin:15px 0 5px}.money small{color:#aaa}.attention a{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eee;font-size:13px}.attention a b{font-size:20px;color:#b51e2b}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.metrics b{display:block;font-size:29px;margin:9px 0}.metrics span{font-size:11px;color:#777}.lower{display:grid;grid-template-columns:1fr 1fr;gap:18px}.timeline>div{display:grid;grid-template-columns:10px 55px 1fr;gap:8px;align-items:center;padding:12px 0;border-top:1px solid #eee}.timeline i{width:7px;height:7px;border-radius:50%;background:#b51e2b}.timeline time{font-size:11px;color:#999}.timeline p{margin:0;font-size:13px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions button{padding:17px;text-align:left;font-weight:600}@media(max-width:900px){body{grid-template-columns:1fr}aside{display:none}main{padding:25px 16px}header h1{font-size:34px}.today,.lower{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.class{grid-template-columns:60px 1fr}.class strong,.class button{grid-column:2}}