.sua-wrapper{display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.sua-open-btn{background:#2563eb;color:#fff;border:none;padding:10px 22px;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .1s ease}.sua-open-btn:hover{background:#1d4ed8}.sua-open-btn:active{transform:scale(.98)}.sua-account{position:relative;display:inline-block}.sua-account-trigger{display:flex;align-items:center;gap:8px;background:#fff0;border:1px solid rgb(255 255 255 / .4);padding:5px 14px 5px 5px;border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.sua-account-trigger:hover{background:rgb(255 255 255 / .14)}.sua-account-trigger.open{background:rgb(255 255 255 / .18);border-color:rgb(255 255 255 / .6)}.sua-user-icon{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .22);border:1.5px solid rgb(255 255 255 / .6);color:#fff}.sua-user-icon-lg{width:40px;height:40px;background:#eef2ff;border:1.5px solid #e0e7ff;color:#2563eb}.sua-user-name{color:#fff;font-weight:600;font-size:14px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / .15)}.sua-caret{color:#fff;transition:transform .18s ease;flex-shrink:0}.sua-account-trigger.open .sua-caret{transform:rotate(180deg)}.sua-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 12px 32px rgb(0 0 0 / .16);border:1px solid #eef0f2;min-width:220px;z-index:9999;overflow:hidden;animation:sua-pop .15s ease-out}.sua-dropdown.open{display:block}.sua-dropdown-header{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #f1f2f4}.sua-dropdown-name{font-weight:600;font-size:14px;color:#111827}.sua-dropdown-email{font-size:12px;color:#6b7280;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sua-logout-btn{width:100%;background:#fff0;border:none;color:#dc2626;padding:12px 14px;font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:background .15s ease}.sua-logout-btn:hover{background:#fef2f2}.sua-modal-overlay{display:none;position:fixed;inset:0;background:rgb(15 23 42 / .6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:999999;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.sua-modal-overlay.open{display:flex}.sua-modal{background:#fff;width:100%;max-width:400px;border-radius:18px;padding:46px 26px 26px;position:relative;box-shadow:0 24px 60px rgb(0 0 0 / .3);box-sizing:border-box;max-height:92vh;overflow-y:auto;animation:sua-pop .18s ease-out}@keyframes sua-pop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.sua-modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;font-size:20px;line-height:1;color:#6b7280;cursor:pointer;transition:background .15s ease,color .15s ease}.sua-modal-close:hover{background:#e5e7eb;color:#111827}.sua-tabs{display:flex;gap:6px;background:#f3f4f6;border-radius:10px;padding:4px;margin-bottom:20px;margin-top:6px}.sua-tab{flex:1;border:none;background:#fff0;padding:9px 0;font-size:14px;font-weight:600;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.sua-tab.active{background:#fff;color:#111827;box-shadow:0 1px 3px rgb(0 0 0 / .12)}.sua-message{display:none;font-size:13px;padding:10px 12px;border-radius:8px;margin-bottom:14px}.sua-message.show{display:block}.sua-message.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.sua-message.success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.sua-form{display:none;flex-direction:column}.sua-form.active{display:flex}.sua-label{font-size:13px;font-weight:600;color:#374151;margin-bottom:6px;margin-top:12px}.sua-label:first-of-type{margin-top:0}.sua-input{padding:11px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%;box-sizing:border-box}.sua-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgb(37 99 235 / .15)}.sua-submit-btn{margin-top:20px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 0;font-size:15px;font-weight:600;border-radius:10px;cursor:pointer;transition:filter .2s ease,transform .1s ease;box-shadow:0 6px 16px rgb(37 99 235 / .28)}.sua-submit-btn:hover{filter:brightness(1.08)}.sua-submit-btn:active{transform:scale(.98)}.sua-submit-btn:disabled{opacity:.6;cursor:not-allowed}.sua-forgot-link-wrap{text-align:right;margin-top:8px}.sua-forgot-form .sua-forgot-link-wrap,#sua-forgot-form .sua-forgot-link-wrap{text-align:left}.sua-forgot-link{font-size:13px;color:#2563eb;text-decoration:none;font-weight:500}.sua-forgot-link:hover{text-decoration:underline}.sua-forgot-desc{font-size:13px;color:#6b7280;margin:0 0 4px;line-height:1.5}.sua-hp-wrap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.sua-divider{display:flex;align-items:center;text-align:center;color:#9ca3af;font-size:12px;margin:20px 0 14px}.sua-divider::before,.sua-divider::after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.sua-divider span{padding:0 10px}.sua-google-btn-wrap{display:flex;justify-content:center;border-radius:999px;transition:box-shadow .2s ease}.sua-google-btn-wrap.sua-highlight{box-shadow:0 0 0 3px rgb(37 99 235 / .35)}@media (max-width:480px){.sua-modal{max-width:100%;border-radius:14px;padding:22px 18px 18px}.sua-open-btn{width:100%;text-align:center}.sua-user-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}