*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f0f0f;font-family:Arial,sans-serif}.center{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{background:#181818;border-radius:20px;width:100%;max-width:420px;padding:40px;box-shadow:0 10px 40px #00000059}.title{color:#ffb84d;text-align:center;margin-bottom:30px;font-size:42px;font-weight:700}.form{flex-direction:column;gap:18px;display:flex}input{color:#fff;background:#111;border:1px solid #333;border-radius:12px;outline:none;width:100%;padding:15px;font-size:16px}input:focus{border-color:#ffb84d}button{color:#000;cursor:pointer;background:#ffb84d;border:none;border-radius:12px;width:100%;padding:15px;font-size:16px;font-weight:700;transition:all .2s}button:hover{opacity:.92}.container{padding:30px}.header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.header h1{color:#ffb84d;font-size:38px}.dashboard-card{background:#181818;border:1px solid #222;border-radius:16px;margin-bottom:18px;padding:20px}.dashboard-card h3{color:#ffb84d;margin-bottom:10px}.dashboard-card p{color:#ccc;margin-bottom:5px}.section-title{margin-top:30px;margin-bottom:20px;font-size:28px}.loading{justify-content:center;align-items:center;min-height:100vh;font-size:22px;display:flex}.profile-container{background:#181818;border:1px solid #222;border-radius:20px;margin-top:40px;padding:30px}.profile-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.profile-header h1{color:#ffb84d;margin-bottom:8px;font-size:34px}.profile-header p{color:#aaa;font-size:16px}.profile-tabs{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.profile-tabs button{color:#fff;background:#111;border:1px solid #333;border-radius:12px;width:auto;padding:12px 20px;font-size:15px}.profile-tabs button:hover{color:#000;background:#ffb84d}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.profile-card{background:#111;border:1px solid #222;border-radius:18px;padding:25px}.profile-card h2{color:#ffb84d;margin-bottom:20px;font-size:24px}.profile-card p{color:#ccc;margin-bottom:12px;line-height:1.6}.profile-label{color:#888;margin-bottom:5px;font-size:14px}.profile-value{color:#fff;margin-bottom:18px;font-size:16px}.profile-actions{flex-wrap:wrap;gap:15px;margin-top:30px;display:flex}.profile-actions button{width:auto;padding:14px 24px}.membership-card{background:linear-gradient(135deg,#2a1f0f,#181818);border:1px solid #ffb84d}.membership-status{color:#fff;background:#1f7a1f;border-radius:999px;margin-top:10px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-block}.table-container{margin-top:20px;overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#ffb84d;text-align:left;background:#111;border-bottom:1px solid #222;padding:15px}td{color:#ccc;border-bottom:1px solid #222;padding:15px}.badge{border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.badge-active{color:#fff;background:#1f7a1f}.badge-cancelled{color:#fff;background:#7a1f1f}.badge-warning{color:#000;background:#ffb84d}.avatar{color:#ffb84d;background:#222;border:2px solid #333;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex}@media (width<=768px){.profile-header{flex-direction:column;align-items:flex-start}.profile-grid{grid-template-columns:1fr}.profile-tabs{width:100%;overflow-x:auto}}