*{box-sizing:border-box}body{color:#f8fafc;background:#070712;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.page{min-height:100vh;display:flex}.sidebar{background:linear-gradient(#112,#080812);border-right:1px solid #ffffff14;width:250px;height:100vh;padding:24px 16px;position:fixed}.logo{margin-bottom:32px;font-size:24px;font-weight:800}.logo span{color:#c084fc}.nav a{color:#cbd5e1;border-radius:12px;margin-bottom:8px;padding:12px 14px;display:block}.nav a:hover{color:#fff;background:#c084fc24}.content{width:calc(100% - 250px);margin-left:250px;padding:32px}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.badge{color:#86efac;background:#22c55e1f;border-radius:999px;padding:8px 12px;font-size:14px}.grid{gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#ffffff0b;border:1px solid #ffffff14;border-radius:20px;padding:20px;box-shadow:0 20px 50px #00000038}.card h3{color:#cbd5e1;margin:0 0 8px;font-size:14px;font-weight:600}.big{font-size:34px;font-weight:800}.muted{color:#94a3b8}.live-box{background:radial-gradient(circle,#c084fc40,#0000 45%),linear-gradient(135deg,#111827,#020617);border:1px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;height:360px;display:flex}.timeline-item{border-bottom:1px solid #ffffff12;gap:14px;padding:14px 0;display:flex}.icon{background:#c084fc29;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #ffffff14;padding:13px}.table th{color:#94a3b8;font-size:13px}.input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:13px 15px}.button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#ec4899);border:none;border-radius:12px;padding:12px 16px;font-weight:700}@media (max-width:900px){.sidebar{width:100%;height:auto;position:relative}.page{display:block}.content{width:100%;margin-left:0}.grid-4,.grid-2{grid-template-columns:1fr}}
