:root{--neon-purple: #bc13fe;--neon-blue: #00f2ff;--bg-dark: #0a0a12;--glass: rgba(255, 255, 255, .05)}body{background-color:var(--bg-dark);color:#fff;font-family:Inter,-apple-system,sans-serif;margin:0;display:flex;justify-content:center;min-height:100vh}.container{width:100%;max-width:420px;padding:24px;display:flex;flex-direction:column;gap:20px;position:relative;box-sizing:border-box}.neon-bg{position:absolute;top:-10%;left:-20%;width:140%;height:40%;background:radial-gradient(circle,rgba(188,19,254,.2) 0%,transparent 70%);z-index:0;pointer-events:none}.glass-card{z-index:1;background:var(--glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:20px;box-shadow:0 10px 30px #00000080}.user-info{display:flex;align-items:center;gap:15px}.avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--neon-purple),var(--neon-blue));border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 0 15px #bc13fe66}.user-text h1{margin:0;font-size:1.1rem}.status-text{margin:0;font-size:.75rem;opacity:.5}.sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.badge{background:#ffffff1a;padding:6px 14px;border-radius:100px;font-size:.7rem;font-weight:700;border:1px solid rgba(255,255,255,.1)}.badge.active{color:#00ff85;border-color:#00ff854d;background:#00ff851a;box-shadow:0 0 10px #00ff8533}.data-row .label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-bottom:4px}.date-highlight{font-size:1.8rem;font-weight:800;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.3)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.stat-item .value{display:block;font-size:1.1rem;font-weight:600;color:var(--neon-blue)}.progress-container{margin-top:25px}.label-row{display:flex;justify-content:space-between;margin-bottom:8px}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-purple),var(--neon-blue));box-shadow:0 0 15px var(--neon-purple);border-radius:4px;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:light 2s infinite}@keyframes light{0%{transform:translate(-100%)}to{transform:translate(100%)}}.neon-button{margin-top:auto;z-index:1;background:var(--neon-purple);border:none;color:#fff;padding:18px;border-radius:20px;font-weight:700;font-size:1rem;box-shadow:0 0 20px #bc13fe66;transition:.3s}.neon-button:active{transform:scale(.96);box-shadow:0 0 10px var(--neon-purple)}.loader{text-align:center;padding:40px;color:var(--neon-blue);font-weight:700;letter-spacing:1px}