.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px}.login-header h1{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:8px}.login-header p{color:#718096;font-size:16px;margin:0}.error-message{background:#fed7d7;border-left:4px solid #e53e3e;color:#c53030;margin-bottom:20px}.error-message,.success-message{font-size:14px;padding:12px 16px}.success-message{background:#c6f6d5;border-left:4px solid #38a169;color:#2f855a}.login-form{margin-bottom:30px}.form-group input{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{box-shadow:0 0 0 3px #667eea1a}.primary-button{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:14px 20px;transition:all .3s ease;width:100%}.divider{margin:30px 0;position:relative;text-align:center}.divider span{background:#fff;color:#718096;font-size:14px;font-weight:500;padding:0 20px}.social-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.social-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease}.social-button:hover:not(:disabled){box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.social-button:disabled{cursor:not-allowed;opacity:.7}.social-button.google:hover{border-color:#4285f4;color:#4285f4}.social-icon{flex-shrink:0;height:20px;width:20px}.login-footer{display:flex;flex-direction:column;gap:12px;text-align:center}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;text-decoration:underline;transition:color .3s ease}.link-button:hover{color:#5a67d8}@media (max-width:480px){.login-container{padding:10px}.login-card{padding:30px 20px}.login-header h1{font-size:24px}.social-buttons{gap:10px}.social-button{font-size:13px;padding:10px 16px}}.button-full-width{max-width:600px!important;width:100%!important}.profile-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.profile-card{animation:slideUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;padding:40px}.profile-header{border-bottom:2px solid #f1f5f9;margin-bottom:30px;padding-bottom:20px;text-align:center}.profile-header h1{color:#2d3748;font-size:32px;font-weight:700;margin-bottom:8px}.profile-header p{color:#718096;font-size:16px;margin:0}.profile-optional-note{font-weight:700;margin-top:8px!important}.profile-actions{align-items:center;margin-bottom:40px}.edit-actions,.profile-actions{display:flex;justify-content:center}.edit-actions{flex-wrap:wrap;gap:12px}.primary-button,.secondary-button{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;max-width:300px;padding:12px 24px;transition:all .3s ease;width:90%}.profile-sections{grid-gap:30px;display:grid;gap:30px}.profile-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:24px}.profile-section h2{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:8px}.section-content{grid-gap:20px;display:grid;gap:20px}.section-header:hover{margin:0 -16px}.section-icon{font-size:24px;height:40px;width:40px}.section-title h2{color:#2d3748;font-size:20px;font-weight:600;margin:0}.expand-icon{font-size:24px;height:24px;width:24px}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{color:#4a5568;font-size:14px;font-weight:600}.field-value{color:#2d3748;font-size:16px;line-height:1.5}.empty-value{color:#a0aec0;font-style:italic}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.profile-footer{border-top:2px solid #e2e8f0;margin-top:40px;padding-top:20px;text-align:center}.profile-footer small{color:#718096;font-size:14px;line-height:1.5}.ml-requirements-note{background:linear-gradient(135deg,#e6f3ff,#f0f8ff);border:1px solid #b3d9ff;border-left:4px solid #3182ce;border-radius:8px;margin-top:15px;padding:12px 16px}.ml-requirements-note small{color:#2c5282;display:block;font-size:13px;line-height:1.4}.ml-requirements-note strong{color:#1a365d;font-weight:600}@media (max-width:768px){.profile-container{padding:10px}.profile-card{padding:30px 20px}.profile-header h1{font-size:24px}.edit-actions{flex-direction:column;gap:8px}.primary-button,.secondary-button{min-width:auto;width:100%}.profile-section{padding:20px 16px}.section-grid{gap:16px;grid-template-columns:1fr}.section-icon,.section-title h2{font-size:18px}.section-icon{height:32px;width:32px}.checkbox-group{grid-template-columns:1fr}}@media (max-width:480px){.profile-card{padding:20px 16px}.profile-section h2{font-size:18px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px 14px}.field-value{font-size:14px}.section-header{padding:12px 0}.section-title{gap:8px}.section-title h2{font-size:16px}.expand-icon{font-size:20px}}.profile-section{transition:all .3s ease}.profile-section:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.profile-section:focus-within{outline:2px solid #667eea;outline-offset:2px}.profile-field:focus-within label{color:#667eea}@media (prefers-reduced-motion:reduce){.checkbox-label,.expand-icon,.primary-button,.profile-card,.profile-section,.secondary-button,.section-content,.success-message{animation:none;transition:none}}.multi-select-dropdown{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;gap:8px;position:relative;width:100%}.multi-select-dropdown.is-mobile{gap:12px}.multi-select-input-container{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;display:flex;gap:8px;height:auto;min-height:52px;padding:10px 50px 10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.is-mobile .multi-select-input-container{padding-right:56px}.multi-select-dropdown .multi-select-option .option-checkbox{width:fit-content!important}.multi-select-input-container:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014}.multi-select-input-container:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1f,0 4px 12px #667eea26;transform:translateY(-1px)}.multi-select-input-container.error{border-color:#f56565;box-shadow:0 0 0 4px #f565651f}.multi-select-input-container.error:focus-within{border-color:#e53e3e;box-shadow:0 0 0 4px #e53e3e26}.multi-select-input-container:disabled{background:linear-gradient(135deg,#f7fafc,#edf2f7);cursor:not-allowed;opacity:.7}.selected-tags{align-items:center;display:flex;flex:0 0 100%;flex-wrap:wrap;gap:6px;margin-bottom:4px;width:100%}.selected-tag{align-items:center;animation:tagSlideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 4px #667eea4d;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;max-width:200px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.selected-tag:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}.remove-tag{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}.remove-tag:hover{background:#ffffff4d;transform:scale(1.1)}.remove-tag:active{transform:scale(.95)}.remove-tag:disabled{cursor:not-allowed;opacity:.5}.more-count{background:linear-gradient(135deg,#f0f4ff,#e6f3ff);border:1px solid #667eea33;border-radius:16px;box-shadow:0 1px 3px #667eea1a;color:#667eea;font-size:12px;font-weight:600;padding:6px 12px}.multi-select-input{align-self:center;background:#0000;border:none;color:#2d3748;flex:1 1;font-size:15px;font-weight:500;line-height:1.4;min-width:120px;outline:none;padding:8px 0}.multi-select-input.full-width{flex:none;font-size:16px;padding:12px 0;padding-inline:10px;width:100%}.multi-select-input::placeholder{color:#a0aec0;font-weight:400}.multi-select-input:disabled{color:#a0aec0;cursor:not-allowed}.multi-select-actions{align-items:center;display:flex;gap:6px;height:32px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.clear-all-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#a0aec01a;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.clear-all-button:hover{background:#f565651a;color:#f56565;transform:scale(1.1)}.clear-all-button:active{transform:scale(.95)}.clear-all-button:disabled{background:#a0aec00d;color:#cbd5e0;cursor:not-allowed}.dropdown-arrow{align-items:center;background:#667eea1a;border-radius:8px;color:#667eea;display:flex;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.dropdown-arrow:hover{background:#667eea33;transform:scale(1.05)}.dropdown-arrow.open{background:#667eea33;transform:rotate(180deg) scale(1.05)}.dropdown-arrow:disabled{background:#a0aec00d}.multi-select-options{animation:dropdownSlideIn .25s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e2e8f0e6;border-radius:12px;box-shadow:0 20px 40px #0f172a1f;display:flex;flex-direction:column;left:0;max-height:320px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:120}.multi-select-backdrop{animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a59;bottom:0;left:0;position:fixed;right:0;top:0;z-index:90}.multi-select-options.mobile-panel{animation:slideUp .25s ease forwards;border-radius:18px 18px 0 0;box-shadow:0 -12px 32px #0f172a33;inset:auto 0 0;max-height:70vh;padding:16px 0;position:fixed;transform:translateY(100%);z-index:100}.mobile-panel-header{align-items:center;border-bottom:1px solid #e2e8f0b3;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 20px 12px}.panel-title{color:#1a202c;font-size:15px;font-weight:600}.panel-close{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:999px;box-shadow:0 8px 16px #667eea4d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:transform .2s ease,box-shadow .2s ease}.panel-close:active{box-shadow:0 6px 12px #667eea40;transform:translateY(1px)}.multi-select-option{align-items:center;border-bottom:1px solid #f1f5f9cc;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;min-height:48px;padding:12px 18px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.multi-select-option:last-child{border-bottom:none}.multi-select-option.highlighted:not(.disabled),.multi-select-option:hover:not(.disabled){background:linear-gradient(135deg,#f7fafc,#edf2f7);transform:translateX(4px)}.multi-select-option.selected{background:linear-gradient(135deg,#f0f4ff,#e6f3ff);border-left:4px solid #667eea;color:#667eea;padding-left:14px}.multi-select-option.selected:hover:not(.disabled){background:linear-gradient(135deg,#e6f3ff,#dbeafe)}.multi-select-option.disabled{background:#0000;cursor:not-allowed;opacity:.55}.multi-select-option.disabled .option-label{color:#a0aec0}.option-checkbox{accent-color:#667eea;border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;margin:0;transition:all .2s ease;width:18px}.option-checkbox:checked{background:#667eea;border-color:#667eea}.option-label{color:#2d3748;display:flex;flex:1 1;font-size:14px;font-weight:500;line-height:1.4;min-height:20px}.multi-select-option.selected .option-label{color:#667eea;font-weight:600}.checkmark{align-items:center;animation:checkmarkPop .3s cubic-bezier(.68,-.55,.265,1.55);background:#667eea1a;border-radius:50%;color:#667eea;display:flex;flex-shrink:0;font-size:16px;height:22px;justify-content:center;margin-left:auto;width:22px}.selection-limit{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:0 0 10px 10px;border-top:1px solid #e2e8f0cc;color:#4a5568;font-size:13px;font-weight:600;padding:12px 18px;text-align:center}.selection-limit.limit-reached{background:linear-gradient(135deg,#fff5f7,#fff0f6);border-top:1px solid #d6bcfa66;color:#d53f8c}.selection-limit .limit-note{font-weight:600}.no-results{background:linear-gradient(135deg,#f7fafc,#edf2f7);color:#718096;font-size:14px;font-style:italic;padding:20px 18px;text-align:center}.error-message{font-size:13px;font-weight:600;margin-top:6px;padding-left:4px}.multi-select-options::-webkit-scrollbar{width:6px}.multi-select-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.multi-select-options::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.multi-select-options::-webkit-scrollbar-thumb:hover{background:#a0aec0}.multi-select-input-container{align-items:flex-start;flex-wrap:wrap}@media (max-width:640px){.multi-select-input-container{align-items:flex-start;flex-wrap:nowrap;padding:12px 56px 12px 14px}.selected-tags{max-height:96px;overflow-y:auto;width:100%}.clear-all-button,.multi-select-actions{top:14px}.multi-select-input.full-width{min-width:100%;padding:10px 0}.multi-select-options{max-height:280px}.multi-select-options.mobile-panel{max-height:75vh}}@media (max-width:768px){.multi-select-input-container{min-height:48px;padding:8px 44px 8px 12px}.selected-tags{gap:6px;min-height:28px}.selected-tag{border-radius:16px;font-size:12px;padding:4px 8px}.multi-select-input{font-size:14px;padding:6px 0}.multi-select-option{gap:10px;min-height:44px;padding:10px 14px}.option-label{font-size:13px;line-height:1.3}.option-checkbox{height:16px;width:16px}.checkmark{font-size:14px;height:20px;width:20px}.multi-select-actions{gap:4px;right:10px}.clear-all-button{font-size:14px;height:24px;width:24px}.dropdown-arrow{font-size:10px;height:28px;width:28px}}.multi-select-dropdown{transition:all .3s cubic-bezier(.4,0,.2,1)}.selected-tag{animation:tagSlideIn .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes tagSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.8)}50%{opacity:.8;transform:translateY(-2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes checkmarkPop{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.multi-select-input:focus{color:#2d3748}.multi-select-input-container:disabled .selected-tag{background:linear-gradient(135deg,#a0aec0,#718096);opacity:.6}.multi-select-input-container:disabled .more-count{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);opacity:.6}.multi-select-dropdown.loading .multi-select-input-container{background:linear-gradient(135deg,#f7fafc,#edf2f7);overflow:hidden;position:relative}.multi-select-dropdown.loading .multi-select-input-container:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.searchable-dropdown{position:relative;width:100%}.dropdown-input-container{align-items:center;display:flex;position:relative}.dropdown-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:16px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.dropdown-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dropdown-input.error{border-color:#e53e3e}.dropdown-input:disabled{background-color:#f7fafc;cursor:not-allowed}.clear-button{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;position:absolute;right:30px;transition:color .2s ease;width:20px}.clear-button:hover{color:#4a5568}.clear-button:disabled{color:#cbd5e0;cursor:not-allowed}.dropdown-arrow{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:12px;padding:8px;position:absolute;right:8px;top:6px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-arrow:disabled{color:#cbd5e0}.dropdown-options{background:#fff;border:2px solid #e2e8f0;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-option{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.dropdown-option:last-child{border-bottom:none}.dropdown-option.highlighted,.dropdown-option:hover{background-color:#f7fafc}.dropdown-option:active{background-color:#edf2f7}.loading,.no-results{color:#718096;font-style:italic;padding:12px 16px;text-align:center}.error-message{color:#e53e3e;font-size:12px;font-weight:500;margin-top:4px}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#a0aec0}.validated-textarea-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.validated-textarea-label{align-items:center;color:#1e293b;display:flex;font-size:.95rem;font-weight:600;gap:.25rem}.validated-textarea-label .required{color:#ef4444;font-size:1.1rem}.validated-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:.95rem;line-height:1.6;min-height:100px;padding:.75rem 1rem;resize:vertical;transition:all .2s ease}.validated-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.validated-textarea.error{background:#fef2f2;border-color:#ef4444}.validated-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.validated-textarea.disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.validated-textarea::placeholder{color:#94a3b8;font-style:italic}.validated-textarea-footer{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;min-height:24px}.char-count{background:#64748b1a;padding:.25rem .5rem;transition:color .2s ease;white-space:nowrap}.char-count,.validation-error{border-radius:4px;font-size:.85rem;font-weight:500}.validation-error{align-items:flex-start;animation:slideIn .2s ease;background:#fef2f2;border-left:3px solid #ef4444;color:#dc2626;display:flex;flex:1 1;gap:.5rem;padding:.5rem .75rem}.error-icon{flex-shrink:0;font-size:1rem}@media (max-width:640px){.validated-textarea{font-size:.9rem;padding:.65rem .85rem}.validated-textarea-footer{align-items:flex-start;flex-direction:column}.char-count{align-self:flex-end}.validation-error{width:100%}}.otp-form,.phone-form{display:flex;flex-direction:column}.phone-input-group{align-items:stretch;display:flex;gap:.5rem}.country-dropdown-wrapper{flex:0 0 15%;min-width:0;position:relative}.country-code-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.875rem;padding:.75rem;transition:border-color .2s;width:100%}.country-code-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.country-dropdown-list{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.country-dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;flex-direction:column;padding:.75rem;transition:background-color .15s}.country-dropdown-item:last-child{border-bottom:none}.country-dropdown-item:hover{background-color:#f9fafb}.country-dropdown-item.selected{background-color:#eff6ff}.country-phone-code{color:#1f2937;font-size:.875rem;font-weight:600;margin-bottom:.125rem}.country-name{color:#6b7280;font-size:.75rem}.country-dropdown-empty{color:#9ca3af;font-size:.875rem;padding:.75rem;text-align:center}.phone-input{border:1px solid #d1d5db;border-radius:8px;flex:0 0 80%;font-size:.875rem;min-width:0;padding:.75rem;transition:border-color .2s}.phone-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.otp-input{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-size:1.25rem;padding:.75rem}.form-help{color:#6b7280;font-size:.75rem;margin-top:.25rem}.form-actions{justify-content:flex-end}.country-code-select:disabled,.phone-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.6}.button-group{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.button-group button{flex:1 1}.disabled-locked{color:#6b7280!important}.dropdown-arrow:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width:640px){.phone-input-group{flex-direction:column;gap:.75rem}.country-code-select,.phone-input{flex:none;width:100%}.form-actions{flex-direction:column}}.two-factor-verification{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:400px;padding:2rem}.verification-header{margin-bottom:2rem}.verification-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.verification-header p{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.phone-display{color:#374151;font-size:.875rem;font-weight:500;padding:.75rem}.verification-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group label{color:#374151;font-size:.875rem;font-weight:500}.otp-input{background:#fafafa;border:2px solid #d1d5db;border-radius:12px;font-size:1.5rem;font-weight:600;letter-spacing:.5rem;padding:1rem;text-align:center;transition:border-color .2s}.otp-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.resend-section{margin:1rem 0;text-align:center}.resend-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;text-decoration:underline;transition:color .2s}.resend-button:hover{color:#2563eb}.resend-timer{color:#6b7280;font-size:.875rem}.form-actions{justify-content:space-between}.lockout-warning{animation:lockoutPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #f59e0b;border-radius:12px;box-shadow:0 4px 6px #f59e0b33;color:#92400e;font-size:.875rem;margin-bottom:1.5rem;padding:1.5rem}@keyframes lockoutPulse{0%,to{box-shadow:0 4px 6px #f59e0b33}50%{box-shadow:0 4px 12px #f59e0b66}}.lockout-warning strong{align-items:center;color:#78350f;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin-bottom:.75rem}.lockout-warning p{line-height:1.6;margin:.5rem 0}.lockout-warning p strong{color:#dc2626;display:inline;font-size:.875rem}.lockout-warning p:last-child{border-top:2px solid #fbbf24;font-weight:500;margin-top:1rem;padding-top:.75rem}.otp-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.6}.disabled-locked{background-color:#d1d5db!important;color:#d3d9e5!important;cursor:not-allowed!important;opacity:.7!important}.disabled-locked:hover{background-color:#d1d5db!important;transform:none!important}.resend-button:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.resend-button:disabled:hover{color:#9ca3af}.verification-help{margin-top:1.5rem;text-align:center}.verification-help p{color:#6b7280;font-size:.75rem;line-height:1.4}@media (max-width:640px){.two-factor-verification{margin:1rem;padding:1.5rem}.form-actions{flex-direction:column}}.status-indicator{border-radius:8px;font-weight:500;gap:.75rem;padding:1rem}.status-indicator.enabled{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.status-indicator.disabled{background:#fef3c7;border:1px solid #fde68a;color:#d97706}.status-icon{align-items:center;border-radius:50%;display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.status-indicator.enabled .status-icon{background:#16a34a;color:#fff}.status-indicator.disabled .status-icon{background:#d97706;color:#fff}.mfa-actions{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.two-factor-section{transition:opacity .2s ease}.two-factor-section--disabled{opacity:.6;pointer-events:none}.two-factor-section--disabled .mfa-actions button{cursor:not-allowed}.two-factor-unavailable-note{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.8125rem;margin-bottom:1rem;padding:.5rem .75rem}.mfa-action-button--disabled{cursor:not-allowed;opacity:.7}.mfa-status{margin-bottom:1.5rem}.status-dot{margin-right:.5rem}.status-dot.enabled{background:#16a34a}.status-dot.disabled{background:#d97706}.status-text{color:#374151;font-weight:500}.mfa-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-top:.5rem}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.loading-skeleton{padding:20px 0}.two-factor-skeleton{margin-top:.5rem}.two-factor-skeleton .skeleton-row{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.two-factor-skeleton .skeleton-dot{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:50%;flex-shrink:0;height:12px;width:12px}.two-factor-skeleton .skeleton-description{margin-bottom:.5rem}.two-factor-skeleton .skeleton-description.short{height:14px;width:70%}.two-factor-skeleton .skeleton-button{border-radius:8px;height:40px;margin-top:1rem;width:120px}.skeleton-text,.two-factor-skeleton .skeleton-button{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.skeleton-text{border-radius:4px;height:20px;margin-bottom:12px}.skeleton-text.short{height:16px;width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cancel-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.cancel-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2rem;position:relative;width:100%}.cancel-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.cancel-modal-close:hover:not(:disabled){background:#f3f4f6;color:#374151}.cancel-modal-close:disabled{cursor:not-allowed;opacity:.5}.cancel-modal-header{margin-bottom:1.5rem;text-align:center}.cancel-modal-icon{font-size:3rem;margin-bottom:.5rem}.cancel-modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.cancel-modal-body{margin-bottom:1.5rem}.cancel-modal-warning{color:#374151;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.cancel-modal-info{background:#f9fafb;border-radius:12px;margin-bottom:1rem;padding:1rem}.info-item{align-items:flex-start;color:#4b5563;font-size:.9rem;gap:.75rem;margin-bottom:.75rem}.info-item:last-child{margin-bottom:0}.info-icon{flex-shrink:0;font-size:1.1rem}.cancel-modal-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.9rem;margin-top:1rem;padding:.75rem}.cancel-modal-actions{display:flex;gap:1rem;justify-content:center}.cancel-modal-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-modal-button:disabled{cursor:not-allowed;opacity:.6}.cancel-modal-button-secondary{background:#f3f4f6;color:#374151}.cancel-modal-button-secondary:hover:not(:disabled){background:#e5e7eb}.cancel-modal-button-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.cancel-modal-button-danger:hover:not(:disabled){box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.cancel-modal-button-danger:active:not(:disabled){transform:translateY(0)}.cancel-modal-success{padding:2rem 0;text-align:center}.success-icon{align-items:center;animation:scaleIn .3s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.cancel-modal-success h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.cancel-modal-success p{color:#6b7280;font-size:.95rem;margin:.5rem 0}.success-access{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;margin-top:1rem;padding:.75rem}@media (max-width:480px){.cancel-modal-content{padding:1.5rem}.cancel-modal-header h2{font-size:1.25rem}.cancel-modal-actions{flex-direction:column}.cancel-modal-button{width:100%}}.json-display{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;line-height:1.4;max-height:400px;overflow-y:auto;padding:15px;white-space:pre-wrap;word-break:break-word}.retry-button{background:#ffc107;border:none;border-radius:4px;color:#212529;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.retry-button:hover{background:#e0a800}.loading-message{color:#007bff;font-style:italic;padding:20px;text-align:center}.loading-message p{font-size:1rem;margin:0}.settings-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.settings-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:800px;padding:30px}.settings-container h1{color:#333;font-size:2rem;margin-bottom:30px;text-align:center}.settings-section{background:#ffffff80;border:1px solid #0000001a;border-radius:8px;margin-bottom:40px;padding:20px}.settings-section h2{color:#333;font-size:1.3rem;margin-bottom:20px}.info-item{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-item label{color:#555;font-weight:600}.info-item span{color:#333}.settings-form{gap:20px}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#555}.form-group input{border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .3s ease}.form-group input:focus{border-color:#667eea;outline:none}.form-group small{color:#666;font-size:.875rem;margin-top:4px}button{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:300px;padding:12px 24px;transition:all .3s ease;width:90%}button:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.6}.cancel-premium-button,.signout-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24)}.cancel-premium-button{margin-top:10px}.cancel-premium-button:hover:not(:disabled){box-shadow:0 4px 15px #ff6b6b66;transform:translateY(-2px)}.subscription-actions{align-items:center;flex-direction:column;gap:10px}.message{border-radius:6px;font-weight:600;margin-bottom:20px;padding:12px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.mfa-status{background:#ffffffb3;border:1px solid #0000001a;border-radius:8px;gap:12px;margin-bottom:20px}.mfa-status,.status-indicator{align-items:center;display:flex}.status-indicator{gap:8px}.status-dot{border-radius:50%;display:inline-block;height:12px;width:12px}.status-dot.enabled{background:#48bb78;box-shadow:0 0 0 2px #48bb784d}.status-dot.disabled{background:#e53e3e;box-shadow:0 0 0 2px #e53e3e4d}.status-text{color:#333;font-weight:600}.mfa-description{color:#666;flex:1 1;font-size:.9rem;margin:0}.mfa-actions{display:flex;gap:12px;margin-top:16px}.disable-mfa-button{background:linear-gradient(45deg,#e53e3e,#c53030);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;max-width:300px;padding:10px 20px;transition:all .3s ease;width:90%}.disable-mfa-button:hover:not(:disabled){box-shadow:0 4px 15px #e53e3e66;transform:translateY(-1px)}.verification-section{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;margin-top:20px;padding:20px}.verification-section h3{color:#333;font-size:1.1rem;margin-bottom:8px}.verification-section p{color:#666;font-size:.9rem;margin-bottom:16px}.danger-zone{background-color:#fff5f5;border:2px solid #e53e3e;border-radius:8px;margin-top:2rem;padding:1.5rem}.danger-zone h2{color:#e53e3e;margin-top:0}.danger-warning{background-color:#fed7d7;border:1px solid #e53e3e;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.danger-warning p,.danger-warning ul{color:#2d3748;margin:.5rem 0}.danger-warning ul{padding-left:1.5rem}.danger-warning li{margin:.25rem 0}.delete-account-button{background-color:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.delete-account-button:hover{background-color:#c53030}.delete-form{background-color:#fff;border:1px solid #e53e3e;border-radius:6px;margin-top:1rem;padding:1.5rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.cancel-button:hover{background:#5a6268}.confirm-delete-button{background-color:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.confirm-delete-button:hover:not(:disabled){background-color:#c53030}.confirm-delete-button:disabled{cursor:not-allowed;opacity:.6}.subscription-info{gap:20px}.subscription-details{grid-gap:15px;background:#ffffffb3;border:1px solid #0000001a;border-radius:8px;display:grid;gap:15px;grid-template-columns:1fr;padding:20px}.subscription-plan{border-bottom:1px solid #0000001a;padding-bottom:15px}.subscription-plan h3{font-size:1.2rem}.status-badge{font-size:.875rem;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.gray{background:#e2e3e5;color:#383d41}.status-badge.blue{background:#cce5ff;color:#004085}.subscription-amount,.subscription-date{align-items:center;padding:8px 0}.subscription-amount span,.subscription-date span{color:#333}.subscription-actions{flex-wrap:wrap;gap:15px}.cancel-subscription-button{border:none;border-radius:6px;padding:12px 24px;text-decoration:none}.cancel-subscription-button:disabled{transform:none}.upgrade-info{text-align:center}.upgrade-button{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:6px}.upgrade-button:hover{box-shadow:0 4px 12px #667eea4d}.cancellation-notice{border-radius:6px;margin-top:20px;padding:15px}.upcoming-plan-section{background:linear-gradient(135deg,#e7f3ff,#f0f4ff);border:2px solid #2196f3;border-radius:12px;margin-top:20px;padding:20px}.upcoming-plan-section h3{align-items:center;color:#1976d2;display:flex;font-size:1.1rem;gap:8px;margin:0 0 15px}.upcoming-plan-details{display:flex;flex-direction:column;gap:15px}.upcoming-plan-header{align-items:center;border-bottom:1px solid #2196f333;display:flex;justify-content:space-between;padding-bottom:15px}.upcoming-plan-name{color:#1976d2;font-size:1.2rem;font-weight:600}.status-badge.scheduled{background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.upcoming-plan-dates{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.upcoming-plan-date{align-items:center;background:#ffffffb3;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.upcoming-plan-date label{color:#555;font-weight:600}.upcoming-plan-date span{color:#1976d2;font-weight:500}.upcoming-plan-info{background:#ffffff80;border-left:3px solid #2196f3;border-radius:6px;padding:12px}.upcoming-plan-info p{color:#555;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.settings-page{padding:10px}.settings-container{padding:20px}.settings-section{padding:15px}.info-item{align-items:flex-start;gap:4px}.form-actions,.info-item{flex-direction:column}.danger-zone{padding:1rem}.subscription-plan{align-items:flex-start;gap:10px}.subscription-actions,.subscription-plan{flex-direction:column}.cancel-subscription-button,.upgrade-button{text-align:center;width:100%}.upcoming-plan-header{gap:10px}.upcoming-plan-date,.upcoming-plan-header{align-items:flex-start;flex-direction:column}.upcoming-plan-date{gap:4px}}@media (max-width:480px){.settings-page{padding:5px}.settings-container{padding:15px}.settings-section{padding:12px}.mfa-status{align-items:flex-start;gap:8px}.mfa-actions,.mfa-status{flex-direction:column}}.onboarding-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.onboarding-card{animation:slideUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{margin-bottom:30px;text-align:center}.onboarding-header h1{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:8px}.onboarding-header p{color:#718096;font-size:16px;margin:0}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:20px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.step-indicator{color:#718096;font-size:14px;font-weight:500;text-align:center}.onboarding-step,.step-indicator{margin-bottom:30px}.onboarding-step h2{font-size:24px}.onboarding-step h2,.onboarding-step h3{color:#2d3748;font-weight:600;margin-bottom:8px}.onboarding-step h3{font-size:20px;margin-top:30px}.onboarding-step p{color:#718096;font-size:16px;margin-bottom:30px}.welcome-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.info-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.info-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.info-card h3{color:#2d3748;font-size:16px;font-weight:600;margin-bottom:8px;margin-top:0}.info-card p{color:#718096;font-size:14px;line-height:1.5;margin:0}.next-steps,.step-item{margin-bottom:20px}.step-item{align-items:flex-start;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;padding:16px}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;margin-right:16px;width:32px}.step-item h4{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 4px}.step-item p{color:#718096;font-size:14px;line-height:1.4;margin:0}.summary-note{background:#edf2f7;border-left:4px solid #667eea;border-radius:8px;color:#4a5568;font-size:14px;margin-top:20px;padding:16px}.section-header{align-items:center;border-bottom:2px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 0;transition:all .3s ease}.section-header:hover{background:#667eea0d;border-radius:8px;margin:0 -16px 20px;padding:16px}.section-title{gap:12px}.section-icon,.section-title{align-items:center;display:flex}.section-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-size:20px;height:36px;justify-content:center;width:36px}.section-title h3{color:#2d3748;font-size:18px;font-weight:600;margin:0}.expand-icon{align-items:center;color:#667eea;display:flex;font-size:20px;font-weight:700;height:20px;justify-content:center;transition:transform .3s ease;width:20px}.expand-icon.expanded{transform:rotate(180deg)}.section-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-top:20px}.onboarding-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px}.success-message{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:10px;color:#fff;font-weight:600;margin-bottom:20px;padding:12px 20px;text-align:center}.required{color:#e53e3e;font-weight:700}.form-group{margin-bottom:20px}.form-group label{color:#4a5568;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{line-height:1.5;min-height:100px;resize:vertical}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.checkbox-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.checkbox-label{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .3s ease}.checkbox-label:hover{background:#667eea0d;border-color:#667eea;transform:translateY(-1px)}.checkbox-label input[type=checkbox]{accent-color:#667eea;margin:0;transform:scale(1.2);width:auto}.checkbox-label input[type=checkbox]:checked+span{color:#667eea;font-weight:600}.section-content{animation:fadeIn .3s ease-out}.summary-note{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:30px;padding:20px;text-align:center}.summary-note h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 12px}.summary-note p{color:#ffffffe6;font-size:16px;line-height:1.5;margin:0}@media (max-width:768px){.onboarding-container{padding:10px}.onboarding-card{padding:30px 20px}.onboarding-header h1{font-size:24px}.welcome-info{gap:16px;grid-template-columns:1fr}.onboarding-actions{flex-direction:column;gap:8px}.primary-button,.secondary-button,.skip-button{min-width:auto;width:100%}.section-grid{gap:16px;grid-template-columns:1fr}.section-icon,.section-title h3{font-size:16px}.section-icon{height:32px;width:32px}.checkbox-group{grid-template-columns:1fr}.onboarding-section{padding:20px}}@media (max-width:480px){.onboarding-card{padding:20px 16px}.onboarding-step h2{font-size:20px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px 14px}.section-header{padding:12px 0}.section-title{gap:8px}.section-title h3{font-size:14px}.expand-icon{font-size:18px}.onboarding-section{padding:16px}}.primary-button:disabled{animation:pulse 1.5s infinite}.onboarding-step{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.loading-container{min-height:400px;text-align:center}.onboarding-section{transition:all .3s ease}.onboarding-section:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.onboarding-section:focus-within{outline:2px solid #667eea;outline-offset:2px}.onboarding-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}.primary-button,.secondary-button,.skip-button{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.secondary-button{background:#fff;border:2px solid #667eea;color:#667eea}.secondary-button:hover:not(:disabled){background:#667eea;color:#fff}.skip-button{background:#0000;border:2px solid #e2e8f0;color:#718096}.skip-button:hover:not(:disabled){border-color:#718096;color:#4a5568;transform:translateY(-1px)}.skip-button:disabled{cursor:not-allowed;opacity:.7}@media (prefers-reduced-motion:reduce){.checkbox-label,.expand-icon,.onboarding-card,.onboarding-section,.section-content,.success-message{animation:none;transition:none}}.educational-qualification-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px;position:relative}.educational-qualification-item h3{border-bottom:2px solid #007bff;color:#495057;font-size:1.1rem;font-weight:600;margin-bottom:15px;padding-bottom:8px}.educational-qualification-item .form-group{margin-bottom:15px}.educational-qualification-item .form-group label{color:#495057;display:block;font-weight:500;margin-bottom:5px}.educational-qualification-item input,.educational-qualification-item select,.educational-qualification-item textarea{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.educational-qualification-item input:focus,.educational-qualification-item select:focus,.educational-qualification-item textarea:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.educational-qualification-item button[type=button]{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .15s ease-in-out}.educational-qualification-item button[type=button]:hover{background:#c82333}.add-qualification-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px 24px;transition:background-color .15s ease-in-out;width:100%}.add-qualification-btn:hover{background:#218838}.add-qualification-btn:focus{box-shadow:0 0 0 .2rem #28a74540;outline:none}.add-qualification-btn:disabled{background:#6c757d;color:#fff;cursor:not-allowed;opacity:.6}.add-qualification-btn:disabled:hover{background:#6c757d;transform:none}.add-qualification-btn:disabled:focus{box-shadow:none}.educational-qualification-item .section-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.educational-qualification-item .section-grid{grid-template-columns:1fr}.educational-qualification-item{padding:15px}}.date-inputs{align-items:center;display:flex;gap:10px}.month-select{flex:1 1;min-width:120px}.year-input,.year-select{flex:1 1;min-width:80px}.error-text{color:#dc3545;font-size:12px;font-weight:500;margin-left:8px}.loading-indicator{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;font-size:14px;justify-content:center;padding:12px}.loading-indicator span{margin-left:8px}.section-icon-img{border-radius:50%;height:30px;object-fit:cover;width:30px}.upgrade-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.upgrade-header{color:#fff;margin-bottom:3rem;max-width:600px;text-align:center}.upgrade-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.upgrade-header p{font-size:1.3rem;line-height:1.6;opacity:.9}.premium-status-banner{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid gold;border-radius:15px;box-shadow:0 8px 25px #ffd7004d;margin:2rem auto;max-width:600px;padding:1.5rem;width:100%}.premium-status-content{align-items:center;display:flex;gap:1rem}.premium-icon{flex-shrink:0;font-size:2.5rem}.premium-status-text h3{color:#b8860b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.premium-status-text p{color:#8b6914;font-size:1rem;line-height:1.4;margin:0}.subscription-management-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:3rem;max-width:600px;padding:2rem;text-align:center;width:100%}.subscription-management-section h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:2rem}.subscription-info{display:flex;flex-direction:column;gap:1.5rem}.subscription-details{display:flex;flex-direction:column;gap:1rem;text-align:left}.subscription-plan{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:space-between;padding:1rem}.subscription-plan h3{color:#333;font-size:1.3rem;margin:0}.status-badge{border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.status-badge.green{background:#d4edda;color:#155724}.status-badge.red{background:#f8d7da;color:#721c24}.status-badge.orange{background:#fff3cd;color:#856404}.subscription-amount,.subscription-date{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.5rem 0}.subscription-amount:last-child,.subscription-date:last-child{border-bottom:none}.subscription-amount label,.subscription-date label{color:#555;font-weight:600}.subscription-actions{display:flex;gap:1rem;justify-content:center}.manage-subscription-button{background:linear-gradient(45deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.manage-subscription-button:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.cancellation-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;margin-top:1.5rem;padding:1rem}.cancellation-notice p{font-size:.9rem;line-height:1.5;margin:0}.plans-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:3rem;max-width:1200px;width:100%}.plan-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 10px 30px #0000001a;cursor:pointer;padding:2rem;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.plan-card.selected{border-color:#667eea;box-shadow:0 15px 35px #667eea33}.plan-card.popular{border:2px solid #667eea;transform:scale(1.05)}.plan-card.popular:hover{transform:scale(1.05) translateY(-10px)}.popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:.5rem 1.5rem;position:absolute;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:2rem;padding-top:1rem;text-align:center}.plan-header h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.plan-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center;margin-bottom:1rem}.price{color:#667eea;font-size:3rem;font-weight:700}.period{color:#718096;font-size:1.1rem;font-weight:500}.savings-badge{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:15px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.5rem 1rem}.plan-features{margin-bottom:2rem}.plan-button-container{align-items:center;display:flex;justify-content:center;margin-top:2rem}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:center;color:#4a5568;display:flex;font-size:1rem;line-height:1.5;padding:.75rem 0}.plan-features li:not(:last-child){border-bottom:1px solid #f1f5f9}.checkmark{color:#48bb78;font-size:1.1rem;font-weight:700;margin-right:.75rem;min-width:20px}.upgrade-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:1.1rem;max-width:300px;overflow:hidden;padding:1.25rem 2.5rem;position:relative;width:90%}.upgrade-button:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.upgrade-button:active:not(:disabled){transform:translateY(0)}.upgrade-button:disabled,.upgrade-button:hover:disabled{box-shadow:0 8px 20px #b4b4b44d;color:#494b4a;cursor:not-allowed;opacity:.7}.upgrade-button:hover:disabled{transform:none}.upgrade-button.premium-user{background:linear-gradient(135deg,#28a745,#20c997);border:2px solid #28a745;color:#fff;cursor:pointer}.upgrade-button.premium-user:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 8px 20px #28a7454d;transform:translateY(-2px)}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;display:inline-block;height:20px;width:20px}.upgrade-footer{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:800px;width:100%}.guarantee,.security{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fff;padding:2rem;text-align:center}.guarantee h3,.security h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.guarantee p,.security p{font-size:1rem;line-height:1.6;margin:0;opacity:.9}@media (max-width:1024px){.plans-container{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card.popular{transform:scale(1.02)}.plan-card.popular:hover{transform:scale(1.02) translateY(-10px)}}@media (max-width:768px){.upgrade-container{padding:1rem}.upgrade-header{margin-bottom:2rem}.upgrade-header h1{font-size:2.5rem}.upgrade-header p{font-size:1.1rem}.plans-container{gap:1.5rem;grid-template-columns:1fr;max-width:400px}.plan-card{padding:1.5rem}.plan-card.popular{transform:none}.plan-card.popular:hover{transform:translateY(-10px)}.price{font-size:2.5rem}.upgrade-footer{gap:1.5rem;grid-template-columns:1fr}.guarantee,.security{padding:1.5rem}}@media (max-width:480px){.upgrade-header h1{font-size:2rem}.upgrade-header p{font-size:1rem}.plan-card{padding:1.25rem}.plan-header h3{font-size:1.25rem}.price{font-size:2rem}.period{font-size:1rem}.plan-features li{font-size:.9rem;padding:.5rem 0}.upgrade-button{font-size:1rem;padding:.875rem 1.5rem}.guarantee,.security{padding:1.25rem}.guarantee h3,.security h3{font-size:1.1rem}.guarantee p,.security p{font-size:.9rem}}@media print{.upgrade-container{background:#fff;padding:0}.upgrade-header{color:#2d3748}.upgrade-header h1{-webkit-text-fill-color:#0000;background:#2d3748;-webkit-background-clip:text;background-clip:text}.plan-card{border:1px solid #e2e8f0;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.plan-card.popular{border:2px solid #667eea}.upgrade-button{background:#667eea;border:1px solid #667eea;color:#fff}.guarantee,.security{background:#f8fafc;border:1px solid #e2e8f0;color:#2d3748}.guarantee h3,.security h3{color:#2d3748}}.current-plan-notice{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#15803d}.current-plan-notice,.trial-plan-used-notice{align-items:center;box-shadow:0 1px 3px #00000014;cursor:text;display:flex;font-size:.9rem;gap:6px;justify-content:center;margin-top:10px;padding:8px 12px}.trial-plan-used-notice{background-color:#fdf7f0;border:1px solid #ec8e01;border-radius:10px;color:#eea057}.trial-check-icon{stroke:#a36616;height:18px;width:18px}.check-icon{stroke:#16a34a;height:18px;width:18px}.privacy-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.privacy-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.privacy-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;text-align:center}.privacy-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.privacy-header p{font-size:1.1rem;line-height:1.6;margin-bottom:.5rem;opacity:.9}.privacy-content{padding:3rem 2rem}.privacy-section{border-bottom:1px solid #f0f0f0;margin-bottom:3rem;padding-bottom:2rem}.privacy-section:last-child{border-bottom:none;margin-bottom:0}.privacy-section h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-left:1rem;position:relative}.privacy-section h2:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.privacy-section h3{color:#4a5568;font-size:1.3rem;font-weight:600;margin:2rem 0 1rem}.privacy-section h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.privacy-section p{color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:1rem}.privacy-section ul{margin:1rem 0;padding-left:1.5rem}.privacy-section li{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.privacy-section strong{color:#2d3748;font-weight:600}.usage-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.usage-item{background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.usage-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.usage-item h4{font-size:1.1rem;margin-bottom:.75rem}.usage-item p{font-size:.95rem;margin-bottom:0}.security-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.security-item{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center}.security-item h4{font-size:1.1rem;margin-bottom:.75rem}.security-item p{font-size:.9rem;margin-bottom:0}.rights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem 0}.right-item{background:#f0fff4;border-left:4px solid #48bb78;border-radius:12px;padding:1.5rem;transition:transform .2s ease}.right-item:hover{transform:translateY(-2px)}.right-item h4{font-size:1.1rem;margin-bottom:.75rem}.right-item p{font-size:.95rem;margin-bottom:0}.contact-info{background:#f8fafc;border-radius:12px;margin-top:1.5rem;padding:2rem}.contact-item{font-size:1rem;line-height:1.6;margin-bottom:1rem}.contact-item:last-child{margin-bottom:0}.contact-item a{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s ease}.contact-item a:hover{color:#764ba2;text-decoration:underline}.privacy-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:2rem;text-align:center}.privacy-footer p{color:#4a5568;font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.privacy-container{padding:1rem .5rem}.privacy-header{padding:2rem 1rem}.privacy-header h1{font-size:2rem}.privacy-content{padding:2rem 1rem}.privacy-section h2{font-size:1.5rem}.rights-grid,.security-features,.usage-grid{gap:1rem;grid-template-columns:1fr}.right-item,.security-item,.usage-item{padding:1.25rem}.contact-info{padding:1.5rem}}@media (max-width:480px){.privacy-header h1{font-size:1.75rem}.privacy-header p{font-size:1rem}.privacy-section h2{font-size:1.3rem}.privacy-section h3{font-size:1.2rem}.right-item h4,.security-item h4,.usage-item h4{font-size:1rem}}@media print{.privacy-container{background:#fff;padding:0}.privacy-card{border-radius:0;box-shadow:none}.privacy-header{background:#f8fafc!important;color:#2d3748!important}.privacy-header h1{-webkit-text-fill-color:#2d3748!important;background:none!important}.rights-grid,.security-features,.usage-grid{grid-template-columns:repeat(2,1fr)}}.terms-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.terms-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.terms-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;text-align:center}.terms-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.terms-header p{font-size:1.1rem;line-height:1.6;margin-bottom:.5rem;opacity:.9}.terms-content{padding:3rem 2rem}.terms-section{border-bottom:1px solid #f0f0f0;margin-bottom:3rem;padding-bottom:2rem}.terms-section:last-child{border-bottom:none;margin-bottom:0}.terms-section h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-left:1rem;position:relative}.terms-section h2:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.terms-section p{color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:1rem}.terms-section a{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s ease}.terms-section a:hover{color:#764ba2;text-decoration:underline}@media (max-width:768px){.terms-container{padding:1rem .5rem}.terms-header{padding:2rem 1rem}.terms-header h1{font-size:2rem}.terms-content{padding:2rem 1rem}.terms-section h2{font-size:1.5rem}}@media (max-width:480px){.terms-header h1{font-size:1.75rem}.terms-header p{font-size:1rem}.terms-section h2{font-size:1.3rem}}@media print{.terms-container{background:#fff;padding:0}.terms-card{border-radius:0;box-shadow:none}.terms-header{background:#f8fafc!important;color:#2d3748!important}.terms-header h1{-webkit-text-fill-color:#2d3748!important;background:none!important}}.contact-container{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem}.contact-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:2rem 0;max-width:800px;overflow:hidden;width:100%}.contact-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;text-align:center}.contact-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-header p{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:500px;opacity:.9}.contact-content{padding:2rem}.support-message{margin-bottom:2rem}.support-message h2{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.support-message h2:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.support-message p{color:#4a5568;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.contact-info{margin-bottom:2rem}.contact-method{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.contact-method:hover{border-color:#667eea;box-shadow:0 10px 25px #0000001a;transform:translateY(-3px)}.contact-method h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.contact-method p{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.email-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.email-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.email-button:active{transform:translateY(0)}.response-time{color:#718096;font-size:.9rem;font-style:italic;margin:0}.support-topics{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:2rem}.support-topics h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.support-topics ul{list-style:none;margin:0;padding:0}.support-topics li{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.support-topics li:before{color:#48bb78;content:"✓";font-size:1.1rem;font-weight:700;left:0;position:absolute}.support-topics li:last-child{margin-bottom:0}.before-contact{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.before-contact h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.before-contact p{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.before-contact ul{list-style:none;margin:0;padding:0}.before-contact li{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.before-contact li:before{color:#667eea;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}.before-contact li:last-child{margin-bottom:0}.contact-footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.contact-footer p{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:500px;opacity:.9}@media (max-width:768px){.contact-container{padding:1rem}.contact-card{margin:1rem 0}.contact-header{padding:2rem 1.5rem}.contact-header h1{font-size:2rem}.contact-header p{font-size:1.1rem}.contact-content{padding:1.5rem}.support-message h2{font-size:1.75rem}.before-contact,.contact-method,.support-topics{padding:1.5rem}.email-button{font-size:.95rem;padding:.875rem 1.5rem}}@media (max-width:480px){.contact-header{padding:1.5rem 1rem}.contact-header h1{font-size:1.75rem}.contact-header p{font-size:1rem}.contact-content{padding:1rem}.support-message h2{font-size:1.5rem}.support-message p{font-size:1rem}.before-contact,.contact-method,.support-topics{padding:1rem}.before-contact h3,.contact-method h3,.support-topics h3{font-size:1.25rem}.email-button{font-size:.9rem;padding:.75rem 1.25rem}.contact-footer{padding:1.5rem 1rem}.contact-footer p{font-size:1rem}}@media print{.contact-container{background:#fff;padding:0}.contact-card{border:1px solid #e2e8f0;box-shadow:none}.contact-footer,.contact-header{background:#f8fafc;color:#2d3748}.before-contact,.contact-method,.support-topics{border:1px solid #e2e8f0;box-shadow:none}.email-button{background:#667eea;border:1px solid #667eea;color:#fff}}.about-container{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem}.about-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:2rem 0;max-width:1000px;overflow:hidden;width:100%}.about-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;text-align:center}.about-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.about-header p{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.about-content{padding:2rem}.about-section{margin-bottom:3rem}.about-section h2{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.about-section h2:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.about-section p{color:#4a5568;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.purpose-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.purpose-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;transition:all .3s ease}.purpose-item:hover{border-color:#667eea;box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.purpose-item h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.purpose-item p{color:#64748b;font-size:1rem;line-height:1.6;margin:0}.app-features{margin-top:2rem}.app-features h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.feature-item:hover{border-color:#667eea;box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.feature-item h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.feature-item p{color:#64748b;font-size:.95rem;line-height:1.6;margin:0}.app-technology{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;margin-top:2rem;padding:2rem}.app-technology h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.app-technology p{color:#4a5568;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.app-technology p:last-child{margin-bottom:0}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.value-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.value-item:hover{border-color:#667eea;box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.value-item h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.value-item p{color:#64748b;font-size:1rem;line-height:1.6;margin:0}.about-footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.about-footer p{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}@media (max-width:768px){.about-container{padding:1rem}.about-card{margin:1rem 0}.about-header{padding:2rem 1.5rem}.about-header h1{font-size:2rem}.about-header p{font-size:1.1rem}.about-content{padding:1.5rem}.about-section h2{font-size:1.75rem}.features-grid,.purpose-grid,.values-grid{gap:1.5rem;grid-template-columns:1fr}.app-technology,.feature-item,.purpose-item,.value-item{padding:1.5rem}}@media (max-width:480px){.about-header{padding:1.5rem 1rem}.about-header h1{font-size:1.75rem}.about-header p{font-size:1rem}.about-content{padding:1rem}.about-section h2{font-size:1.5rem}.about-section p{font-size:1rem}.app-technology,.feature-item,.purpose-item,.value-item{padding:1rem}.about-footer{padding:1.5rem 1rem}.about-footer p{font-size:1rem}}@media print{.about-container{background:#fff;padding:0}.about-card{border:1px solid #e2e8f0;box-shadow:none}.about-footer,.about-header{background:#f8fafc;color:#2d3748}.feature-item,.purpose-item,.value-item{border:1px solid #e2e8f0;box-shadow:none}}.rotation-controls{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 12px #0000001a;margin:0 auto 2rem;max-width:1200px;padding:1.5rem;position:relative}.rotation-message{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rotation-message-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.rotation-message-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #bee5eb;color:#0c5460}.rotation-message-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;color:#856404}.rotation-message-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.message-text{flex:1 1;gap:.5rem}.message-close,.message-text{align-items:center;display:flex}.message-close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1.5rem;height:24px;justify-content:center;line-height:1;margin-left:1rem;opacity:.7;padding:0;transition:opacity .2s ease;width:24px}.message-close:hover{opacity:1}.rotation-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.rotation-header h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.rotation-status{background:#0000000d;border-radius:20px;font-size:.9rem;padding:.25rem .75rem}.rotation-controls-grid{display:flex;flex-direction:flex;gap:1rem}.rotation-toggle{gap:1rem}.interval-select{background:#fff;border:2px solid #e1e5e9;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem .75rem;transition:border-color .3s ease}.interval-select:focus{border-color:#667eea;outline:none}.interval-select:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.card-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.card-counter{color:#333;font-size:.9rem;font-weight:600}.card-title{color:#666;font-size:.8rem;font-style:italic}.action-buttons{align-items:center;gap:.75rem}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.action-btn:disabled{cursor:not-allowed;opacity:.6}.pause-btn{background:#ffc107;color:#fff}.pause-btn:hover:not(:disabled){background:#e0a800;transform:translateY(-1px)}.resume-btn{background:#28a745;color:#fff}.resume-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.reset-btn{background:#6c757d;color:#fff}.reset-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.loading-indicator{align-items:center;background:#e3f2fd;border-radius:6px;color:#1976d2;display:flex;font-size:.9rem;gap:.5rem;margin-top:1rem;padding:.75rem}.spinner{animation:spin 1s linear infinite;border:2px solid #e3f2fd;border-radius:50%;border-top-color:#1976d2;height:16px;width:16px}@media (max-width:768px){.rotation-controls{margin:.5rem 0;padding:1rem}.rotation-header{align-items:flex-start;flex-direction:column;gap:.5rem}.rotation-timer{margin-top:.75rem;width:100%}.action-btn{justify-content:center;width:100%}}@media (max-width:480px){.rotation-controls{padding:.75rem}.rotation-header h3{font-size:1.1rem}.rotation-status{font-size:.8rem}}.time-spinner{align-items:center;color:#4b5563;display:inline-flex;gap:.4rem}.spinner-inline{border-color:#3b82f6 #dbeafe #dbeafe;height:14px;width:14px}.rotation-position{align-items:center;display:flex;justify-content:center}.position-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.free-user-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:8px;grid-column:1/-1;margin-top:.5rem;padding:.75rem 1rem}.exhausted-tiers,.tier-progress{align-items:center;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.25rem}.exhausted-tiers:last-child,.tier-progress:last-child{margin-bottom:0}.exhausted-label,.progress-label{color:#92400e;font-weight:600}.exhausted-value,.progress-value{color:#78350f;font-family:Monaco,Menlo,monospace}.exhausted-tiers{color:#059669}.exhausted-value{color:#047857}.advance-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.advance-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.advance-btn:active:not(:disabled){transform:translateY(0)}.rotation-controls.premium-user{border-color:#fbbf24}.rotation-controls.free-user{border-color:#60a5fa}.rotation-note{border-radius:10px;box-sizing:border-box;color:#4b5563;font-size:.85rem;font-weight:500;margin-bottom:0;margin-right:50%;margin-top:0;text-align:left;width:100%}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{flex:1 1;gap:12px}.type-icon-large{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.modal-title h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:8px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:0 24px 24px}.recommendation-meta{background:#f9fafb;border-radius:8px;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.meta-item{align-items:center;display:flex;gap:8px}.meta-label{color:#374151;font-size:.875rem;font-weight:600}.difficulty-badge,.priority-badge{color:#fff;text-transform:capitalize}.difficulty-badge,.priority-badge,.time-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:4px 8px}.time-badge{background:#e5e7eb;color:#374151}.recommendation-benefits,.recommendation-description,.recommendation-details,.recommendation-resources,.recommendation-steps,.recommendation-tags{margin-bottom:24px}.recommendation-benefits h3,.recommendation-description h3,.recommendation-details h3,.recommendation-resources h3,.recommendation-steps h3,.recommendation-tags h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:12px}.recommendation-description p,.recommendation-details p{color:#4b5563;line-height:1.6;margin:0}.recommendation-benefits ul,.recommendation-steps ol{margin:0;padding-left:20px}.recommendation-benefits li,.recommendation-steps li{color:#4b5563;line-height:1.6;margin-bottom:8px}.recommendation-resources ul{margin:0;padding-left:20px}.recommendation-resources li{margin-bottom:8px}.recommendation-resources a{color:#3b82f6;font-weight:500;text-decoration:none}.recommendation-resources a:hover{text-decoration:underline}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#e5e7eb;border-radius:4px;color:#374151;font-size:.75rem;padding:4px 8px}.modal-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 24px}.modal-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.modal-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;flex:1 1}.modal-action-btn.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.modal-action-btn.secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.modal-action-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.modal-content{margin:10px;max-height:95vh}.modal-header{padding:16px 16px 0}.modal-body{padding:0 16px 16px}.modal-footer{padding:16px}.recommendation-meta{flex-direction:column;gap:12px}.modal-title h2{font-size:1.25rem}}.feedback-submitted{align-items:center;animation:feedbackSuccess .5s ease-out;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #22c55e;border-radius:12px;box-shadow:0 4px 12px #22c55e26;color:#15803d;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:space-between;padding:1rem 1.5rem;text-align:center}.reviewed-status{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.reviewed-status>span:first-child{font-size:1.1rem;font-weight:700}.rating-display{background:#22c55e1a;border:1px solid #22c55e33;border-radius:20px;color:#15803d;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.comment-preview{word-wrap:break-word;background:#22c55e0d;border-left:3px solid #22c55e;border-radius:8px;color:#16a34a;font-size:.85rem;font-style:italic;max-width:100%;padding:.5rem .75rem}.edit-feedback-btn{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:6px;box-shadow:0 2px 4px #f59e0b26;color:#92400e;cursor:pointer;display:flex;font-size:1.1rem;height:30px;justify-content:center;max-width:36px!important;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.edit-feedback-btn:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#d97706;box-shadow:0 4px 10px #3b82f666;color:#78350f;transform:translateY(-1px)}.edit-feedback-btn:active{box-shadow:0 2px 6px #f59e0b33;transform:translateY(0)}.edit-feedback-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.cancel-edit-btn{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.cancel-edit-btn:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5;box-shadow:0 4px 12px #dc262626;color:#dc2626;transform:translateY(-1px)}.feedback-buttons{align-items:center;display:flex;gap:.75rem}.rating-btn.selected{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#1e40af;box-shadow:0 4px 12px #3b82f64d;color:#fff}@keyframes feedbackSuccess{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;margin-top:20px}.feedback-header h4{color:#374151;font-size:1rem;font-weight:600;margin:0}.feedback-display{margin-top:8px}.feedback-content{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;min-height:60px;padding:12px 16px}.feedback-text{color:#374151;font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.no-feedback-text{color:#9ca3af;font-size:.9rem;font-style:italic}.cancel-edit-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-edit-btn:disabled,.cancel-edit-btn:disabled:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;box-shadow:none;color:#94a3b8;transform:none}.submit-text-feedback-btn:disabled{cursor:not-allowed;opacity:.5}.submit-text-feedback-btn:disabled,.submit-text-feedback-btn:disabled:hover{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;transform:none}.feedback-textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed;opacity:.7}.feedback-textarea.error{background:#fef2f2;border-color:#ef4444}.feedback-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.feedback-validation-error{align-items:flex-start;animation:slideIn .2s ease;background:#fef2f2;border-left:3px solid #ef4444;border-radius:4px;color:#dc2626;display:flex;flex:1 1 100%;font-size:.85rem;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.feedback-validation-error .error-icon{flex-shrink:0;font-size:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.feedback-display+.text-feedback-controls{margin-top:12px}.feedback-display+.text-feedback-controls .feedback-buttons{justify-content:flex-end}.rating-section{margin-bottom:8px;margin-top:16px}.text-feedback-section{margin-top:8px}.rating-section h4,.text-feedback-section h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:10px}.recommendation-category-skeleton{margin:0 auto;max-width:1200px;padding:20px}.recommendation-category-skeleton__header{margin-bottom:24px}.recommendation-category-skeleton__title{border-radius:8px;height:36px;margin-bottom:12px;width:240px}.recommendation-category-skeleton__line,.recommendation-category-skeleton__title{animation:category-skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%);background-size:200% 100%}.recommendation-category-skeleton__line{border-radius:4px;height:100px;width:100%}.recommendation-category-skeleton__controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.recommendation-category-skeleton__control{animation:category-skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:8px;height:40px;width:120px}.recommendation-category-skeleton__cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.recommendation-category-skeleton__card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px}.recommendation-category-skeleton__card-top{border-radius:8px;height:120px;margin-bottom:12px}.recommendation-category-skeleton__card-line,.recommendation-category-skeleton__card-top{animation:category-skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%);background-size:200% 100%}.recommendation-category-skeleton__card-line{border-radius:4px;height:16px;margin-bottom:8px}.recommendation-category-skeleton__card-line--short{width:50%}@keyframes category-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.career-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.career-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.career-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.career-title p{color:#4a5568;font-size:1.1rem;line-height:1.6}.career-controls{align-items:center;display:flex;gap:1rem}.refresh-button{background:linear-gradient(135deg,#3b82f6,#1e40af)}.refresh-button:hover{box-shadow:0 8px 25px #3b82f64d}.career-content{margin:0 auto;max-width:1200px}.recommendation-card.clickable{cursor:pointer}.recommendation-card.clickable:hover{border-color:#3b82f6}.recommendation-card.clickable:hover,.recommendation-card:not(.clickable):hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.type-icon{background:#f8fafc}.tag{background:#f1f5f9;color:#475569}.action-button.primary{background:linear-gradient(135deg,#3b82f6,#1e40af)}.action-button.primary:hover{box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.action-button.secondary{background:#f8fafc;border:2px solid #e2e8f0}.action-button.secondary:hover{transform:translateY(-2px)}.career-ad{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;margin:1rem;padding:1.5rem}.ad-header{justify-content:space-between}.ad-category{color:#92400e;font-size:.8rem;font-weight:500}.ad-content h4{color:#92400e;font-size:1.1rem}.ad-content p{color:#a16207;font-size:.9rem;line-height:1.5}.ad-features{margin-bottom:1rem}.ad-features span{background:#f59e0b33;color:#92400e}.ad-button{font-size:.9rem;width:100%}.ad-button:hover{transform:translateY(-2px)}.career-upgrade-banner{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:16px;color:#fff;margin:3rem auto 0;max-width:1200px;padding:2rem;text-align:center}.upgrade-content h3{margin-bottom:.75rem}.upgrade-content p{line-height:1.6}.upgrade-button{padding:.75rem 1.5rem}.upgrade-button:hover{box-shadow:0 8px 25px #ffffff4d}.career-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:768px){.career-container{padding:1rem .5rem}.career-header{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.career-title h1{font-size:2rem}.career-title p{font-size:1rem}.recommendations-grid{gap:1rem;grid-template-columns:1fr}.recommendation-card{border-radius:12px}.recommendation-header{padding:1rem 1rem 0}.type-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}.recommendation-body{padding:.75rem 1rem}.recommendation-body h3{font-size:1.1rem}.recommendation-actions{flex-direction:column;padding:0 1rem 1rem}.career-upgrade-banner{margin:2rem auto 0;padding:1.5rem}.upgrade-content h3{font-size:1.25rem}}@media (max-width:480px){.career-title h1{font-size:1.75rem}.recommendation-header{padding:.75rem .75rem 0}.type-icon{font-size:1.25rem;height:2rem;width:2rem}.recommendation-body{padding:.5rem .75rem}.recommendation-body h3{font-size:1rem}.recommendation-body p{font-size:.9rem}.recommendation-meta{font-size:.8rem}.tag{font-size:.75rem}.action-button{font-size:.8rem;padding:.6rem .8rem}.career-upgrade-banner{padding:1rem}.upgrade-content h3{font-size:1.1rem}.upgrade-content p{font-size:.9rem}.upgrade-button{font-size:.9rem;padding:.6rem 1.2rem}}@media print{.career-container{background:#fff;padding:0}.recommendation-card{border:1px solid #e2e8f0;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.career-ad,.career-upgrade-banner{display:none}}.set-indicator{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.dining-container{background:linear-gradient(135deg,#fff5f5,#fed7d7);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.dining-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.dining-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e53e3e,#c53030);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.dining-title p{color:#4a5568;font-size:1.1rem;line-height:1.6}.dining-controls{align-items:center;display:flex;gap:1rem}.filter-dropdown:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.dining-content{margin:0 auto;max-width:1200px}.recommendation-card{position:relative}.type-icon{color:#e53e3e}.priority-badge.high{background:#e53e3e}.priority-badge.medium{background:#ed8936}.priority-badge.low{background:#38a169}.tag{color:#e53e3e}.action-button.primary{background:linear-gradient(135deg,#e53e3e,#c53030)}.action-button.primary:hover{background:linear-gradient(135deg,#c53030,#9b2c2c)}.dining-ad{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #feb2b2;border-radius:16px;margin:2rem 0;padding:2rem}.ad-label{background:#e53e3e}.ad-category{color:#c53030}.ad-features span{background:#e53e3e1a;color:#c53030}.ad-button{background:#e53e3e}.ad-button:hover{background:#c53030}.dining-upgrade-banner{background:linear-gradient(135deg,#e53e3e,#c53030);border-radius:16px;color:#fff;margin:2rem 0;padding:2rem;text-align:center}.upgrade-button{color:#e53e3e}.dining-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:768px){.dining-container{padding:1.5rem 1rem}.dining-header{flex-direction:column;gap:1.5rem}.dining-title h1{font-size:2rem}.dining-title p{font-size:1rem}.recommendations-grid{gap:1.5rem;grid-template-columns:1fr}.recommendation-card{margin-bottom:1rem}.recommendation-header{padding:1rem 1rem 0}.type-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}.recommendation-body{padding:.75rem 1rem}.recommendation-body h3{font-size:1.1rem}.recommendation-actions{padding:0 1rem 1rem}.dining-upgrade-banner{padding:1.5rem}.upgrade-content h3{font-size:1.25rem}}@media (max-width:480px){.dining-title h1{font-size:1.75rem}.recommendation-header{align-items:flex-start;flex-direction:column;gap:1rem}.type-icon{font-size:1.25rem;height:2rem;width:2rem}.recommendation-body{padding:.5rem 1rem}.recommendation-body h3{font-size:1rem}.recommendation-body p{font-size:.9rem}.recommendation-meta{flex-direction:column;gap:.5rem}.tag{font-size:.75rem}.action-button{font-size:.8rem;padding:.5rem .75rem}.dining-upgrade-banner{padding:1rem}.upgrade-content h3{font-size:1.1rem}.upgrade-content p{font-size:.9rem}.upgrade-button{font-size:.9rem;padding:.5rem 1.5rem}}@media print{.dining-container{background:#fff;padding:0}.recommendation-card{border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}.dining-ad,.dining-upgrade-banner{display:none}}.set-indicator{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.auto-rotation-indicator{position:absolute;right:.5rem;top:.5rem;z-index:10}.rotation-badge{animation:rotate 2s infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem}@keyframes rotate{0%{box-shadow:0 2px 8px #3b82f64d;transform:rotate(0deg)}50%{box-shadow:0 2px 16px #3b82f680;transform:rotate(180deg)}to{box-shadow:0 2px 8px #3b82f64d;transform:rotate(1turn)}}.entertainment-container{background:linear-gradient(135deg,#faf5ff,#e9d5ff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.entertainment-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.entertainment-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.entertainment-title p{color:#4a5568;font-size:1.1rem;line-height:1.6}.entertainment-controls{align-items:center;display:flex;gap:1rem}.filter-dropdown:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.entertainment-content{margin:0 auto;max-width:1200px}.type-icon{background:#faf5ff;color:#8b5cf6}.priority-badge.high{background:#8b5cf6}.priority-badge.medium{background:#a855f7}.priority-badge.low{background:#c084fc}.tag{background:#faf5ff;color:#8b5cf6}.action-button.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.action-button.primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.entertainment-ad{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border:1px solid #d8b4fe;border-radius:16px;margin:2rem 0;padding:2rem}.ad-label{background:#8b5cf6}.ad-category{color:#7c3aed}.ad-features span{background:#8b5cf61a;color:#7c3aed}.ad-button{background:#8b5cf6}.ad-button:hover{background:#7c3aed}.entertainment-upgrade-banner{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:16px;color:#fff;margin:2rem 0;padding:2rem;text-align:center}.upgrade-button{color:#8b5cf6}.entertainment-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:768px){.entertainment-container{padding:1.5rem 1rem}.entertainment-header{flex-direction:column;gap:1.5rem}.entertainment-title h1{font-size:2rem}.entertainment-title p{font-size:1rem}.recommendations-grid{gap:1.5rem;grid-template-columns:1fr}.recommendation-card{margin-bottom:1rem}.recommendation-header{padding:1rem 1rem 0}.type-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}.recommendation-body{padding:.75rem 1rem}.recommendation-body h3{font-size:1.1rem}.recommendation-actions{padding:0 1rem 1rem}.entertainment-upgrade-banner{padding:1.5rem}.upgrade-content h3{font-size:1.25rem}}@media (max-width:480px){.entertainment-title h1{font-size:1.75rem}.recommendation-header{align-items:flex-start;flex-direction:column;gap:1rem}.type-icon{font-size:1.25rem;height:2rem;width:2rem}.recommendation-body{padding:.5rem 1rem}.recommendation-body h3{font-size:1rem}.recommendation-body p{font-size:.9rem}.recommendation-meta{flex-direction:column;gap:.5rem}.tag{font-size:.75rem}.action-button{font-size:.8rem;padding:.5rem .75rem}.entertainment-upgrade-banner{padding:1rem}.upgrade-content h3{font-size:1.1rem}.upgrade-content p{font-size:.9rem}.upgrade-button{font-size:.9rem;padding:.5rem 1.5rem}}@media print{.entertainment-container{background:#fff;padding:0}.recommendation-card{border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}.entertainment-ad,.entertainment-upgrade-banner{display:none}}.finance-container{background:linear-gradient(135deg,#f0fdf4,#dcfce7);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.finance-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.finance-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.finance-title p{color:#4a5568;font-size:1.1rem;line-height:1.6}.finance-controls{align-items:center;display:flex;gap:1rem}.filter-dropdown:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.finance-content{margin:0 auto;max-width:1200px}.type-icon{background:#f0fdf4;color:#10b981}.priority-badge.high{background:#10b981}.priority-badge.medium{background:#34d399}.priority-badge.low{background:#6ee7b7}.tag{background:#f0fdf4;color:#10b981}.action-button.primary{background:linear-gradient(135deg,#10b981,#059669)}.action-button.primary:hover{background:linear-gradient(135deg,#059669,#047857)}.finance-ad{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #bbf7d0;border-radius:16px;margin:2rem 0;padding:2rem}.ad-label{background:#10b981}.ad-category{color:#059669}.ad-features span{background:#10b9811a;color:#059669}.ad-button{background:#10b981}.ad-button:hover{background:#059669}.finance-upgrade-banner{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;color:#fff;margin:2rem 0;padding:2rem;text-align:center}.upgrade-button{color:#10b981}.finance-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:768px){.finance-container{padding:1.5rem 1rem}.finance-header{flex-direction:column;gap:1.5rem}.finance-title h1{font-size:2rem}.finance-title p{font-size:1rem}.recommendations-grid{gap:1.5rem;grid-template-columns:1fr}.recommendation-card{margin-bottom:1rem}.recommendation-header{padding:1rem 1rem 0}.type-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}.recommendation-body{padding:.75rem 1rem}.recommendation-body h3{font-size:1.1rem}.recommendation-actions{padding:0 1rem 1rem}.finance-upgrade-banner{padding:1.5rem}.upgrade-content h3{font-size:1.25rem}}@media (max-width:480px){.finance-title h1{font-size:1.75rem}.recommendation-header{align-items:flex-start;flex-direction:column;gap:1rem}.type-icon{font-size:1.25rem;height:2rem;width:2rem}.recommendation-body{padding:.5rem 1rem}.recommendation-body h3{font-size:1rem}.recommendation-body p{font-size:.9rem}.recommendation-meta{flex-direction:column;gap:.5rem}.tag{font-size:.75rem}.action-button{font-size:.8rem;padding:.5rem .75rem}.finance-upgrade-banner{padding:1rem}.upgrade-content h3{font-size:1.1rem}.upgrade-content p{font-size:.9rem}.upgrade-button{font-size:.9rem;padding:.5rem 1.5rem}}@media print{.finance-container{background:#fff;padding:0}.recommendation-card{border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}.finance-ad,.finance-upgrade-banner{display:none}}.set-indicator{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.hobbies-container{background:linear-gradient(135deg,#fffbeb,#fef3c7);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.hobbies-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.hobbies-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.hobbies-title p{color:#4a5568;font-size:1.1rem;line-height:1.6}.hobbies-controls{align-items:center;display:flex;gap:1rem}.filter-dropdown:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.refresh-button{background:linear-gradient(135deg,#f59e0b,#d97706)}.refresh-button:hover{box-shadow:0 8px 25px #f59e0b4d}.hobbies-content{margin:0 auto;max-width:1200px}.type-icon{background:#fffbeb;color:#f59e0b}.priority-badge.high{background:#f59e0b}.priority-badge.medium{background:#fbbf24}.priority-badge.low{background:#fcd34d}.tag{background:#fffbeb;color:#f59e0b}.action-button.primary{background:linear-gradient(135deg,#f59e0b,#d97706)}.action-button.primary:hover{background:linear-gradient(135deg,#d97706,#b45309)}.hobbies-ad{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fde68a;border-radius:16px;margin:2rem 0;padding:2rem}.ad-label{background:#f59e0b}.ad-category{color:#d97706}.ad-features span{background:#f59e0b1a;color:#d97706}.ad-button{background:#f59e0b}.ad-button:hover{background:#d97706}.hobbies-upgrade-banner{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:16px;color:#fff;margin:2rem 0;padding:2rem;text-align:center}.upgrade-button{color:#f59e0b}.hobbies-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:768px){.hobbies-container{padding:1.5rem 1rem}.hobbies-header{flex-direction:column;gap:1.5rem}.hobbies-title h1{font-size:2rem}.hobbies-title p{font-size:1rem}.recommendations-grid{gap:1.5rem;grid-template-columns:1fr}.recommendation-card{margin-bottom:1rem}.recommendation-header{padding:1rem 1rem 0}.type-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}.recommendation-body{padding:.75rem 1rem}.recommendation-body h3{font-size:1.1rem}.recommendation-actions{padding:0 1rem 1rem}.hobbies-upgrade-banner{padding:1.5rem}.upgrade-content h3{font-size:1.25rem}}@media (max-width:480px){.hobbies-title h1{font-size:1.75rem}.recommendation-header{align-items:flex-start;flex-direction:column;gap:1rem}.type-icon{font-size:1.25rem;height:2rem;width:2rem}.recommendation-body{padding:.5rem 1rem}.recommendation-body h3{font-size:1rem}.recommendation-body p{font-size:.9rem}.recommendation-meta{flex-direction:column;gap:.5rem}.tag{font-size:.75rem}.action-button{font-size:.8rem;padding:.5rem .75rem}.hobbies-upgrade-banner{padding:1rem}.upgrade-content h3{font-size:1.1rem}.upgrade-content p{font-size:.9rem}.upgrade-button{font-size:.9rem;padding:.5rem 1.5rem}}@media print{.hobbies-container{background:#fff;padding:0}.recommendation-card{border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}.hobbies-ad,.hobbies-upgrade-banner{display:none}}.set-indicator{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.home-container{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.home-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.home-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#14b8a6,#0d9488);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.home-title p{color:#4a5568;font-size:1.1rem;line-height:1.6}.home-controls{align-items:center;display:flex;gap:1rem}.filter-dropdown:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.home-content{margin:0 auto;max-width:1200px}.type-icon{background:#f0fdfa;color:#14b8a6}.priority-badge.high{background:#14b8a6}.priority-badge.medium{background:#2dd4bf}.priority-badge.low{background:#5eead4}.tag{background:#f0fdfa;color:#14b8a6}.action-button.primary{background:linear-gradient(135deg,#14b8a6,#0d9488)}.action-button.primary:hover{background:linear-gradient(135deg,#0d9488,#0f766e)}.home-ad{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border:1px solid #99f6e4;border-radius:16px;margin:2rem 0;padding:2rem}.ad-label{background:#14b8a6}.ad-category{color:#0d9488}.ad-features span{background:#14b8a61a;color:#0d9488}.ad-button{background:#14b8a6}.ad-button:hover{background:#0d9488}.home-upgrade-banner{background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:16px;color:#fff;margin:2rem 0;padding:2rem;text-align:center}.upgrade-button{color:#14b8a6}.home-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:768px){.home-container{padding:1.5rem 1rem}.home-header{flex-direction:column;gap:1.5rem}.home-title h1{font-size:2rem}.home-title p{font-size:1rem}.recommendations-grid{gap:1.5rem;grid-template-columns:1fr}.recommendation-card{margin-bottom:1rem}.recommendation-header{padding:1rem 1rem 0}.type-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}.recommendation-body{padding:.75rem 1rem}.recommendation-body h3{font-size:1.1rem}.recommendation-actions{padding:0 1rem 1rem}.home-upgrade-banner{padding:1.5rem}.upgrade-content h3{font-size:1.25rem}}@media (max-width:480px){.home-title h1{font-size:1.75rem}.recommendation-header{align-items:flex-start;flex-direction:column;gap:1rem}.type-icon{font-size:1.25rem;height:2rem;width:2rem}.recommendation-body{padding:.5rem 1rem}.recommendation-body h3{font-size:1rem}.recommendation-body p{font-size:.9rem}.recommendation-meta{flex-direction:column;gap:.5rem}.tag{font-size:.75rem}.action-button{font-size:.8rem;padding:.5rem .75rem}.home-upgrade-banner{padding:1rem}.upgrade-content h3{font-size:1.1rem}.upgrade-content p{font-size:.9rem}.upgrade-button{font-size:.9rem;padding:.5rem 1.5rem}}@media print{.home-container{background:#fff;padding:0}.recommendation-card{border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}.home-ad,.home-upgrade-banner{display:none}}.rotation-info{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.set-indicator{background:#6b72801a;border:1px solid #6b728033;border-radius:12px;color:#6b7280;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.productivity-container{background:linear-gradient(135deg,#eff6ff,#dbeafe);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.productivity-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.productivity-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.productivity-title p{color:#4a5568;font-size:1.1rem;line-height:1.6}.productivity-controls{align-items:center;display:flex;gap:1rem}.filter-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.productivity-content{margin:0 auto;max-width:1200px}.type-icon{background:#eff6ff;color:#3b82f6}.priority-badge.high{background:#3b82f6}.priority-badge.medium{background:#60a5fa}.priority-badge.low{background:#93c5fd}.tag{background:#eff6ff;color:#3b82f6}.action-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.action-button.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.productivity-ad{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #bfdbfe;border-radius:16px;margin:2rem 0;padding:2rem}.ad-label{background:#3b82f6}.ad-category{color:#2563eb}.ad-features span{background:#3b82f61a;color:#2563eb}.ad-button{background:#3b82f6}.ad-button:hover{background:#2563eb}.productivity-upgrade-banner{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;color:#fff;margin:2rem 0;padding:2rem;text-align:center}.upgrade-button{color:#3b82f6}.productivity-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:768px){.productivity-container{padding:1.5rem 1rem}.productivity-header{flex-direction:column;gap:1.5rem}.productivity-title h1{font-size:2rem}.productivity-title p{font-size:1rem}.recommendations-grid{gap:1.5rem;grid-template-columns:1fr}.recommendation-card{margin-bottom:1rem}.recommendation-header{padding:1rem 1rem 0}.type-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}.recommendation-body{padding:.75rem 1rem}.recommendation-body h3{font-size:1.1rem}.recommendation-actions{padding:0 1rem 1rem}.productivity-upgrade-banner{padding:1.5rem}.upgrade-content h3{font-size:1.25rem}}@media (max-width:480px){.productivity-title h1{font-size:1.75rem}.recommendation-header{align-items:flex-start;flex-direction:column;gap:1rem}.type-icon{font-size:1.25rem;height:2rem;width:2rem}.recommendation-body{padding:.5rem 1rem}.recommendation-body h3{font-size:1rem}.recommendation-body p{font-size:.9rem}.recommendation-meta{flex-direction:column;gap:.5rem}.tag{font-size:.75rem}.action-button{font-size:.8rem;padding:.5rem .75rem}.productivity-upgrade-banner{padding:1rem}.upgrade-content h3{font-size:1.1rem}.upgrade-content p{font-size:.9rem}.upgrade-button{font-size:.9rem;padding:.5rem 1.5rem}}@media print{.productivity-container{background:#fff;padding:0}.recommendation-card{border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}.productivity-ad,.productivity-upgrade-banner{display:none}}.security-container{background:linear-gradient(135deg,#fef2f2,#fecaca);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.security-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.security-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.security-title p{color:#4a5568;font-size:1.1rem;line-height:1.6}.security-controls{align-items:center;display:flex;gap:1rem}.filter-dropdown:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.security-content{margin:0 auto;max-width:1200px}.type-icon{background:#fef2f2;color:#ef4444}.priority-badge.high{background:#ef4444}.priority-badge.medium{background:#f87171}.priority-badge.low{background:#fca5a5}.tag{background:#fef2f2;color:#ef4444}.action-button.primary{background:linear-gradient(135deg,#ef4444,#dc2626)}.action-button.primary:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.security-ad{background:linear-gradient(135deg,#fecaca,#fca5a5);border:1px solid #fca5a5;border-radius:16px;margin:2rem 0;padding:2rem}.ad-label{background:#ef4444}.ad-category{color:#dc2626}.ad-features span{background:#ef44441a;color:#dc2626}.ad-button{background:#ef4444}.ad-button:hover{background:#dc2626}.security-upgrade-banner{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:16px;color:#fff;margin:2rem 0;padding:2rem;text-align:center}.upgrade-button{color:#ef4444}.security-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:768px){.security-container{padding:1.5rem 1rem}.security-header{flex-direction:column;gap:1.5rem}.security-title h1{font-size:2rem}.security-title p{font-size:1rem}.recommendations-grid{gap:1.5rem;grid-template-columns:1fr}.recommendation-card{margin-bottom:1rem}.recommendation-header{padding:1rem 1rem 0}.type-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}.recommendation-body{padding:.75rem 1rem}.recommendation-body h3{font-size:1.1rem}.recommendation-actions{padding:0 1rem 1rem}.security-upgrade-banner{padding:1.5rem}.upgrade-content h3{font-size:1.25rem}}@media (max-width:480px){.security-title h1{font-size:1.75rem}.recommendation-header{align-items:flex-start;flex-direction:column;gap:1rem}.type-icon{font-size:1.25rem;height:2rem;width:2rem}.recommendation-body{padding:.5rem 1rem}.recommendation-body h3{font-size:1rem}.recommendation-body p{font-size:.9rem}.recommendation-meta{flex-direction:column;gap:.5rem}.tag{font-size:.75rem}.action-button{font-size:.8rem;padding:.5rem .75rem}.security-upgrade-banner{padding:1rem}.upgrade-content h3{font-size:1.1rem}.upgrade-content p{font-size:.9rem}.upgrade-button{font-size:.9rem;padding:.5rem 1.5rem}}@media print{.security-container{background:#fff;padding:0}.recommendation-card{border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}.security-ad,.security-upgrade-banner{display:none}}.shopping-container{background:linear-gradient(135deg,#fdf2f8,#fce7f3);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.shopping-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.shopping-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ec4899,#db2777);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.shopping-title p{color:#4a5568;font-size:1.1rem;line-height:1.6}.shopping-controls{align-items:center;display:flex;gap:1rem}.filter-dropdown:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.shopping-content{margin:0 auto;max-width:1200px}.type-icon{background:#fdf2f8;color:#ec4899}.priority-badge.high{background:#ec4899}.priority-badge.medium{background:#f472b6}.priority-badge.low{background:#f9a8d4}.tag{background:#fdf2f8;color:#ec4899}.action-button.primary{background:linear-gradient(135deg,#ec4899,#db2777)}.action-button.primary:hover{background:linear-gradient(135deg,#db2777,#be185d)}.shopping-ad{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border:1px solid #fbcfe8;border-radius:16px;margin:2rem 0;padding:2rem}.ad-label{background:#ec4899}.ad-category{color:#db2777}.ad-features span{background:#ec48991a;color:#db2777}.ad-button{background:#ec4899}.ad-button:hover{background:#db2777}.shopping-upgrade-banner{background:linear-gradient(135deg,#ec4899,#db2777);border-radius:16px;color:#fff;margin:2rem 0;padding:2rem;text-align:center}.upgrade-button{color:#ec4899}.shopping-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:768px){.shopping-container{padding:1.5rem 1rem}.shopping-header{flex-direction:column;gap:1.5rem}.shopping-title h1{font-size:2rem}.shopping-title p{font-size:1rem}.recommendations-grid{gap:1.5rem;grid-template-columns:1fr}.recommendation-card{margin-bottom:1rem}.recommendation-header{padding:1rem 1rem 0}.type-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}.recommendation-body{padding:.75rem 1rem}.recommendation-body h3{font-size:1.1rem}.recommendation-actions{padding:0 1rem 1rem}.shopping-upgrade-banner{padding:1.5rem}.upgrade-content h3{font-size:1.25rem}}@media (max-width:480px){.shopping-title h1{font-size:1.75rem}.recommendation-header{align-items:flex-start;flex-direction:column;gap:1rem}.type-icon{font-size:1.25rem;height:2rem;width:2rem}.recommendation-body{padding:.5rem 1rem}.recommendation-body h3{font-size:1rem}.recommendation-body p{font-size:.9rem}.recommendation-meta{flex-direction:column;gap:.5rem}.tag{font-size:.75rem}.action-button{font-size:.8rem;padding:.5rem .75rem}.shopping-upgrade-banner{padding:1rem}.upgrade-content h3{font-size:1.1rem}.upgrade-content p{font-size:.9rem}.upgrade-button{font-size:.9rem;padding:.5rem 1.5rem}}@media print{.shopping-container{background:#fff;padding:0}.recommendation-card{border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}.shopping-ad,.shopping-upgrade-banner{display:none}}.social-container{background:linear-gradient(135deg,#ecfeff,#cffafe);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.social-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.social-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.social-title p{color:#4a5568;font-size:1.1rem;line-height:1.6}.social-controls{align-items:center;display:flex;gap:1rem}.filter-dropdown:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.social-content{margin:0 auto;max-width:1200px}.type-icon{background:#ecfeff;color:#06b6d4}.priority-badge.high{background:#06b6d4}.priority-badge.medium{background:#22d3ee}.priority-badge.low{background:#67e8f9}.tag{background:#ecfeff;color:#06b6d4}.action-button.primary{background:linear-gradient(135deg,#06b6d4,#0891b2)}.action-button.primary:hover{background:linear-gradient(135deg,#0891b2,#0e7490)}.social-ad{background:linear-gradient(135deg,#cffafe,#a5f3fc);border:1px solid #a5f3fc;border-radius:16px;margin:2rem 0;padding:2rem}.ad-label{background:#06b6d4}.ad-category{color:#0891b2}.ad-features span{background:#06b6d41a;color:#0891b2}.ad-button{background:#06b6d4}.ad-button:hover{background:#0891b2}.social-upgrade-banner{background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:16px;color:#fff;margin:2rem 0;padding:2rem;text-align:center}.upgrade-button{color:#06b6d4}.social-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:768px){.social-container{padding:1.5rem 1rem}.social-header{flex-direction:column;gap:1.5rem}.social-title h1{font-size:2rem}.social-title p{font-size:1rem}.recommendations-grid{gap:1.5rem;grid-template-columns:1fr}.recommendation-card{margin-bottom:1rem}.recommendation-header{padding:1rem 1rem 0}.type-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}.recommendation-body{padding:.75rem 1rem}.recommendation-body h3{font-size:1.1rem}.recommendation-actions{padding:0 1rem 1rem}.social-upgrade-banner{padding:1.5rem}.upgrade-content h3{font-size:1.25rem}}@media (max-width:480px){.social-title h1{font-size:1.75rem}.recommendation-header{align-items:flex-start;flex-direction:column;gap:1rem}.type-icon{font-size:1.25rem;height:2rem;width:2rem}.recommendation-body{padding:.5rem 1rem}.recommendation-body h3{font-size:1rem}.recommendation-body p{font-size:.9rem}.recommendation-meta{flex-direction:column;gap:.5rem}.tag{font-size:.75rem}.action-button{font-size:.8rem;padding:.5rem .75rem}.social-upgrade-banner{padding:1rem}.upgrade-content h3{font-size:1.1rem}.upgrade-content p{font-size:.9rem}.upgrade-button{font-size:.9rem;padding:.5rem 1.5rem}}@media print{.social-container{background:#fff;padding:0}.recommendation-card{border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}.social-ad,.social-upgrade-banner{display:none}}.travel-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.travel-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.travel-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#0284c7);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.travel-title p{color:#4a5568;font-size:1.1rem;line-height:1.6}.travel-controls{align-items:center;display:flex;gap:1rem}.filter-dropdown:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.travel-content{margin:0 auto;max-width:1200px}.type-icon{background:#f0f9ff;color:#0ea5e9}.priority-badge.high{background:#0ea5e9}.priority-badge.medium{background:#38bdf8}.priority-badge.low{background:#7dd3fc}.tag{background:#f0f9ff;color:#0ea5e9}.action-button.primary{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.action-button.primary:hover{background:linear-gradient(135deg,#0284c7,#0369a1)}.travel-ad{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #bae6fd;border-radius:16px;margin:2rem 0;padding:2rem}.ad-label{background:#0ea5e9}.ad-category{color:#0284c7}.ad-features span{background:#0ea5e91a;color:#0284c7}.ad-button{background:#0ea5e9}.ad-button:hover{background:#0284c7}.travel-upgrade-banner{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:16px;color:#fff;margin:2rem 0;padding:2rem;text-align:center}.upgrade-button{color:#0ea5e9}.travel-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:768px){.travel-container{padding:1.5rem 1rem}.travel-header{flex-direction:column;gap:1.5rem}.travel-title h1{font-size:2rem}.travel-title p{font-size:1rem}.recommendations-grid{gap:1.5rem;grid-template-columns:1fr}.recommendation-card{margin-bottom:1rem}.recommendation-header{padding:1rem 1rem 0}.type-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}.recommendation-body{padding:.75rem 1rem}.recommendation-body h3{font-size:1.1rem}.recommendation-actions{padding:0 1rem 1rem}.travel-upgrade-banner{padding:1.5rem}.upgrade-content h3{font-size:1.25rem}}@media (max-width:480px){.travel-title h1{font-size:1.75rem}.recommendation-header{align-items:flex-start;flex-direction:column;gap:1rem}.type-icon{font-size:1.25rem;height:2rem;width:2rem}.recommendation-body{padding:.5rem 1rem}.recommendation-body h3{font-size:1rem}.recommendation-body p{font-size:.9rem}.recommendation-meta{flex-direction:column;gap:.5rem}.tag{font-size:.75rem}.action-button{font-size:.8rem;padding:.5rem .75rem}.travel-upgrade-banner{padding:1rem}.upgrade-content h3{font-size:1.1rem}.upgrade-content p{font-size:.9rem}.upgrade-button{font-size:.9rem;padding:.5rem 1.5rem}}@media print{.travel-container{background:#fff;padding:0}.recommendation-card{border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}.travel-ad,.travel-upgrade-banner{display:none}}.wellness-container{background:linear-gradient(135deg,#f7fee7,#ecfccb);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem}.wellness-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.wellness-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#65a30d);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.wellness-title p{color:#4a5568;font-size:1.1rem;line-height:1.6}.wellness-controls{align-items:center;display:flex;gap:1rem}.filter-selector{display:flex;flex-direction:column;gap:.5rem}.filter-selector label{color:#4a5568;font-size:.9rem;font-weight:600}.filter-dropdown{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:1rem;min-width:150px;padding:.75rem 1rem;transition:all .2s ease}.filter-dropdown:focus{border-color:#84cc16;box-shadow:0 0 0 3px #84cc161a;outline:none}.refresh-button{background:linear-gradient(135deg,#14b8a6,#0d9488)}.refresh-button:hover{box-shadow:0 8px 25px #14b8a64d}.wellness-content{margin:0 auto;max-width:1200px}.recommendations-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.recommendation-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px #0000001a;overflow:hidden;transition:all .3s ease}.recommendation-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.recommendation-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.type-icon{align-items:center;background:#f7fee7;border-radius:12px;color:#84cc16;display:flex;font-size:2rem;height:3rem;justify-content:center;width:3rem}.priority-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.priority-badge.high{background:#84cc16}.priority-badge.medium{background:#a3e635}.priority-badge.low{background:#bef264}.recommendation-body{padding:1rem 1.5rem}.recommendation-body h3{color:#2d3748;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.recommendation-body p{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:1rem}.recommendation-meta{color:#6b7280;display:flex;font-size:.9rem;gap:1rem;margin-bottom:1rem}.difficulty,.time-estimate{align-items:center;display:flex;gap:.25rem}.recommendation-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#f7fee7;border-radius:20px;color:#84cc16;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.recommendation-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.action-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.action-button.primary{background:linear-gradient(135deg,#84cc16,#65a30d);color:#fff}.action-button.primary:hover{background:linear-gradient(135deg,#65a30d,#4d7c0f);transform:translateY(-1px)}.action-button.secondary{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.action-button.secondary:hover{background:#edf2f7;border-color:#cbd5e0}.wellness-ad{background:linear-gradient(135deg,#ecfccb,#d9f99d);border:1px solid #d9f99d;border-radius:16px;margin:2rem 0;padding:2rem}.ad-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.ad-label{background:#84cc16;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.ad-category{color:#65a30d;font-size:.9rem;font-weight:600}.ad-content h4{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.ad-content p{color:#4a5568;line-height:1.6;margin-bottom:1rem}.ad-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.ad-features span{background:#84cc161a;border-radius:20px;color:#65a30d;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.ad-button{background:#84cc16;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.ad-button:hover{background:#65a30d;transform:translateY(-1px)}.wellness-upgrade-banner{background:linear-gradient(135deg,#84cc16,#65a30d);border-radius:16px;color:#fff;margin:2rem 0;padding:2rem;text-align:center}.upgrade-content h3{font-weight:700;margin-bottom:.5rem}.upgrade-content p{margin-bottom:1.5rem}.upgrade-button{color:#84cc16;padding:.75rem 2rem;transition:all .2s ease}.upgrade-button:hover{background:#f7fafc;transform:translateY(-1px)}.wellness-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:60vh}@media (max-width:1024px){.recommendations-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.wellness-container{padding:1.5rem 1rem}.wellness-header{flex-direction:column;gap:1.5rem}.wellness-title h1{font-size:2rem}.wellness-title p{font-size:1rem}.recommendations-grid{gap:1.5rem;grid-template-columns:1fr}.recommendation-card{margin-bottom:1rem}.recommendation-header{padding:1rem 1rem 0}.type-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}.recommendation-body{padding:.75rem 1rem}.recommendation-body h3{font-size:1.1rem}.recommendation-actions{padding:0 1rem 1rem}.wellness-upgrade-banner{padding:1.5rem}.upgrade-content h3{font-size:1.25rem}}@media (max-width:480px){.wellness-title h1{font-size:1.75rem}.recommendation-header{align-items:flex-start;flex-direction:column;gap:1rem}.type-icon{font-size:1.25rem;height:2rem;width:2rem}.recommendation-body{padding:.5rem 1rem}.recommendation-body h3{font-size:1rem}.recommendation-body p{font-size:.9rem}.recommendation-meta{flex-direction:column;gap:.5rem}.tag{font-size:.75rem}.action-button{font-size:.8rem;padding:.5rem .75rem}.wellness-upgrade-banner{padding:1rem}.upgrade-content h3{font-size:1.1rem}.upgrade-content p{font-size:.9rem}.upgrade-button{font-size:.9rem;padding:.5rem 1.5rem}}@media print{.wellness-container{background:#fff;padding:0}.recommendation-card{border:1px solid #e2e8f0;box-shadow:none;page-break-inside:avoid}.wellness-ad,.wellness-upgrade-banner{display:none}}.card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem;position:relative}.feedback-indicator{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 4px 12px #10b9814d;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;width:36px;z-index:10}.checkmark-icon{color:#fff;font-size:1.25rem;font-weight:700;line-height:1;text-shadow:0 1px 2px #0000001a}.recommendation-card.has-feedback .card-content{padding-top:.5rem}@media (max-width:768px){.feedback-indicator{height:32px;right:.75rem;top:.75rem;width:32px}.checkmark-icon{font-size:1.1rem}}@media (max-width:480px){.feedback-indicator{height:28px;right:.5rem;top:.5rem;width:28px}.checkmark-icon{font-size:1rem}}.recommendations-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.rotation-controls-container{margin:0 auto 2rem;max-width:1200px}.rotation-controls{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #3b82f6;border-radius:12px;box-shadow:0 4px 6px #0000001a;gap:1.5rem;justify-content:space-between;padding:1rem;transition:all .3s ease}.rotation-controls:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.rotation-toggle,.toggle-label{align-items:center;display:flex}.toggle-label{color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:600;gap:.75rem;-webkit-user-select:none;user-select:none}.toggle-input{display:none}.toggle-slider{background-color:#cbd5e0;border-radius:12px;height:24px;position:relative;transition:background-color .3s ease;width:50px}.toggle-slider:before{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-input:checked+.toggle-slider:before{transform:translateX(26px)}.interval-selector{flex-direction:column;gap:.5rem}.interval-selector label{color:#4a5568}.interval-dropdown{border:2px solid #e2e8f0;color:#2d3748;min-width:120px;padding:.75rem 1rem}.interval-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rotation-status{align-items:center;display:flex;flex-direction:column;gap:.25rem}.status-indicator{color:#4a5568;font-size:.8rem;font-weight:600}.time-remaining{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;font-size:.9rem;font-weight:700;transition:all .3s ease}.time-remaining.time-critical{-webkit-text-fill-color:#0000;animation:pulse-critical 1s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;color:#ef4444}.time-remaining.time-paused{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;color:#f59e0b}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}.timer-container{display:flex;flex-direction:column;gap:.5rem;max-width:300px;width:100%}.timer-progress-bar{background:#667eea33;border-radius:2px;height:4px;overflow:hidden;width:100%}.timer-progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width 1s ease}.timer-progress-bar .timer-progress-fill.time-critical{background:linear-gradient(135deg,#ef4444,#dc2626)}.rotation-count{background:#d1fae5;border-radius:4px;color:#059669;font-size:.8rem;font-weight:600;margin-top:.25rem;padding:.25rem .5rem}.refresh-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.refresh-button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.refresh-button:active{transform:translateY(0)}.refresh-button.rotating{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.7}.refresh-button.rotating:hover{box-shadow:none;transform:none}.rotation-controls[data-rotating=true]{animation:pulse 2s infinite;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#059669!important}.recommendations-error{align-items:center;background:#ffffff1a;border-radius:12px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:20px;min-height:60vh;padding:40px;text-align:center}.recommendations-error h2{color:#fff;font-size:2rem;margin-bottom:16px}.recommendations-error p{color:#fffc;font-size:1.1rem}.upgrade-prompt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin:20px 0;padding:24px}.upgrade-content{color:#fff;text-align:center}.upgrade-content h3{color:#fff;font-size:1.5rem;margin-bottom:12px}.upgrade-content p{color:#fffc;font-size:1rem;margin-bottom:20px}.upgrade-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;max-width:200px;padding:12px 24px;width:auto}.upgrade-button:hover{box-shadow:0 6px 20px #ff6b6b66}.upgrade-button:active{transform:translateY(0)}.settings-actions{align-items:center;display:flex;gap:1rem;margin-left:auto}.settings-saved{animation:fadeInOut 2s ease-in-out;background:#d1fae5;color:#059669}.auto-applied-settings,.settings-saved{border-radius:4px;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.auto-applied-settings{animation:fadeInOut 3s ease-in-out;background:#dbeafe;color:#1d4ed8;text-transform:capitalize}.reset-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.reset-button:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.reset-button:active{transform:translateY(0)}@media (max-width:768px){.recommendations-page{padding:16px}.rotation-controls{align-items:stretch;flex-direction:column;gap:1rem}.rotation-status{align-items:center;flex-direction:row;justify-content:space-between}.time-remaining{font-size:.8rem}.recommendations-error{margin:16px;padding:30px}.recommendations-error h2{font-size:1.5rem}.upgrade-prompt{margin:16px 0;padding:20px}.upgrade-content h3{font-size:1.3rem}.settings-actions{flex-direction:column;gap:.5rem;justify-content:center;margin-left:0;order:4}.rotation-status{order:3}}@media (max-width:480px){.recommendations-page{padding:12px}.rotation-controls{padding:.75rem}.rotation-status{flex-direction:column;gap:.25rem}.recommendations-error{margin:12px;padding:24px}.upgrade-prompt{margin:12px 0;padding:16px}.settings-actions{flex-direction:column;gap:.5rem}.settings-saved{font-size:.75rem;padding:.2rem .4rem}.reset-button{font-size:.75rem;padding:.4rem .8rem}}.category-interval-settings{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #64748b;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:1.5rem;padding:1.5rem}.category-interval-settings h4{color:#334155;font-size:1.1rem;font-weight:600;margin:0 0 1rem;text-align:center}.category-intervals-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:300px;overflow-y:auto;padding:.5rem}.category-interval-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:.75rem;padding:.5rem;transition:all .2s ease}.category-interval-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.category-label{color:#475569;font-size:.85rem;font-weight:500;min-width:80px;text-align:right}.category-interval-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;flex:1 1;font-size:.85rem;padding:.5rem;transition:all .2s ease}.category-interval-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.category-interval-dropdown:hover{border-color:#9ca3af}@media (max-width:768px){.category-intervals-grid{grid-template-columns:1fr;max-height:250px}.category-interval-item{align-items:stretch;flex-direction:column;gap:.5rem}.category-label{min-width:auto;text-align:left}}@media (max-width:480px){.category-interval-settings{padding:1rem}.category-intervals-grid{max-height:200px}}.recommendations-overview{margin:0 auto;max-width:1200px;padding:20px}.overview-header{margin-bottom:40px;text-align:center}.overview-title{margin-bottom:30px}.overview-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:10px}.overview-header p{color:#6b7280;font-size:1.1rem;margin:0}.overview-controls{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;padding:20px}.rotation-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.interval-selector{align-items:center;display:flex;gap:10px}.interval-selector label{color:#374151;font-size:.9rem;font-weight:600}.interval-dropdown{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 12px;transition:all .2s ease}.interval-dropdown:hover{border-color:#9ca3af}.interval-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.save-settings-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.save-settings-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.save-settings-button:active{transform:translateY(0)}.save-success-message{animation:fadeInOut 2s ease-in-out;color:#059669;font-size:.9rem;font-weight:600}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.global-refresh-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.global-refresh-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.global-refresh-button:active{transform:translateY(0)}.rotation-info{margin-top:15px;text-align:center}.rotation-status{background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;color:#6b7280;font-size:.85rem;font-weight:500;padding:6px 12px}.categories-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.category-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;color:inherit;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.category-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-8px)}.category-image-container{height:200px;overflow:hidden;position:relative}.category-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.category-card:hover .category-image{transform:scale(1.05)}.category-overlay{background:linear-gradient(0deg,#000c 0,#0006 50%,#0000);bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0;transform:translateY(0);transition:transform .3s ease}.category-card:hover .category-overlay{transform:translateY(-5px)}.category-name{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.category-description{font-size:.9rem;line-height:1.4;margin:0 0 12px;opacity:.9}.explore-text{display:inline-block;font-size:.9rem;font-weight:500;opacity:.8;transition:transform .3s ease}.category-card:hover .explore-text{transform:translateX(5px)}.upgrade-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-top:40px;padding:40px;text-align:center}.upgrade-content h3{font-size:1.8rem;font-weight:600;margin:0 0 16px}.upgrade-content p{font-size:1.1rem;margin:0 auto 24px;max-width:600px;opacity:.9}.upgrade-button{background:#fff;border:2px solid #0000;border-radius:8px;color:#667eea;display:inline-block;font-size:1rem;font-weight:600;padding:12px 32px;text-decoration:none;transition:all .3s ease}.upgrade-button:hover{background:#0000;border-color:#fff;color:#fff;transform:translateY(-2px)}.overview-loading-note{color:#6b7280;font-size:.9rem}.cancel-subscription-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s ease}.cancel-subscription-button:hover:not(:disabled){box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.cancel-subscription-button:active:not(:disabled){transform:translateY(0)}.cancel-subscription-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6}@media (max-width:768px){.recommendations-overview{padding:16px}.overview-header h1{font-size:2rem}.overview-header p{font-size:1rem}.overview-controls{padding:16px}.rotation-controls{flex-direction:column;gap:15px}.interval-selector{flex-direction:column;gap:8px}.global-refresh-button{justify-content:center;width:100%}.categories-grid{gap:16px;grid-template-columns:1fr}.category-image-container{height:180px}.category-overlay{padding:16px}.category-name{font-size:1.3rem}.upgrade-banner{padding:24px}.upgrade-content h3{font-size:1.5rem}.upgrade-content p{font-size:1rem}}@media (max-width:480px){.overview-header h1{font-size:1.75rem}.category-image-container{height:160px}.category-overlay{padding:12px}.category-name{font-size:1.2rem}.category-description{font-size:.8rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.category-card{animation:fadeInUp .6s ease-out}.category-card:first-child{animation-delay:.1s}.category-card:nth-child(2){animation-delay:.2s}.category-card:nth-child(3){animation-delay:.3s}.category-card:nth-child(4){animation-delay:.4s}.category-card:nth-child(5){animation-delay:.5s}.category-card:nth-child(6){animation-delay:.6s}.category-card:nth-child(7){animation-delay:.7s}.category-card:nth-child(8){animation-delay:.8s}.category-card:nth-child(9){animation-delay:.9s}.category-card:nth-child(10){animation-delay:1s}.category-card:nth-child(11){animation-delay:1.1s}.category-card:nth-child(12){animation-delay:1.2s}.not-found-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem}.not-found-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:grid;grid-template-columns:1fr 1fr;max-width:1000px;min-height:600px;overflow:hidden;width:100%}.not-found-content{display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem}.error-code{animation:pulse 2s infinite;color:#667eea;font-size:6rem;font-weight:900;line-height:1;margin-bottom:1rem;text-shadow:2px 2px 4px #0000001a}.not-found-content h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.not-found-content p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.not-found-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-2px)}.helpful-links h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.links-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.helpful-link{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.helpful-link:hover{background:#edf2f7;box-shadow:0 4px 12px #0000001a;color:#667eea;transform:translateY(-2px)}.link-icon{font-size:1.2rem}.not-found-illustration{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);display:flex;justify-content:center;overflow:hidden;position:relative}.floating-elements{height:100%;position:relative;width:100%}.floating-element{animation:float 6s ease-in-out infinite;font-size:3rem;opacity:.8;position:absolute}.element-1{animation-delay:0s;left:20%;top:20%}.element-2{animation-delay:1.5s;right:20%;top:60%}.element-3{animation-delay:3s;bottom:30%;left:30%}.element-4{animation-delay:4.5s;right:40%;top:40%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(10px) rotate(-5deg)}}@media (max-width:768px){.not-found-card{grid-template-columns:1fr;min-height:auto}.not-found-content{padding:2rem 1.5rem}.error-code{font-size:4rem}.not-found-content h1{font-size:2rem}.not-found-content p{font-size:1rem}.not-found-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.links-grid{grid-template-columns:repeat(2,1fr)}.not-found-illustration{min-height:300px}.floating-element{font-size:2rem}}@media (max-width:480px){.not-found-container{padding:1rem .5rem}.not-found-content{padding:1.5rem 1rem}.error-code{font-size:3rem}.not-found-content h1{font-size:1.75rem}.links-grid{grid-template-columns:1fr}.floating-element{font-size:1.5rem}}.loading-spinner{margin-bottom:1rem}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;min-height:70px;padding:0;position:sticky;top:0;z-index:1001}.navbar-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:70px;padding:0 20px}.navbar-brand,.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#fff;font-size:1.2rem;font-weight:700;text-decoration:none;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.05)}.logo-icon{height:24px;margin-right:10px;object-fit:contain;width:24px}.logo-text{font-weight:600}.navbar-menu{align-items:center;display:flex;flex:1 1;justify-content:space-between;margin-left:30px}.navbar-start{flex-shrink:1}.navbar-end,.navbar-start{align-items:center;display:flex;gap:15px}.navbar-end{flex-shrink:0;min-width:fit-content}.navbar-item{border-radius:8px;color:#fff;font-weight:500;min-width:fit-content;padding:10px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.navbar-item:hover{background:#ffffff1a;transform:translateY(-2px)}.navbar-item.active{background:#fff3;font-weight:600}.navbar-user{flex-shrink:0;gap:15px}.navbar-user,.user-info{align-items:center;display:flex}.user-info{flex-shrink:1;gap:8px}.user-name{color:#fff;font-weight:500}.premium-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.expiry-badge{animation:pulse 2s infinite}.user-menu{gap:12px;min-width:fit-content}.navbar-auth,.user-menu{align-items:center;display:flex}.navbar-auth{gap:10px}.signup-btn{background:#fff3;border:1px solid #ffffff4d}.signup-btn:hover{background:#ffffff4d}.upgrade-link{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-weight:600}.upgrade-link:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}.logout-btn{background:#ef4444cc;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.logout-btn:hover{background:#ef4444}.navbar-burger{cursor:pointer;display:none;flex-direction:column;padding:5px}.navbar-burger span{background:#fff;border-radius:2px;height:3px;margin:3px 0;transition:.3s;width:25px}@media (max-width:768px){.navbar-container{padding:0 15px}.navbar-menu{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 10px #0000001a;flex-direction:column;left:0;opacity:0;padding:20px;position:fixed;right:0;top:70px;transform:scaleY(0);transform-origin:top center;transition:all .3s ease;visibility:hidden;z-index:1001}.navbar-menu.active{opacity:1;transform:scaleY(1);visibility:visible}.navbar-start{margin-bottom:20px}.navbar-end,.navbar-start,.navbar-user{flex-direction:column;gap:10px;width:100%}.user-info{justify-content:center}.navbar-auth,.user-menu{flex-direction:column;gap:10px;width:100%}.navbar-item{padding:12px 15px;text-align:center;width:100%}.navbar-burger{display:flex}.navbar-burger.active span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.navbar-burger.active span:nth-child(2){opacity:0}.navbar-burger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.logo-text{font-size:1rem}}@media (max-width:1024px) and (min-width:769px){.navbar-menu{margin-left:20px}.navbar-start{gap:12px}.navbar-item{font-size:.9rem;padding:10px 14px}.navbar-end{gap:12px}.user-menu{gap:10px}}.navbar-item{overflow:hidden;position:relative}.navbar-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.navbar-item:hover:before{left:100%}.navbar-item:focus{outline:2px solid #ffffff80;outline-offset:2px}.navbar.loading{opacity:.8;pointer-events:none}@media (prefers-color-scheme:dark){.navbar{background:linear-gradient(135deg,#4c1d95,#7c3aed)}}.onboarding-prompt{animation:slideInUp .5s ease-out;bottom:20px;position:fixed;right:20px;z-index:1000}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.prompt-content{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #00000026;display:flex;gap:16px;max-width:320px;padding:20px}.prompt-icon{flex-shrink:0;font-size:24px}.prompt-text{flex:1 1}.prompt-text h3{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 4px}.prompt-text p{color:#718096;font-size:14px;line-height:1.4;margin:0}.prompt-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.prompt-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:768px){.onboarding-prompt{bottom:10px;left:10px;right:10px}.prompt-content{max-width:none;padding:16px}.prompt-text h3{font-size:15px}.prompt-text p{font-size:13px}.prompt-button{font-size:13px;padding:6px 12px}}.two-factor-login{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:6rem auto 0;max-width:400px;padding:2rem}.login-header,.phone-display{margin-bottom:2rem;text-align:center}.phone-display{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.phone-label{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.phone-number{color:#1f2937;font-size:1.125rem;font-weight:500}.action-buttons{display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.login-help{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:center}.login-help p{color:#6b7280;font-size:.75rem}.login-help p:last-child{margin-bottom:0}@media (max-width:640px){.two-factor-login{margin:1rem;padding:1.5rem}.action-buttons{flex-direction:column}}.email-verification-gate{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.verification-container{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;max-width:600px;overflow:hidden;width:100%}.verification-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;text-align:center}.verification-header h1{font-size:2rem;font-weight:700;margin:0 0 1rem}.verification-header p{color:#fff;font-size:1.1rem;margin:0;opacity:.9}.verification-content{padding:2.5rem 2rem}.verification-card{background:linear-gradient(135deg,#f0f4ff,#fef5ff);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:2rem;text-align:center}.card-icon{font-size:3rem;margin-bottom:1rem}.verification-card h2{color:#2d3748;font-size:1.5rem;margin:0 0 1rem}.verification-card p{color:#4a5568;line-height:1.6;margin:0}.verification-steps{background:#f7fafc;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.verification-steps h3{color:#2d3748;font-size:1.1rem;margin:0 0 1rem}.verification-steps ol{color:#4a5568;line-height:1.6;margin:0;padding-left:1.5rem}.verification-steps li{margin:.5rem 0}.verification-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.secondary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.secondary-button:hover:not(:disabled){box-shadow:0 6px 12px #667eea66;transform:translateY(-1px)}.secondary-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.message{border-radius:8px;font-weight:500;margin:1rem 0;padding:1rem;text-align:center}.message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.help-section{background:#fffaf0;border:1px solid #fed7aa;border-radius:12px;margin-top:2rem;padding:1.5rem}.help-section h4{color:#c05621;font-size:1rem;margin:0 0 1rem}.help-section ul{color:#7c2d12;line-height:1.6;margin:0;padding-left:1.5rem}.help-section li{margin:.5rem 0}.help-section strong{color:#92400e}.verification-refresh-link{color:#1976d2;cursor:pointer;font-size:.9rem;text-decoration:underline}.verification-refresh-message{color:#666;margin-top:1rem}.verification-card-hr{color:#666;margin:1.2rem 0 1.4rem}@media (max-width:768px){.email-verification-gate{padding:1rem}.verification-header{padding:2rem 1.5rem}.verification-header h1{font-size:1.5rem}.verification-content{padding:2rem 1.5rem}.verification-actions{flex-direction:column}.email-primary-button,.secondary-button{width:100%}}.page-skeleton{background-color:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.page-skeleton__navbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;height:64px;padding:0 20px}.page-skeleton__logo{border-radius:6px;height:32px;width:140px}.page-skeleton__logo,.page-skeleton__nav-item{animation:page-skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%);background-size:200% 100%}.page-skeleton__nav-item{border-radius:4px;height:20px;width:72px}.page-skeleton__main{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}.page-skeleton__title{border-radius:6px;height:32px;margin-bottom:16px;max-width:280px;width:60%}.page-skeleton__line,.page-skeleton__title{animation:page-skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%);background-size:200% 100%}.page-skeleton__line{border-radius:4px;height:16px;margin-bottom:8px}.page-skeleton__line--short{width:40%}.page-skeleton__cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:24px}.page-skeleton__card{animation:page-skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:12px;height:160px}@keyframes page-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.recommendations-overview-skeleton{margin:0 auto;max-width:1200px;padding:20px}.recommendations-overview-skeleton__header{margin-bottom:40px;text-align:center}.recommendations-overview-skeleton__title{border-radius:8px;height:40px;margin:0 auto 12px;width:280px}.recommendations-overview-skeleton__subtitle,.recommendations-overview-skeleton__title{animation:recommendations-skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%);background-size:200% 100%}.recommendations-overview-skeleton__subtitle{border-radius:4px;height:20px;margin:0 auto;width:360px}.recommendations-overview-skeleton__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.recommendations-overview-skeleton__card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000014;overflow:hidden}.recommendations-overview-skeleton__card-image{animation:recommendations-skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%);background-size:200% 100%;height:200px}.recommendations-overview-skeleton__card-overlay{background:#f8fafc;padding:16px}.recommendations-overview-skeleton__card-title{height:24px;margin-bottom:8px;width:60%}.recommendations-overview-skeleton__card-desc,.recommendations-overview-skeleton__card-title{animation:recommendations-skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:4px}.recommendations-overview-skeleton__card-desc{height:16px;width:90%}@keyframes recommendations-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app{display:flex;flex-direction:column}.main-content{background-color:#f8fafc;flex:1 1;padding:20px}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.main-content{padding:16px}}@media (max-width:480px){.main-content{padding:12px}}
/*# sourceMappingURL=main.889569c9.css.map*/