.account-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background:rgba(15,23,42,.55);backdrop-filter:blur(12px);z-index:9999}.account-modal{width:90%;max-width:420px;background:rgba(255,255,255,.75);backdrop-filter:blur(20px);border-radius:16px;padding:28px 26px;border:1px solid rgba(255,255,255,.3);box-shadow:0 15px 50px rgba(0,0,0,.08);animation:modalEnter .3s ease}@keyframes modalEnter{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.account-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;justify-content:center;position:relative}.account-modal-header h4{width:100%;text-align:center;margin:0;line-height:1.2}.account-modal-header .btn-close{position:absolute;right:0;top:30%;transform:translateY(-50%);margin:0;height:24px;width:24px;display:flex;align-items:center;justify-content:center}.account-modal input.form-control{border-radius:10px;padding:10px 14px;border:1px solid #e5e7eb;transition:all .25s ease}.account-modal input.form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.account-modal .btn-primary{border-radius:10px;padding:11px;font-weight:500;transition:all .25s ease}.account-modal .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,99,235,.3)}.account-modal-backdrop{background:radial-gradient(900px 600px at 20% 15%,rgba(59,130,246,.18),transparent 60%),radial-gradient(700px 500px at 80% 80%,rgba(253,186,116,.12),transparent 60%),rgba(8,12,22,.7);backdrop-filter:blur(14px)}.account-modal{max-width:440px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.78));border:1px solid rgba(255,255,255,.45);box-shadow:0 20px 70px rgba(2,6,23,.3);position:relative;overflow:hidden}.account-modal::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.45),transparent 65%);pointer-events:none}.account-modal-header h4{font-weight:600;letter-spacing:.2px}.account-modal .btn-close{border-radius:8px;width:34px;height:34px;display:grid;place-items:center;background:rgba(15,23,42,.06);transition:all .2s ease}.account-modal .btn-close:hover{background:rgba(15,23,42,.12)}.account-modal .nav-tabs{border:none;gap:8px}.account-modal .nav-tabs .nav-link{border:none;border-radius:999px;padding:6px 14px;color:#475569;background:rgba(15,23,42,.06);transition:all .2s ease}.account-modal .nav-tabs .nav-link.active{color:#fff!important;background:linear-gradient(90deg,#1f5eff,#5a8cff);box-shadow:0 8px 22px rgba(31,94,255,.28)}.account-modal input.form-control{border-radius:12px;background:#fff}.account-modal input.form-control:focus{border-color:#1f5eff;box-shadow:0 0 0 4px rgba(31,94,255,.18)}.account-modal .btn-primary{border-radius:12px;font-weight:600;border:none;background:linear-gradient(90deg,#1f5eff,#5a8cff)}.account-modal .btn-primary:hover{box-shadow:0 10px 26px rgba(31,94,255,.35)}.account-modal a.text-primary{text-decoration:none;font-weight:600;color:#3b76ff!important}.account-modal a.text-primary:hover{text-decoration:underline;color:#5a8cff!important}.account-modal-header h4{font-size:18px}.account-modal-body{position:relative}.account-modal .form-label{font-size:12px;letter-spacing:.3px;color:#64748b}.account-modal .text-muted{color:#64748b!important}.account-modal .form-check-label{color:#334155}.account-modal .btn-outline-secondary{border-radius:10px;border-color:#e2e8f0;color:#334155}.account-modal .btn-outline-secondary:hover{background:#f1f5f9}@keyframes modalFloatIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.account-modal{animation:modalFloatIn .35s ease}.account-modal-backdrop.show .account-modal{animation:modalFloatIn .35s ease}.account-modal .btn-outline-secondary,.account-modal .btn-primary,.account-modal .nav-tabs .nav-link,.account-modal input.form-control{transition:all .2s ease}.account-modal input.form-control:hover{border-color:#cbd5e1}.account-modal .btn-primary:active{transform:translateY(0);box-shadow:0 6px 18px rgba(31,94,255,.3)}.account-modal{color:#0f172a}.account-modal .form-check-label,.account-modal .form-label,.account-modal .text-muted{color:#334155!important}.account-modal .nav-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:rgba(15,23,42,.04);padding:4px;border-radius:12px}.account-modal .nav-tabs .nav-link{width:100%;text-align:center;border-radius:10px;padding:7px 0;background:0 0;color:#334155;font-weight:600}.account-modal .nav-tabs .nav-link.active{background:linear-gradient(90deg,#1f5eff,#5a8cff);color:#fff!important}.account-modal .floating-group{position:relative}.account-modal .floating-group input.form-control{padding-top:18px}.account-modal .floating-group .form-label{position:absolute;top:8px;left:12px;font-size:11px;color:#64748b;pointer-events:none}.account-modal .alert{border-radius:12px;padding:10px 12px;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 18px rgba(15,23,42,.06)}.account-modal a.text-primary{font-weight:700}.account-modal input.form-control{color:#0f172a}.title-middle-layer{display:flex;justify-content:center;align-items:center;margin-top:0;margin-bottom:10px}.user-status-center{display:flex;justify-content:center}.user-mini-btn{display:flex;align-items:center;gap:6px;background:0 0;border:none;font-size:14px;font-weight:500;color:#0d6efd;padding:4px 10px;border-radius:10px;transition:all .2s ease}.user-mini-btn:hover{background:rgba(13,110,253,.08);color:#0a58ca;transform:translateY(-1px)}.user-email{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{min-width:120px;max-width:120px;border-radius:14px;border:none;padding:6px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(13,110,253,.12),0 2px 8px rgba(0,0,0,.06);animation:dropdownFade .18s ease}@keyframes dropdownFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown .dropdown-item{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;text-align:center;padding:9px 12px;font-size:14px;font-weight:500;border-radius:10px;transition:all .18s ease}.user-dropdown .dropdown-item:hover{background:rgba(13,110,253,.08);color:#0a58ca;transform:translateX(2px)}.user-dropdown .dropdown-item.active,.user-dropdown .dropdown-item:active{background:rgba(13,110,253,.15);color:#084298}.user-dropdown .dropdown-divider{margin:6px 8px;opacity:.15}.member-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:20px;position:relative;transition:all .3s ease;flex-shrink:0;overflow:hidden;margin-left:-2px}.user-mini-btn .material-symbols-outlined{margin-right:-2px}.member-badge svg{width:18px;height:16px;position:relative;z-index:1}.member-badge svg path{stroke:#C8940A;stroke-width:1;stroke-linejoin:round}.member-badge::before{content:"";position:absolute;inset:-4px;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5) 48%,rgba(255,255,255,.5) 52%,transparent 65%);transform:translateX(-100%);animation:memberShine 3.5s ease-in-out infinite;pointer-events:none;z-index:2;border-radius:3px}@keyframes memberShine{0%{transform:translateX(-100%)}30%{transform:translateX(120%)}100%{transform:translateX(120%)}}.title-middle-layer-lowwer{transform:translateY(2px)}.user-dropdown{z-index:99999!important}