.user-profile-dropdown{font-family:Be Vietnam Pro,sans-serif;display:inline-block;position:relative}.profile-trigger{background:var(--gradient-primary,linear-gradient(135deg, #2ecc71, #27ae60));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:500;transition:all .3s;display:flex}.profile-trigger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2ecc714d}.avatar-circle{background:#ffffff40;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.profile-name{font-weight:600}.dropdown-icon{margin-left:.25rem;transition:transform .3s}.dropdown-icon.open{transform:rotate(180deg)}.profile-menu{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-width:380px;max-height:600px;font-family:Be Vietnam Pro,sans-serif;animation:.3s slideDown;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 32px #0000001f}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-header{background:linear-gradient(135deg,#f0f9ff 0%,#f0fdf4 100%);border-bottom:1px solid #e5e7eb;padding:1.25rem}.user-info{align-items:center;gap:1rem;display:flex}.avatar-large{background:var(--gradient-primary,linear-gradient(135deg, #2ecc71, #27ae60));color:#fff;border:2px solid #d1fae5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:600;display:flex}.user-email{color:#6b7280;margin:.25rem 0 0;font-size:13px}.menu-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:0;padding:.75rem 1rem;display:flex;overflow-x:auto}.tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:500;transition:all .3s}.tab:hover{color:#111827}.tab.active{color:var(--primary-color,#2ecc71);border-bottom-color:var(--primary-color,#2ecc71)}.menu-content{flex:1;padding:1rem;overflow-y:auto}.profile-section{flex-direction:column;gap:1.5rem;display:flex}.section-group{flex-direction:column;gap:.75rem;display:flex}.group-title{color:#111827;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:700;display:flex}.info-item{background:#f3f4f6;border-radius:8px;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.info-item:hover{background:#e5e7eb}.info-icon{width:40px;height:40px;color:var(--primary-color,#2ecc71);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-icon svg{width:20px;height:20px}.info-content{flex-direction:column;flex:1;display:flex}.info-content label{color:#6b7280;margin:0;font-size:12px;font-weight:600}.info-content p{color:#111827;margin:.25rem 0 0;font-size:14px}.info-content p.placeholder{color:#d1d5db;font-style:italic}.features-placeholder{text-align:center;color:#9ca3af;background:#f9fafb;border-radius:8px;padding:1rem;font-size:13px}.btn-edit-profile{background:var(--gradient-primary,linear-gradient(135deg, #2ecc71, #27ae60));color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:600;transition:all .3s}.btn-edit-profile:hover{box-shadow:0 4px 12px #2ecc714d}.activity-section{flex-direction:column;gap:1rem;display:flex}.activity-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:1rem;padding:.875rem;transition:all .2s;display:flex}.activity-item:hover{background:#f3f4f6;border-color:#d1d5db}.activity-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.activity-icon.parking{background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%)}.activity-icon.community{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.activity-icon.assistant{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)}.activity-content h4{color:#111827;margin:0;font-size:13px;font-weight:600}.activity-value{color:var(--primary-color,#2ecc71);margin:.25rem 0 0;font-size:14px;font-weight:700}.activity-actions{gap:.5rem;margin-top:.5rem;display:flex}.btn-view-history{color:var(--primary-color,#2ecc71);cursor:pointer;background:#f0fdf4;border:1px solid #d1fae5;border-radius:6px;flex:1;padding:.625rem;font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.btn-view-history:hover{background:#dcfce7;border-color:#bbf7d0}.assets-section{flex-direction:column;gap:1.5rem;display:flex}.asset-group,.vehicles-list{flex-direction:column;gap:.75rem;display:flex}.vehicle-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.875rem;padding:.875rem;transition:all .2s;display:flex}.vehicle-item:hover{background:#f3f4f6;border-color:#d1d5db}.vehicle-icon{justify-content:center;align-items:center;width:40px;font-size:28px;display:flex}.vehicle-info{flex:1}.vehicle-name{color:#111827;margin:0;font-size:14px;font-weight:600}.vehicle-plate{color:#6b7280;background:#e5e7eb;border-radius:4px;margin:.25rem 0 0;padding:.25rem .5rem;font-family:monospace;font-size:12px;display:inline-block}.vehicle-type{color:var(--primary-color,#2ecc71);background:#d1fae5;border-radius:4px;margin-left:.5rem;padding:.25rem .5rem;font-size:11px;font-weight:600;display:inline-block}.btn-add-vehicle{color:var(--primary-color,#2ecc71);cursor:pointer;background:#f0fdf4;border:1px solid #d1fae5;border-radius:6px;padding:.75rem;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.btn-add-vehicle:hover{background:#dcfce7;border-color:#bbf7d0}.wallet-info{flex-direction:column;gap:.875rem;display:flex}.points-card{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.points-icon{color:#f59e0b;justify-content:center;align-items:center;display:flex}.points-content{flex:1}.points-label{color:#92400e;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.points-value{color:#d97706;margin:.25rem 0 0;font-size:18px;font-weight:700}.wallet-actions{gap:.5rem;display:flex}.btn-history,.btn-topup{color:#d97706;cursor:pointer;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;flex:1;padding:.625rem;font-size:12px;font-weight:600;transition:all .2s}.btn-history:hover,.btn-topup:hover{background:#fde68a;border-color:#fbbf24}.settings-section{flex-direction:column;gap:1.5rem;display:flex}.settings-items{flex-direction:column;gap:.5rem;display:flex}.settings-item{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:.875rem;padding:.75rem;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.settings-item:hover{color:var(--primary-color,#2ecc71);background:#f3f4f6;border-color:#d1d5db}.settings-item svg{color:var(--primary-color,#2ecc71);flex-shrink:0}.btn-logout{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.875rem;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-logout:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.menu-content::-webkit-scrollbar{width:6px}.menu-content::-webkit-scrollbar-track{background:0 0}.menu-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.menu-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:640px){.profile-menu{min-width:300px;left:auto;right:-50px}.menu-tabs{font-size:12px}.tab{padding:.5rem .75rem}.group-title{font-size:12px}.info-item,.vehicle-item,.activity-item{padding:.625rem}.avatar-large{width:48px;height:48px;font-size:20px}.user-name{font-size:14px}.user-email{font-size:12px}}.license-plate-value{color:#111827;letter-spacing:.5px;text-transform:uppercase;background:#e5e7eb;border-radius:4px;padding:.125rem .5rem;font-family:monospace;font-weight:600;display:inline-block}.edit-profile-form{flex-direction:column;gap:1rem;padding:1rem 0;display:flex}.form-field{flex-direction:column;gap:.375rem;display:flex}.form-label{color:#374151;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:600}.form-static-value{color:#6b7280;background:#f3f4f6;border-radius:6px;margin:0;padding:.5rem .75rem;font-size:14px}.form-hint{color:#9ca3af;margin:0;font-size:12px}.form-divider{background:#e5e7eb;height:1px;margin:.5rem 0}.form-verify-hint{color:#6b7280;font-size:14px}.form-message{border-radius:6px;padding:.625rem .75rem;font-size:13px}.form-message.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.form-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.5rem;padding-top:.75rem;display:flex}.btn-email-change{color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important}.btn-email-change:hover{box-shadow:0 4px 12px #3b82f64d}.btn-save-profile{font-family:Be Vietnam Pro,sans-serif;background:var(--gradient-primary,linear-gradient(135deg, #2ecc71, #27ae60))!important;color:#fff!important}.btn-save-profile:hover{box-shadow:0 4px 12px #2ecc714d}