:root{--login-accent: #22c55e;--login-accent-dk: #16a34a;--login-surface: #ffffff;--login-border: #e5e7eb;--login-text: #111827;--login-muted: #6b7280;--login-input-bg: #f9fafb;--login-shadow: 0 24px 64px rgba(0, 0, 0, .14);--login-radius: 16px;--login-transition: .22s cubic-bezier(.4, 0, .2, 1)}.login-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 18px 8px 12px;background:var(--login-accent);color:#fff;border:none;border-radius:50px;font-size:.875rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background var(--login-transition),transform var(--login-transition),box-shadow var(--login-transition);box-shadow:0 2px 12px #22c55e4d}.login-trigger:hover{background:var(--login-accent-dk);transform:translateY(-1px);box-shadow:0 4px 18px #22c55e66}.login-trigger:active{transform:translateY(0)}.login-icon svg{width:18px;height:18px;display:block}.login-label{line-height:1}.login-backdrop{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity var(--login-transition)}.login-backdrop.active{opacity:1;pointer-events:all}.login-modal,.profile-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none}.modal-card{position:relative;background:var(--login-surface);border-radius:var(--login-radius);box-shadow:var(--login-shadow);padding:40px 36px 36px;width:100%;max-width:400px;transform:translateY(20px) scale(.97);opacity:0;transition:transform var(--login-transition),opacity var(--login-transition)}.login-modal.active,.profile-modal.active{pointer-events:all}.login-modal.active .modal-card,.profile-modal.active .modal-card{transform:translateY(0) scale(1);opacity:1}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--login-input-bg);border:1px solid var(--login-border);border-radius:8px;cursor:pointer;color:var(--login-muted);transition:background var(--login-transition),color var(--login-transition)}.modal-close:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.modal-close svg{width:14px;height:14px}.modal-header{text-align:center;margin-bottom:28px}.modal-avatar{width:60px;height:60px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--login-accent-dk)}.modal-avatar svg{width:28px;height:28px}.modal-title{font-size:1.375rem;font-weight:700;color:var(--login-text);margin:0 0 4px;letter-spacing:-.02em}.modal-subtitle{font-size:.875rem;color:var(--login-muted);margin:0}.profile-section{width:100%}.profile-section.hidden{display:none!important}.profile-summary{display:grid;gap:10px;padding:20px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px}.profile-name{font-size:1.1rem;font-weight:700;color:#111827;margin:0}.profile-email{font-size:.95rem;color:#6b7280;margin:0}.profile-actions{display:grid;gap:10px}.btn-submit--primary{background:#22c55e;color:#fff}.btn-submit--secondary{background:#3b82f6;color:#fff}.btn-submit--danger{background:#ef4444;color:#fff}.btn-submit--secondary:hover,.btn-submit--primary:hover,.btn-submit--danger:hover{opacity:.95}.profile-form-message{min-height:1.5rem;font-size:.9rem;margin-top:10px}.profile-form-message.error{color:#dc2626}.profile-form-message.success{color:#16a34a}.modal-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.8125rem;font-weight:600;color:var(--login-text);display:flex;justify-content:space-between;align-items:center}.forgot-link{font-size:.75rem;font-weight:500;color:var(--login-accent-dk);text-decoration:none}.forgot-link:hover{text-decoration:underline}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:var(--login-muted);display:flex;pointer-events:none}.input-icon svg{width:16px;height:16px}.form-input{width:100%;padding:11px 42px 11px 40px;background:var(--login-input-bg);border:1.5px solid var(--login-border);border-radius:10px;font-size:.9rem;color:var(--login-text);outline:none;transition:border-color var(--login-transition),box-shadow var(--login-transition),background var(--login-transition)}.login-modal input.form-input{padding-left:35px}.form-input::placeholder{color:#9ca3af}.form-input:focus{background:#fff;border-color:var(--login-accent);box-shadow:0 0 0 3px #22c55e26}.toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--login-muted);display:flex;padding:2px;transition:color var(--login-transition)}.toggle-password:hover{color:var(--login-text)}.toggle-password svg{width:16px;height:16px}.form-remember{margin-top:-4px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--login-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{display:none}.checkbox-custom{width:18px;height:18px;border:1.5px solid var(--login-border);border-radius:5px;background:var(--login-input-bg);display:flex;align-items:center;justify-content:center;transition:all var(--login-transition);flex-shrink:0}.checkbox-input:checked+.checkbox-custom{background:var(--login-accent);border-color:var(--login-accent)}.checkbox-input:checked+.checkbox-custom:after{content:"";display:block;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) translateY(-1px)}.header-actions{display:flex;justify-content:flex-end;gap:.75rem;align-items:center;text-align:end;margin:0 0 15px}.header-actions .btn-submit{width:auto;padding:6px}#profileWrapper{position:relative;display:inline-flex;align-items:center}#profileDropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:9999;overflow:hidden}#profileDropdown.open{display:block}.dd-user-info{padding:12px 16px;border-bottom:1px solid #f3f4f6;background:#f9fafb;text-align:center}.dd-user-info #ddName{display:block;font-weight:600;font-size:14px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-user-info #ddEmail{display:block;font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.dd-item{display:block;width:100%;padding:10px 16px;font-size:14px;color:#374151;text-align:left;background:none;border:none;cursor:pointer;text-decoration:none;transition:background .15s ease}.dd-item:hover{background:#f3f4f6;color:#111827}.dd-item.danger{color:#dc2626}.dd-item.danger:hover{background:#fef2f2;color:#b91c1c}.btn-submit{width:100%;padding:13px;background:var(--login-accent);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:700;letter-spacing:.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background var(--login-transition),transform var(--login-transition),box-shadow var(--login-transition);box-shadow:0 4px 14px #22c55e59;margin-top:4px}.btn-submit:hover{background:var(--login-accent-dk);transform:translateY(-1px);box-shadow:0 6px 20px #22c55e66}.btn-submit:active{transform:translateY(0)}.btn-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-submit.loading .btn-text{opacity:.7}.btn-submit.loading .btn-spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.profile-modal .form-input{width:auto}