*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:260px 1fr;background:#07070b;color:#fff;font-family:Inter,Arial,sans-serif;min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:24px;background:rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}h1{color:#ff2bd6}aside button{width:100%;margin:9px 0;text-align:left;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:16px;cursor:pointer}aside button:hover{background:rgba(255,43,214,.18)}main{padding:36px 5%}.tab{display:none}.tab.active{display:block;animation:up .4s}@keyframes up{from{opacity:0;transform:translateY(20px)}}.dash-hero{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:center;margin-bottom:28px}.dash-hero img{width:100%;border-radius:26px;border:1px solid rgba(255,255,255,.12)}.dash-hero p{color:#b9b9c8}.avatar{width:36px;height:36px;border-radius:50%;vertical-align:middle;margin-right:10px}h2{font-size:42px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}article,.settings,label{padding:24px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.25)}article b{display:block;font-size:30px;margin-top:12px;color:#ff2bd6}table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.05);border-radius:20px;overflow:hidden}th,td{text-align:left;padding:18px;border-bottom:1px solid rgba(255,255,255,.08)}.badge{padding:7px 12px;border-radius:999px;background:rgba(255,43,214,.2);color:#ff8ee9}.ok{background:rgba(34,197,94,.18);color:#86efac}.pending{background:rgba(234,179,8,.18);color:#fde68a}.primary,td button{border:0;border-radius:12px;padding:10px 14px;background:#ff2bd6;color:white;font-weight:800;cursor:pointer}.settings{display:grid;gap:14px;max-width:600px}label{display:flex;justify-content:space-between;align-items:center}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;place-items:center}.modal.open{display:grid}.modal>div{width:min(420px,90%);padding:28px;border-radius:26px;background:#111;border:1px solid #333}#close{float:right;border:0;border-radius:50%;width:35px;height:35px}footer{position:fixed;bottom:10px;right:20px;color:#777}@media(max-width:850px){body,.dash-hero{grid-template-columns:1fr}aside{height:auto;position:relative}.stats{grid-template-columns:1fr}footer{position:static;text-align:center;padding:20px}}