.sq-login-container{position:relative;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sq-login-user{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f0f0f0;border:1px solid #ddd;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative}.sq-login-user:hover{background:#e0e0e0;border-color:#ccc;transform:scale(1.05)}.sq-login-user svg{width:16px;height:16px;fill:#333}.sq-login-user:hover svg{fill:#ba2d43}.sq-login-user.user-logged-in svg{fill:#ba2d43}.sq-login-popover{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;min-width:200px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.sq-login-user:hover+.sq-login-popover,.sq-login-popover:hover{opacity:1;visibility:visible;transform:translateY(0)}.sq-login-popover:before{content:"";position:absolute;top:-6px;right:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white}.sq-login-popover:after{content:"";position:absolute;top:-7px;right:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ddd;z-index:-1}.sq-login-popover p{margin:0 0 12px;font-size:12px;line-height:14px;color:#000}.sq-login-user-info{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee}.sq-login-user-name{font-weight:600;color:#333;margin:0 0 4px;font-size:14px;line-height:14px}.sq-login-user-email{color:#666;margin:0;font-size:12px;line-height:14px}.sq-login-btn{display:block;width:100%;padding:8px 0;background:#ba2d43;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s ease;text-decoration:none;text-align:center;line-height:14px}.sq-login-btn:hover{background:#ba2d43;color:#ededed}.sq-login-btn.logout{background:#ba2d43;color:#fff}.sq-login-btn.logout:hover{background:#ba2d43;color:#ededed}.sq-login-fallback{display:inline-block;padding:6px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;text-decoration:none;font-size:13px;transition:all .2s ease}.sq-login-fallback:hover{background:#e9ecef;border-color:#adb5bd;color:#212529}@media (max-width: 480px){.sq-login-popover{right:-50px;min-width:180px}.sq-login-popover:before,.sq-login-popover:after{right:50px}}@media (max-width: 768px){.sq-login-user:hover+.sq-login-popover,.sq-login-popover:hover{opacity:0;visibility:hidden;transform:translateY(-10px)}.sq-login-user:hover{background:#e0e0e0;border-color:#ccc;transform:scale(1.05)}.sq-login-user:hover svg{fill:#ba2d43}.sq-login-popover{visibility:hidden!important;opacity:0!important;position:absolute!important;left:-9999px!important}}.sq-login-mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.sq-login-mobile-overlay.sq-login-mobile-show{opacity:1}.sq-login-mobile-popup{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:90%;width:320px;position:relative;transform:scale(.9);transition:transform .3s ease}.sq-login-mobile-overlay.sq-login-mobile-show .sq-login-mobile-popup{transform:scale(1)}.sq-login-mobile-content{padding:24px}.sq-login-mobile-close{position:absolute!important;top:12px!important;right:12px!important;width:32px!important;height:32px!important;border:none!important;background:transparent!important;cursor:pointer!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .2s ease!important;padding:0!important;margin:0!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;text-transform:none!important;text-decoration:none!important;color:inherit!important;text-align:center!important;line-height:1.5em!important;white-space:nowrap!important;min-height:auto!important;box-shadow:none!important;overflow:visible!important}.sq-login-mobile-close:hover{background:#f0f0f0!important}.sq-login-mobile-close svg{fill:#666!important;width:20px!important;height:20px!important}.sq-login-mobile-close:hover svg{fill:#333!important}.sq-login-mobile-content .sq-login-user-info{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.sq-login-mobile-content .sq-login-user-name{font-size:18px;font-weight:600;margin-bottom:4px}.sq-login-mobile-content .sq-login-user-email{font-size:14px;color:#666}.sq-login-mobile-content p{margin:0 0 20px;font-size:14px;line-height:1.5;color:#333}.sq-login-mobile-content .sq-login-btn{width:100%;padding:12px 0;font-size:16px;border-radius:8px}.sq-flash-message{position:fixed;top:20px;right:20px;z-index:10000;max-width:400px;min-width:300px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #ddd;transform:translate(100%);opacity:0;transition:all .3s ease}.sq-flash-message.sq-flash-show{transform:translate(0);opacity:1}.sq-flash-content{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:12px}.sq-flash-text{flex:1;font-size:14px;line-height:1.4;color:#333;margin:0}.sq-flash-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s ease;flex-shrink:0}.sq-flash-close:hover{background:#0000001a}.sq-flash-close svg{fill:#666;width:16px;height:16px}.sq-flash-close:hover svg{fill:#333}.sq-flash-message.sq-flash-success{border-left:4px solid #E7FFE7}.sq-flash-message.sq-flash-success .sq-flash-text{color:#3ecc68}.sq-flash-message.sq-flash-success .sq-flash-text a{color:#3ecc68;text-decoration:underline}.sq-flash-message.sq-flash-warning{border-left:4px solid #FFE7E4}.sq-flash-message.sq-flash-warning .sq-flash-text{color:#e85652}.sq-flash-message.sq-flash-warning .sq-flash-text a{color:#e85652;text-decoration:underline}.sq-flash-message.sq-flash-info{border-left:4px solid #007bff}.sq-flash-message.sq-flash-info .sq-flash-text{color:#004085}.sq-flash-message.sq-flash-info .sq-flash-text a{color:#004085;text-decoration:underline}@media (max-width: 480px){.sq-flash-message{right:10px;left:10px;max-width:none;min-width:auto}}