.dashboard-view{max-width:720px;margin:0 auto}.dashboard-wallet{padding:16px;border:1px solid #f5dfcd;border-radius:25px;background:#fff;box-shadow:0 8px 18px rgba(106,59,21,.08)}.wallet-top{height:126px;padding:19px 16px 54px;display:flex;align-items:start;justify-content:space-between;border-radius:21px;background:#ff6208;color:#fff}.wallet-user{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:700}.wallet-user .avatar{width:48px;height:48px;border:2px solid #fff8;background:#034f4d;font-size:24px}.wallet-user strong,.wallet-user small{display:block}.wallet-user strong{font-size:18px}.wallet-user small{margin-top:3px;font-size:10px}.wallet-tier{padding:8px 13px;border-radius:18px;background:#fff;color:#f45b18;font-size:11px;font-weight:800}.wallet-balance{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:162px;margin-top:-31px;overflow:hidden;border:1px solid #f5e6dc;border-radius:22px;background:#fff}.wallet-balance:before,.wallet-balance:after{position:absolute;content:"";border:2px solid #fee5d4;border-radius:50%;opacity:.85}.wallet-balance:before{width:150px;height:150px;right:58px}.wallet-balance:after{width:190px;height:72px;left:65px;border-radius:35px}.wallet-balance small,.wallet-balance strong,.wallet-balance em{position:relative;z-index:1}.wallet-balance small{color:#f45b18;font-size:11px;font-weight:800;letter-spacing:.14em}.wallet-balance strong{margin-top:5px;color:#f14c12;font-size:55px;line-height:1;font-weight:800}.wallet-balance em{position:absolute;bottom:18px;padding:5px 11px;border-radius:14px;background:#fff;box-shadow:0 1px 5px #1720332b;color:#40536f;font-size:10px;font-style:normal;font-weight:700}.wallet-art{position:absolute;right:135px;color:#fee0cc;font-size:74px;z-index:0}.wallet-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.wallet-stats>div{position:relative;min-height:62px;padding:12px 12px 8px 54px;border:1px solid #f6dfcd;border-radius:16px;box-shadow:0 2px 4px #2221}.wallet-stats span{position:absolute;left:11px;top:12px;display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:#fff5ec;color:#f45b18}.wallet-stats small,.wallet-stats b{display:block;font-size:10px}.wallet-stats small{color:#63748d;font-weight:800}.wallet-stats b{margin-top:2px;font-size:17px}.wallet-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}.wallet-actions a,.wallet-actions button{padding:11px 6px;border:1px solid #f5dfcd;border-radius:19px;background:#fff;color:#35445b;font:700 11px "Be Vietnam Pro",sans-serif;text-align:center;text-decoration:none}.wallet-actions a{border-color:#ff6208;background:#ff6208;color:#fff}.dashboard-counters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.dashboard-counters>div{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #e8e9ed;border-radius:17px;background:#fff;box-shadow:0 3px 7px #1720330a}.dashboard-counters span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#fff5eb;color:#f45b18}.dashboard-counters p{margin:0;color:#60718b;font-size:11px}.dashboard-counters b{display:block;margin-top:4px;color:#172033;font-size:16px}.dashboard-chart{margin-top:20px;padding:20px;border:1px solid #e8e9ed;border-radius:22px;background:#fff;box-shadow:0 3px 7px #1720330a}.dashboard-chart h2{display:flex;justify-content:space-between;margin:0;font-size:16px}.dashboard-chart h2 span{color:#ff6208}.dashboard-plot{position:relative;height:160px;margin-top:16px;padding:8px 0 25px 35px}.dashboard-plot i{display:block;height:28px;color:#94a7c6;font-size:10px;font-style:normal}.dashboard-plot div{position:absolute;top:8px;right:0;bottom:27px;left:35px;border-bottom:1px solid #eaf0f6;background:repeating-linear-gradient(to bottom,transparent 0 27px,#edf2f7 28px 29px)}.dashboard-plot p{position:absolute;right:0;bottom:0;left:35px;overflow:hidden;margin:0;color:#8da0bf;font-size:9px;white-space:nowrap}@media(max-width:600px){.dashboard-wallet{padding:11px;border-radius:20px}.wallet-top{height:112px;padding:15px 11px 46px}.wallet-balance{height:145px}.wallet-balance strong{font-size:47px}.wallet-art{right:80px}.dashboard-chart{padding:16px}.wallet-actions a,.wallet-actions button{font-size:10px}.dashboard-counters{gap:8px}}