*{font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;padding:0;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}html{font-size:16px}@supports (padding-top:env(safe-area-inset-top)){.capacitor-ios body,.capacitor-android body{padding-top:0}}@media (max-width:768px){.capacitor-ios,.capacitor-android{background-color:#0000}.capacitor-ios .app-wrapper,.capacitor-android .app-wrapper{min-height:100vh;min-height:calc(100vh - env(safe-area-inset-top))}}.main-grid{font-family:var(--font-body-alt);grid-template-columns:1fr;align-items:flex-start;gap:32px;padding:32px 24px;display:grid}.main-grid.no-sidebar{grid-template-columns:1fr}@media (max-width:768px){.footer-section,.desktop-only{display:none!important}.main-grid{grid-template-columns:1fr;padding:24px 16px}.filter-bar{z-index:10;background:var(--card-bg);position:absolute}.modal-content{width:95%}}.projects-layout{grid-template-columns:250px 1fr;align-items:flex-start;gap:16px;margin-top:16px;display:grid}.project-filter-sidebar{align-self:start;transition:top .3s;position:-webkit-sticky;position:sticky;top:88px}.project-filter-sidebar.headers-hidden{top:16px}.project-grid-section{flex-direction:column;display:flex}.text-center{text-align:center}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.project-summary{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.project-summary p{margin:.25rem 0}.content{flex:1;padding-bottom:40px}.bg-accent{background:var(--link-color)}.text-accentFg{color:var(--text-on-primary)}.bg-surface{background:var(--page-bg)}.bg-cardBg{background:var(--card-bg)}.backdrop-blur{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-pill-active{background:var(--link-color);color:var(--text-on-primary)}.mobile-filter-toggle{margin-bottom:16px;display:none}@media (max-width:768px){.project-filter-sidebar{width:100%;position:relative;top:0}.mobile-filter-toggle{margin-top:16px;display:block}.projects-layout{grid-template-columns:1fr;margin-top:0;padding:0 10px 10px}}.projects-header-with-filter-toggle{background:var(--page-bg);z-index:50;justify-content:space-between;align-items:center;margin:10px;padding-bottom:10px;display:flex;position:-webkit-sticky;position:sticky;top:60px}.no-projects-found{text-align:center;color:var(--muted-text);flex-direction:column;justify-content:center;align-items:center;margin-top:60px;display:flex}.no-projects-image{opacity:.85;width:280px;max-width:80%;margin-bottom:16px;transition:transform .3s}.no-projects-image:hover{transform:scale(1.05)}.no-projects-found h3{color:var(--text-color);margin-bottom:8px;font-size:1.5rem}.no-projects-found p{color:var(--muted-text);font-size:1rem}.header-bar{background:var(--bg-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:89;justify-content:space-between;align-items:center;padding:12px 16px;transition:transform .3s;display:flex;position:-webkit-sticky;position:sticky}.header-bar.header-hidden{transform:translateY(calc(-100% - 60px))}.apple-header{z-index:100;transition:transform .3s;position:-webkit-sticky;position:sticky;top:0}.page-title{font-size:var(--font-size-xl);color:var(--text-color);margin:0;font-weight:600}@media (min-width:768px){.btn.mobile-filter-btn{display:none}.page-title{font-size:var(--font-size-xl)}}.header-right{align-items:center;gap:16px;display:flex}.project-count{border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.project-count-icon{color:var(--link-color);font-size:16px}.project-count-text{color:var(--text-color);font-weight:500}.mobile-filter-btn{background:var(--link-color);color:var(--text-on-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mobile-filter-btn:hover{background:var(--link-hover);transform:translateY(-1px)}.filter-icon{font-size:16px}.filter-text{font-weight:500}@media (min-width:769px){.mobile-filter-btn{display:none}}@media (max-width:768px){.header-right{gap:12px}.project-count,.mobile-filter-btn{padding:6px 10px;font-size:13px}.filter-text{display:none}}@media (max-width:480px){.header-right{gap:8px}.project-count-text{display:none}.project-count{padding:6px 8px}}.Toastify__toast-container--top-right{top:50px!important}.Toastify__toast{font-size:var(--font-size-sm);box-sizing:border-box;font-weight:500;max-width:260px!important;padding:4px 8px!important}.Toastify__toast-body{box-sizing:border-box;line-height:1.4;margin:0!important;padding:0!important}:root{--bg-color:#fff;--dropdown-bg:#fff;--text-color:#1d1d1f;--muted-text:#666;--card-bg:#f5f5f7;--surface-bg:#f0f0f3;--highlight-bg:#eaf6ff;--google-hover:#f7f7ff;--btn-bg:#007aff;--btn-hover:#005bb5;--link-color:#007aff;--danger-color:#ff4f4f;--success-color:#00997a;--warning-color:#fc0;--btn-login:#4a90e2;--login-hover:#357abd;--border-color:#ddd;--border-color-light:#eee;--hero-bg:#f5f7fa;--hero-blue:#4285f4;--hero-green:#34a853;--hero-yellow:#fbbc05;--hero-red:#ea4335;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body-alt:"Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm:.85rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 28px #0000001f;--shadow-xl:0 20px 40px #00000026;--shadow-glossy:0 8px 32px #0000001a, inset 0 1px 0 #fff9;--shadow-floating:0 4px 12px #00000014, 0 16px 40px #00000014;--transition-fast:.2s ease;--transition-smooth:.3s ease;--transition-all:all .3s ease-in-out;--transition-micro:all .15s cubic-bezier(.4, 0, .2, 1);--easing-smooth:cubic-bezier(.4, 0, .2, 1);--easing-bounce:cubic-bezier(.34, 1.56, .64, 1);--backdrop-blur:blur(16px);--backdrop-opacity:#ffffff80;--container-sm:540px;--container-md:720px;--container-lg:960px;--container-xl:1140px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:10000;--z-toast:10050;--btn-padding:10px 18px;--btn-radius:var(--radius-md);--header-height:60px;--scroll-offset:calc(var(--header-height) + 80px);--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--avatar-lg:clamp(64px, 8vw, 96px);--page-bg:#f5f7fa;--btn-secondary-bg:#e4e7eb;--btn-secondary-hover:#d1dbd2;--toggle-on:#06c;--toggle-off:#cbd5e0;--radius-full:999px;--text-on-primary:#fff;--gradient-primary:linear-gradient(135deg, var(--btn-bg) 0%, var(--btn-hover) 100%);--gradient-card:linear-gradient(145deg, var(--card-bg) 0%, var(--surface-bg) 100%);--accent-color:#6c5ce7;--accent-light:#6c5ce71a;--rec-subs-purple:#667eea;--rec-subs-purple-dark:#5a67d8;--rec-subs-purple-light:#7c3aed;--rec-subs-blue:#4299e1;--rec-subs-blue-dark:#3182ce;--rec-subs-green:#059669;--rec-subs-amber:#f59e0b;--rec-subs-gray-600:#4b5563;--rec-subs-gray-700:#374151}body.dark-mode{--bg-color:#1d1d1f;--dropdown-bg:#2a2a2c;--text-color:#f5f5f7;--muted-text:#aaa;--card-bg:#2c2c2e;--surface-bg:#2a2a2c;--highlight-bg:#007aff14;--btn-bg:#0a84ff;--btn-hover:#06c;--link-color:#0a84ff;--border-color:#3a3a3c;--border-color-light:#444;--danger-color:#ff8a8a;--success-color:#9affd8;--warning-color:#ffeaa7;--hero-bg:#1d1d1f;--hero-blue:#4285f4;--hero-green:#34a853;--hero-yellow:#fbbc05;--hero-red:#ea4335;--shadow-sm:0 1px 3px #ffffff0a;--shadow-md:0 4px 12px #ffffff0f;--shadow-lg:0 12px 28px #ffffff14;--shadow-xl:0 20px 40px #0009;--shadow-glossy:0 8px 32px #00000080, inset 0 1px 0 #ffffff1a;--shadow-floating:0 4px 12px #0000004d, 0 16px 40px #00000040;--backdrop-opacity:#2d2d2fb3}.bg-surface{background-color:var(--surface-bg)}button{font-family:var(--font-body-alt)!important}.btn{background-color:var(--btn-bg);color:#fff;padding:var(--btn-padding);border-radius:var(--btn-radius);font-size:var(--font-size-md);cursor:pointer;border:none;transition:border-color .3s,box-shadow .3s;font-family:var(--font-body-alt)!important}.btn:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f633}.btn-outline{border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--btn-radius);cursor:pointer;background:0 0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:var(--header-height);scroll-behavior:smooth;font-size:max(14px,min(1.5vw,16px))}body{font-family:var(--font-body-alt);background-color:var(--bg-color);color:var(--text-color);transition:var(--transition-all)}img{max-width:100%;display:block}.auth-page,.editor-page{text-align:center;color:var(--text-color);padding:80px 24px}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}.input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body-alt);padding:8px 10px}.textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);resize:vertical;width:100%;font-family:var(--font-body-alt);padding:8px 10px}.step-pill{background:var(--highlight-bg);border-radius:9999px;padding:4px 10px;font-size:.8rem}.step-pill.active{background:var(--link-color);color:#fff}.gradient-bg{background:var(--gradient-primary)}.card-gradient{background:var(--gradient-card)}.accent-border{border-left:4px solid var(--accent-color)}.pulse{animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-section{background:var(--bg-color);font-family:var(--font-body-alt);border-radius:8px;padding:20px 16px;position:relative}.auth-section.login{max-height:-moz-fit-content;max-height:fit-content;padding:16px}.auth-container{min-height:100%;font-family:var(--font-body-alt);flex-direction:column;display:flex}.auth-simple-container{font-family:var(--font-body-alt);flex-direction:column;min-height:100%;display:flex}.auth-simple-content{flex-direction:column;flex:1;justify-content:center;padding:12px;display:flex}.auth-content{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex:1;padding:16px;overflow-y:auto}.auth-content::-webkit-scrollbar{width:6px}.auth-content::-webkit-scrollbar-track{background:0 0}.auth-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.auth-content::-webkit-scrollbar-thumb:hover{background:var(--muted-text)}.auth-modal{width:-moz-fit-content;width:fit-content;max-width:400px}.auth-modal.login{flex-direction:column;height:-moz-fit-content;height:fit-content;max-height:100vh;display:flex;overflow:visible}.auth-modal.signup{scrollbar-width:none;-ms-overflow-style:none;max-height:85vh;overflow-y:auto}.auth-modal.signup::-webkit-scrollbar{display:none}.auth-logout{width:-moz-fit-content;width:fit-content;max-width:500px}.auth-header{text-align:center;margin-bottom:8px}.auth-section.login .auth-header{margin-bottom:6px}.auth-section.signup .auth-header{margin-bottom:10px}.auth-icon{color:#fff;background:linear-gradient(135deg,#4285f4,#34a853);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 8px;font-size:18px;display:flex;box-shadow:0 4px 12px #4285f44d}.auth-title{color:var(--text-color);font-size:22px;font-weight:400;font-family:var(--font-body-alt);margin:0 0 6px}.auth-subtitle{color:var(--muted-text);margin:0;font-size:14px;line-height:1}.auth-form{margin-bottom:12px}.auth-section.login .auth-form,.auth-section.signup .auth-form{margin-bottom:8px}.auth-input-group{min-height:70px;margin-bottom:16px;position:relative}.auth-section.login .auth-input-group{min-height:45px;margin-bottom:8px}.auth-section.signup .auth-input-group{min-height:60px;margin-bottom:16px}.auth-input-group label{color:var(--text-color);margin-top:10px;margin-bottom:4px;font-size:14px;font-weight:500;display:block}.auth-input-wrapper{border:1px solid var(--border-color);background:var(--bg-color);border-radius:8px;transition:all .2s;position:relative}.auth-input-wrapper:hover{border-color:#1a73e8;box-shadow:0 1px 6px #2021241a}.auth-input-wrapper.focused{border-color:#1a73e8;box-shadow:0 1px 6px #1a73e833}.auth-input-icon{color:var(--muted-text);z-index:1;font-size:14px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-input-wrapper input{width:100%!important;color:var(--text-color)!important;background:0 0!important;border:none!important;border-radius:8px!important;outline:none!important;padding:12px 12px 12px 44px!important;font-size:14px!important}.auth-section input[type=text],.auth-section input[type=email],.auth-section input[type=password]{width:100%!important;color:var(--text-color)!important;font-size:14px!important;font-family:var(--font-body-alt)!important;background:0 0!important;border:none!important;border-radius:8px!important;outline:none!important;padding:12px 12px 12px 44px!important;transition:all .2s!important}.auth-section .auth-input-wrapper.has-toggle input[type=password]{padding:12px 40px 12px 44px!important}.auth-input-wrapper input::placeholder{color:var(--muted-text)}.auth-input-wrapper.has-toggle input{padding:12px 40px 12px 44px!important}.auth-btn{background:var(--btn-bg);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.auth-section.login .auth-btn{margin-top:8px}.auth-btn:hover:not(:disabled){background:var(--btn-hover);box-shadow:var(--shadow-md)}.auth-btn:disabled{color:#9aa0a6;cursor:not-allowed;background:#dadce0}.google-login-btn{color:#333;border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:16px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.google-login-btn:hover{background:#f8f9fa;box-shadow:0 1px 6px #2021241a}.auth-footer{text-align:center;border-top:1px solid var(--border-color);padding-top:12px}.auth-section.login .auth-footer{margin-top:6px;padding-top:6px}.auth-section.signup .auth-footer{margin-top:8px;padding-top:8px}.toggle-auth-mode{color:var(--muted-text);margin:0;font-size:14px}.toggle-auth-mode .link-text{color:var(--btn-bg);cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s}.toggle-auth-mode .link-text:hover{color:var(--btn-hover)}.forgot-password-wrapper{text-align:right;margin-bottom:16px}.forgot-password-link{color:var(--btn-bg);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;transition:color .2s}.forgot-password-link:hover{color:var(--btn-hover)}.error-message-auth{color:#ea4335;min-height:16px;font-size:10px;line-height:1.3;display:block}.reset-password-modal,.modal-wrapper.reset-password-modal{width:-moz-fit-content!important;width:fit-content!important;max-width:380px!important}.reset-password-section,.reset-password-modal .modal-content{background:var(--bg-color)!important;font-family:var(--font-body-alt)!important;border-radius:8px!important;padding:16px 12px!important;position:relative!important}.reset-password-header{text-align:center!important;margin-bottom:12px!important}.reset-password-icon{color:#fff!important;background:linear-gradient(135deg,#4285f4,#34a853)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;margin:0 auto 12px!important;font-size:18px!important;display:flex!important;box-shadow:0 4px 12px #4285f44d!important}.reset-password-title,.reset-password-modal h1,.reset-password-modal h2{color:var(--text-color)!important;font-size:22px!important;font-weight:400!important;font-family:var(--font-body-alt)!important;text-align:center!important;margin:0 0 6px!important}.reset-password-form{margin-bottom:10px!important}.reset-password-input-group,.reset-password-modal .form-group,.reset-password-modal .input-group{margin-bottom:12px!important}.reset-password-input-group label,.reset-password-modal label{color:var(--text-color)!important;margin-bottom:8px!important;font-size:14px!important;font-weight:500!important;display:block!important}.reset-password-input-wrapper,.reset-password-modal .input-wrapper,.reset-password-modal .form-control{border:1px solid var(--border-color)!important;background:var(--bg-color)!important;border-radius:8px!important;transition:all .2s!important;position:relative!important}.reset-password-input-wrapper:hover,.reset-password-modal .input-wrapper:hover{border-color:#1a73e8!important;box-shadow:0 1px 6px #2021241a!important}.reset-password-input-wrapper.focused,.reset-password-modal .input-wrapper:focus-within{border-color:#1a73e8!important;box-shadow:0 1px 6px #1a73e833!important}.reset-password-input-icon,.reset-password-modal .input-icon{color:var(--muted-text)!important;z-index:1!important;font-size:14px!important;position:absolute!important;top:50%!important;left:16px!important;transform:translateY(-50%)!important}.reset-password-input-wrapper input{width:100%!important;color:var(--text-color)!important;background:0 0!important;border:none!important;border-radius:8px!important;outline:none!important;padding:12px 12px 12px 44px!important;font-size:14px!important}.reset-password-input-wrapper.has-toggle input{padding:12px 40px 12px 44px!important}.reset-password-input-wrapper input::placeholder{color:var(--muted-text)}.reset-password-toggle,.reset-password-modal .password-toggle,.reset-password-modal button[type=button]{color:var(--muted-text)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:4px!important;padding:8px!important;transition:all .2s!important;position:absolute!important;top:50%!important;right:12px!important;transform:translateY(-50%)!important}.reset-password-toggle:hover,.reset-password-modal .password-toggle:hover{background:var(--highlight-bg)!important;color:var(--btn-bg)!important}.reset-password-modal input[type=password],.reset-password-modal input[type=text]{width:100%!important;color:var(--text-color)!important;font-size:14px!important;font-family:var(--font-body-alt)!important;background:0 0!important;border:none!important;border-radius:8px!important;outline:none!important;padding:12px 12px 12px 44px!important}.reset-password-modal .has-toggle input{padding-right:40px!important}.reset-password-modal input:has(+button){padding-right:40px!important}.reset-password-btn{background:var(--btn-bg);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.reset-password-btn:hover:not(:disabled){background:var(--btn-hover);box-shadow:var(--shadow-md)}.reset-password-btn:disabled{color:#9aa0a6;cursor:not-allowed;background:#dadce0}.forgot-password-success{text-align:center;padding:1rem 0}.success-icon{background:var(--success-color,#10b981);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.success-check{color:#fff;font-size:1.5rem;font-weight:700}.success-message{margin-bottom:2rem}.success-message p{color:var(--text-color);margin:.5rem 0;line-height:1.5}.user-email{font-size:1rem;font-weight:600;color:var(--text-color)!important}.help-text{font-size:.875rem;color:var(--text-muted)!important;margin-top:1rem!important}.success-actions{flex-direction:column;gap:.75rem;display:flex}.back-to-login-btn{color:var(--link-hover,#4a89dc);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.9rem;transition:color .2s}.back-to-login-btn:hover{color:var(--link-active,#357abd)}.signup-success-modal{max-width:320px!important}.signup-success-compact{text-align:center;padding:1.5rem 1rem}.success-icon-small{background:linear-gradient(135deg,#4285f4,#34a853);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1rem;animation:.4s ease-out scaleIn;display:flex;box-shadow:0 4px 15px #10b98140}.checkmark-small{color:#fff;font-size:1.5rem;font-weight:700;animation:.3s ease-out .15s both checkmarkPop}.success-title-small{color:var(--text-color);font-size:1.25rem;font-weight:600;font-family:var(--font-body-alt);margin:0 0 1rem}.success-text-small{color:var(--muted-text);margin:0 0 1.5rem;font-size:.9rem;line-height:1.4}.email-highlight{color:var(--btn-bg);font-weight:600}.verify-instruction{color:var(--muted-text);text-align:center;margin:.5rem 0 0;font-size:.85rem;line-height:1.4}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.phone-input-wrapper-auth{position:relative}.phone-input-container-auth{border:1px solid var(--border-color);background:var(--bg-color);border-radius:8px;transition:all .2s;display:flex}.phone-input-container-auth:hover{border-color:#1a73e8;box-shadow:0 1px 6px #2021241a}.country-code-selector-auth{cursor:pointer;border-right:1px solid var(--border-color);align-items:center;gap:4px;min-width:80px;padding:12px 8px;display:flex}.country-flag-auth{object-fit:cover;width:20px;height:15px}.country-code-auth{color:var(--text-color);font-size:14px;font-weight:500}.dropdown-icon-auth{color:var(--muted-text)}.phone-input-field-auth{color:var(--text-color);background:0 0;border:none;border-radius:0 8px 8px 0;outline:none;flex:1;padding:12px;font-size:14px}.phone-input-field-auth::placeholder{color:var(--muted-text)}.country-dropdown-auth{background:var(--bg-color);border:1px solid var(--border-color);z-index:1000;border-radius:8px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.dropdown-search-auth{border:none;border-bottom:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-color);outline:none;padding:8px 12px;font-size:12px}.dropdown-options-auth{max-height:150px;overflow-y:auto}.country-option-auth{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:background-color .2s;display:flex}.country-option-auth:hover{background:var(--highlight-bg)}.country-name-auth{color:var(--text-color);flex:1;font-size:13px}.country-code-text-auth{color:var(--muted-text);font-size:13px;font-weight:500}@media (max-width:480px){.auth-modal{max-width:95vw;max-height:100vh;margin:5px}.auth-modal.login{border-radius:var(--radius-xl);height:auto;max-height:70vh;margin:15vh auto}.auth-section{padding:12px 8px}.auth-simple-content{padding:8px}.auth-icon{width:40px;height:40px;font-size:16px}.auth-title{font-size:20px}.auth-input-wrapper input{font-size:16px}.signup-success-modal{max-width:95vw!important}.signup-success-compact{padding:1.25rem .75rem}.success-icon-small{width:45px;height:45px}.checkmark-small{font-size:1.25rem}.success-title-small{font-size:1.1rem}.success-text-small{font-size:.85rem}.phone-input-container-auth{flex-direction:column}.country-code-selector-auth{border-right:none;border-bottom:1px solid var(--border-color);min-width:auto}.phone-input-field-auth{border-radius:0 0 8px 8px}}@media (max-width:360px){.auth-modal{border-radius:0;max-width:100vw;height:100vh;margin:0}.auth-modal.login{border-radius:0;height:100vh;margin:0}.auth-section{padding:8px 6px}.auth-simple-content{padding:6px}}.hero-section{background-color:var(--hero-bg);color:var(--text-color);font-family:var(--font-body-alt);padding:40px 24px 64px;position:relative;overflow:hidden}.hero-content{max-width:var(--container-xl);z-index:1;margin:0 auto;padding:0 16px;position:relative}.hero-text-block{text-align:center;max-width:none;margin:0 auto;padding-left:0;padding-right:0}.hero-title{font-weight:900;font-family:var(--font-body-alt);text-align:center;margin-bottom:14px;padding:0;line-height:1.1;font-size:3rem!important}.hero-subtext{color:var(--muted-text);text-align:center;max-width:none;margin-top:16px;margin-bottom:20px;font-size:1.125rem}.hero-cta{background-color:var(--btn-bg);color:#fff;font-size:var(--font-size-md);cursor:pointer;transition:background-color var(--transition-smooth);box-shadow:var(--shadow-md);font-weight:500;font-family:var(--font-body-alt);border:none;border-radius:9999px;padding:12px 28px}.hero-cta:hover{background-color:var(--btn-hover)}.hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;display:flex}.hero-cta-secondary{color:var(--btn-bg);border:2px solid var(--btn-bg);background-color:#0000}.hero-cta-secondary:hover{color:var(--btn-hover);border-color:var(--btn-hover);background-color:#3b82f614}.hero-metrics{z-index:1;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px;margin-top:20px;margin-bottom:8px;display:flex;position:relative}.metric-box{text-align:center;cursor:pointer;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #0000001a;border-radius:16px;width:220px;height:auto;padding:28px 24px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.metric-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.metric-box:hover .metric-glow{opacity:1;animation:2s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.metric-box:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.metric-box:hover:before{left:100%}.metric-box:hover{background:linear-gradient(135deg,#6366f114 0%,#8b5cf60d 100%);border-color:#6366f166;transform:translateY(-8px)scale(1.02);box-shadow:0 10px 30px #6366f126,0 0 0 1px #6366f11a}.metric-box:active{transform:translateY(-6px)scale(1.01)}.metric-number{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;animation:3s ease-in-out infinite number-shimmer;font-size:2rem!important;font-weight:800!important}@keyframes number-shimmer{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.2)saturate(1.3)}}.metric-box p:first-child{color:var(--text-color);font-size:1.8rem;font-weight:700}.metric-box p:last-child{color:var(--muted-text)}.metric-list{color:var(--text-color);justify-content:center;gap:4px;margin-bottom:10px;font-size:1rem;font-weight:600;display:flex}.metric-box p{color:var(--muted-text);font-size:.9rem}.feature-grid{max-width:var(--container-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin:34px auto 0;padding:0 16px;display:grid}.feature-card{text-align:center;flex-direction:column;align-items:center;display:flex}.feature-icon-container{width:80px;height:80px;transition:transform var(--transition-fast);border:2px solid;border-radius:9999px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.feature-card:hover .feature-icon-container{transform:scale(1.05)}.feature-title{color:var(--text-color);font-size:1.1rem;font-weight:600}.feature-description{font-size:var(--font-size-sm);color:var(--muted-text)}.feature-blue{background-color:var(--highlight-bg);border-color:var(--link-color)}.feature-green{background-color:var(--surface-bg);border-color:var(--success-color)}.feature-yellow{background-color:var(--surface-bg);border-color:var(--warning-color)}.feature-red{background-color:var(--surface-bg);border-color:var(--danger-color)}.feature-purple{background-color:#8b5cf61a;border-color:#8b5cf6}.feature-cyan{background-color:#06b6d41a;border-color:#06b6d4}.feature-orange{background-color:#f973161a;border-color:#f97316}.feature-carousel-container{margin-top:.75rem;padding:0 16px}.feature-carousel{max-width:var(--container-xl);grid-template-columns:repeat(4,1fr);gap:24px;margin:0 auto;display:grid}.feature-carousel.mobile{grid-template-columns:repeat(2,1fr);gap:16px}.feature-card-carousel{text-align:center;cursor:pointer;opacity:0;background:0 0;border-radius:16px;flex-direction:column;align-items:center;padding:20px 16px;transition:all .4s cubic-bezier(.25,.46,.45,.94);animation:.5s cubic-bezier(.25,.46,.45,.94) forwards fadeSlideIn;display:flex;transform:translateY(10px)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card-carousel:hover{transform:translateY(-4px)}.feature-card-carousel:active{transform:scale(.98)}.carousel-indicators{justify-content:center;gap:8px;margin-top:24px;display:flex}.indicator-dot{cursor:pointer;background:#0003;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.indicator-dot:hover{background:#0006}.indicator-dot.active{background:var(--link-color,#3b82f6);border-radius:4px;width:24px}@media (prefers-color-scheme:dark){.metric-box{border-color:#ffffff1a}.metric-box:hover{border-color:#fff3}.indicator-dot{background:#fff3}.indicator-dot:hover{background:#fff6}}.hero-shape{z-index:0;opacity:.15;position:absolute}.shape-blue{background-color:var(--hero-blue);border-radius:50%;width:160px;height:160px;top:80px;left:70px}.shape-green{background-color:var(--hero-green);border-radius:50%;width:200px;height:200px;top:300px;right:50px}.shape-yellow{background-color:var(--hero-yellow);border-radius:20px;width:120px;height:120px;top:100px;left:350px}.shape-red{background-color:var(--hero-red);clip-path:polygon(50% 0%,100% 100%,0% 100%);width:160px;height:160px;top:250px;left:160px}body.dark-mode .hero-shape{opacity:.15!important}body.dark-mode .feature-icon-container{background-color:var(--card-bg)}@media (max-width:600px){.hero-title,.hero-subtext,.hero-text-block{text-align:center}.hero-section{background-color:var(--hero-bg);color:var(--text-color);font-family:var(--font-body-alt);padding:20px 10px 0;position:relative;overflow:hidden}.hero-title{font-size:1.8rem}.hero-subtext{font-size:1rem}.hero-text-block{margin-left:auto;margin-right:auto}.hero-metrics{flex-wrap:nowrap;justify-content:space-between;gap:8px;display:flex}.metric-box{width:calc(33.33% - 6px);height:auto;min-height:80px;padding:16px 8px}.metric-box:hover{transform:translateY(-4px)scale(1.01)}.metric-number{font-size:1.3rem!important}.metric-box p:first-child{font-size:1.2rem}.metric-list{font-size:var(--font-size-sm);color:var(--text-color);flex-wrap:wrap;justify-content:center;gap:0;margin-bottom:0;font-weight:700;display:flex}.metric-list span:first-child,.metric-list span:nth-child(2){flex-basis:auto}.metric-list span:nth-child(3){text-align:center;flex-basis:100%}.shape-blue,.shape-green,.shape-yellow,.shape-red{transform:scale(.7)}.feature-grid{display:none}.feature-icon-container{width:60px;height:60px;margin-bottom:10px}.feature-title{font-size:1rem;font-weight:600}.feature-description{opacity:.8;font-size:.85rem}.feature-grid-mobile{max-width:var(--container-xl);grid-template-columns:repeat(2,1fr);gap:20px;margin:0 auto;padding:0 16px;display:grid}.feature-carousel-container{margin-top:1.5rem}.feature-card-carousel{padding:16px 12px}.carousel-indicators{margin-top:16px}.indicator-dot{width:6px;height:6px}.indicator-dot.active{width:18px}}body.dark-mode .metric-box{background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border-color:#ffffff1a}body.dark-mode .metric-box:hover{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf614 100%);border-color:#8b5cf680;box-shadow:0 10px 30px #8b5cf633,0 0 0 1px #8b5cf626}body.dark-mode .metric-glow{background:radial-gradient(circle,#8b5cf640 0%,#0000 70%)}body.dark-mode .metric-number{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--btn-radius);background-color:var(--btn-bg);color:#fff;box-shadow:var(--shadow-sm);transition:background var(--transition-fast), box-shadow var(--transition-fast);font-size:.95rem;font-weight:600;font-family:var(--font-body-alt);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.btn-secondary{border-radius:var(--btn-radius);background-color:var(--border-color-light);color:var(--text-color);box-shadow:none;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-danger{color:#fff;background-color:#e53935}.btn-danger:hover{background-color:#d32f2f}.btn:focus-visible{outline:2px solid var(--link-color);outline-offset:3px}.btn-secondary:focus-visible{outline:2px solid var(--link-color);outline-offset:3px}.btn-danger:focus-visible{outline:2px solid var(--link-color);outline-offset:3px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100vw;height:100vh;z-index:var(--z-modal);box-sizing:border-box;animation:fadeIn var(--transition-smooth);font-family:var(--font-body-alt);background-color:#00000059;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.modal-wrapper{background:var(--card-bg);width:100%;color:var(--text-color);border-radius:var(--radius-xl);flex-direction:column;align-items:stretch;min-height:-moz-fit-content;min-height:fit-content;max-height:calc(100vh - 40px);padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0000001a}.eng-decision-modal{width:90%;max-width:420px}.resume-modal{width:85%;max-width:900px}.modal-content{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:1.5rem;width:100%;max-height:85vh;display:flex;overflow-x:hidden;overflow-y:auto}.modal-content::-webkit-scrollbar{display:none}.modal-content textarea{width:100%;min-height:120px;margin-bottom:16px;padding:12px;font-size:14px}.modal-close{background:var(--surface-bg);cursor:pointer;width:28px;height:28px;color:var(--muted-text);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s ease-in-out;display:flex;position:absolute;top:.75rem;right:.75rem}.modal-close:hover{background:var(--border-color-light);color:var(--text-color)}.modal-content .btn{min-width:120px;padding:10px 16px;font-weight:500}.modal-content .btn+.btn{margin-left:12px}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media (max-height:600px){.modal-overlay{align-items:flex-start}.modal-close{top:.75rem;right:.75rem}}.logout-popup{text-align:center;padding-top:1rem}.logout-popup h2{color:var(--text-color);margin-bottom:.75rem;font-size:1.7rem;font-weight:600;line-height:1.4}.logout-popup p{color:var(--muted-text);margin-bottom:1.5rem;font-size:1.2rem;line-height:1.6}.logout-popup p strong{color:var(--text-color);font-weight:600}.logout-actions{flex-direction:column;gap:.75rem;display:flex}.logout-actions button{border-radius:999px;align-items:center;width:100%;padding:.6rem 1rem;font-size:.95rem;font-weight:500}.logout-btn{color:#111;box-shadow:0 0 0 1px var(--border-color);transition:background-color var(--transition-fast);background-color:#fff;border:none}.logout-btn:hover{background-color:#f1f1f1}.wallet-warning-modal{width:500px!important}.wallet-warning-modal .modal-content{padding:0!important}.verification-modal .modal-wrapper{text-align:center;max-width:350px;padding:2rem}.verification-modal-content{flex-direction:column;align-items:center;gap:.2rem;display:flex}.verification-modal-icon{margin-bottom:.5rem}.verification-modal{width:350px}.verification-modal-icon.success{color:#10b981}.verification-modal-icon.error{color:#ef4444}.verification-modal-title{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.verification-modal-message{color:#6b7280;margin:0;line-height:1.5}.verification-modal-actions{margin-top:.5rem}.btn-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s}.btn-primary:hover{background-color:#2563eb}.subscription-modal-content{text-align:center;flex-direction:column;align-items:center;max-width:400px;margin:0 auto;padding:.5rem;display:flex}.subscription-modal-icon{color:currentColor;margin-bottom:.5rem}.subscription-modal-title{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem;font-weight:600;line-height:1.3}.subscription-modal-description{color:#6b7280;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.subscription-modal-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.5rem;min-width:100px;padding:.75rem 2rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.subscription-modal-button:hover{background-color:#2563eb}.subscription-modal-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}@keyframes subscription-pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:480px){.subscription-modal-content{padding:1.5rem}.subscription-modal-title{font-size:1.25rem}.subscription-modal-description{font-size:.8rem}}.subscriptionmodal{width:90%;max-width:450px;margin:0 auto}@media (max-width:480px){.subscriptionmodal{width:95%;max-width:350px}}.rec-user-wrapper{align-items:center;gap:14px;display:flex}.rec-user-details{flex-direction:column;line-height:1.2;display:flex}.rec-user-name{font-size:var(--font-size-sm);color:var(--text-color);font-weight:600}.rec-user-role{font-size:var(--font-size-xs);color:var(--text-muted)}.avatar-wrapper{z-index:1000;font-family:var(--font-body-alt);display:inline-block;position:relative}.avatar-image{object-fit:cover;border:1px solid #0000001f;border-radius:100%;width:40px;height:40px}.avatar-circle{width:40px;height:40px;color:var(--text-color);font-weight:600;font-size:var(--font-size-sm);font-family:var(--font-body-alt);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--transition-fast);border:1px solid #0000001f;border-radius:50%;justify-content:center;align-items:center;display:flex}.avatar-circle:hover{box-shadow:var(--shadow-md);transform:scale(1.06)}.avatar-dropdown{background:var(--dropdown-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-width:180px;animation:fadeSlide var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);position:absolute;top:48px;right:0;overflow:hidden}.avatar-dropdown button{all:unset;width:100%;font-size:var(--font-size-sm);color:var(--text-color);cursor:pointer;font-family:var(--font-body);transition:background var(--transition-fast);padding:.9rem 1rem;display:block}.avatar-dropdown button:hover{background:#0000000d}body.dark-mode .avatar-dropdown button:hover{background:#ffffff14}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.avatar-circle:focus,.avatar-dropdown button:focus{outline:2px solid var(--link-color);outline-offset:3px}.servicesOption-dropdown{background:var(--dropdown-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-width:180px;animation:fadeSlide var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);margin:0 0 0 -47px;position:absolute;top:42px;overflow:hidden}.servicesOption-dropdown button{all:unset;width:100%;font-size:var(--font-size-sm);color:var(--text-color);cursor:pointer;font-family:var(--font-body);transition:background var(--transition-fast);padding:.9rem 1rem;display:block}.servicesOption-dropdown button:hover{background:#0000000d}body.dark-mode .servicesOption-dropdown button:hover{background:#ffffff14}.avatar-circle:focus,.servicesOption-dropdown button:focus{outline:2px solid var(--link-color);outline-offset:3px}.account-container{min-height:100vh;font-family:var(--font-body-alt);align-items:flex-start;display:flex}.account-sidebar{background:var(--card-bg);width:250px;box-shadow:var(--shadow-md);padding:var(--space-4) var(--space-3);height:calc(100vh - 64px);z-index:var(--z-sticky);flex-direction:column;flex-shrink:0;display:flex;position:-webkit-sticky;position:sticky;top:64px;overflow-y:auto}.sidebar-heading{margin:var(--space-4) 0 var(--space-3);color:var(--text-color);font-size:1.125rem;font-weight:600}.account-nav{gap:var(--space-2);flex-direction:column;flex-grow:1;display:flex}.account-nav a{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--text-color);transition:background var(--transition-fast);padding:10px;text-decoration:none;display:flex}.account-nav a:hover{background:var(--highlight-bg)}.account-nav a.active{background:var(--btn-bg);color:#fff;font-weight:600}.account-nav a.active svg{color:#fff}.sidebar-footer{color:var(--muted-text);text-align:center;margin-top:var(--space-4);font-size:.8rem}.account-content{background:var(--bg-color);flex-grow:1;max-width:100%}@media (max-width:768px){.account-container{flex-direction:column;padding-bottom:80px}.account-sidebar{transition:transform var(--transition-smooth);z-index:var(--z-sticky);background:var(--card-bg);width:240px;box-shadow:var(--shadow-md);padding:var(--space-4) var(--space-3);height:100vh;position:fixed;top:0;bottom:0;left:auto;right:0;transform:translate(100%)}.account-sidebar.open{transform:translate(0)}.account-content{background:var(--bg-color);min-height:calc(100vh - 140px)}}.account-back{align-items:center;gap:var(--space-2);color:var(--text-color);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;padding:6px 10px;display:flex}.account-back:hover{background:var(--highlight-bg)}.profile-wrapper{max-width:960px;margin:40px auto;padding:0 24px}.hero-inner{text-align:center;max-width:720px;margin:0 auto;padding:0 16px}.fade-slide-in{opacity:0;animation:.6s forwards fadeSlideIn}.fade-slide-in.delayed-1{animation-delay:.1s}.fade-slide-in.delayed-2{animation-delay:.2s}.fade-slide-in.delayed-3{animation-delay:.3s}.fade-slide-in.delayed-4{animation-delay:.4s}.fade-slide-in.delayed-5{animation-delay:.5s}@media (prefers-reduced-motion:reduce){.fade-slide-in{opacity:1;animation:none;transform:none}}.profile-hero{text-align:center;margin-bottom:48px}.hero-avatar{justify-content:center;display:flex}.hero-avatar img{object-fit:cover;width:128px;height:128px;box-shadow:var(--shadow-md);border-radius:50%}.avatar-placeholder{background-color:var(--border-color-light);width:128px;height:128px;color:var(--text-color);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}.hero-name{color:var(--text-color);margin-top:24px;font-size:2rem;font-weight:700}.hero-title-acount{color:var(--text-color);margin-top:4px;font-size:1.25rem}.hero-headline{color:var(--muted-text);margin-top:8px;font-size:1.125rem}.location-line{color:var(--muted-text);justify-content:center;align-items:center;margin-top:6px;font-size:.875rem;display:flex}.link-pill{background:var(--surface-bg);color:var(--link-color);border-radius:var(--radius-full);transition:background var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:500;display:inline-flex}.link-pill:hover{background:var(--border-color-light)}.kpi-strip{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;display:grid}@media (min-width:768px){.kpi-strip{grid-template-columns:repeat(4,1fr)}}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.card:hover{box-shadow:var(--shadow-md)}.sec-title{color:var(--text-color);text-align:center;margin-bottom:12px;font-size:1.5rem;font-weight:600}.about-section,.skills-section,.offers-section{margin-top:48px}.text-muted{color:var(--muted-text)}.step-pill,.skill-pill{background:var(--surface-bg);border-radius:var(--radius-full);color:var(--text-color);transition:background var(--transition-fast), transform .3s ease;cursor:default;padding:8px 14px;font-size:.875rem;font-weight:500}.step-pill:hover,.skill-pill:hover{background:var(--border-color-light);transform:scale(1.05)}.btn{border-radius:var(--btn-radius);background-color:var(--btn-bg);color:#fff;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{background-color:var(--btn-hover)}.btn-secondary{background-color:var(--border-color-light);color:var(--text-color);box-shadow:none}.btn-secondary:hover{background-color:var(--border-color)}@media (max-width:768px){.hero-avatar img,.avatar-placeholder{width:100px;height:100px}.hero-name{font-size:1.75rem}}.testimonials-section{background-color:var(--bg-color);transition:background-color var(--transition-smooth);font-family:var(--font-body-alt);padding:20px 10px 40px}.testimonials-container{max-width:var(--container-xl);margin:0 auto;padding:0 16px}.testimonials-title{letter-spacing:-.5px;font-size:var(--font-size-lg);text-align:center;color:var(--text-color);font-weight:700;font-family:var(--font-body-alt);margin-bottom:24px;transition:font-size .3s}.testimonial-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:100%;transition:transform .3s ease, background-color var(--transition-smooth);padding:24px}.testimonial-card:hover{transform:translateY(-6px)}.testimonial-header{align-items:center;margin-bottom:16px;display:flex}.testimonial-avatar{background-color:var(--surface-bg);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;font-size:1.5rem;display:flex}.testimonial-name{color:var(--text-color);font-weight:700}.testimonial-role{font-size:var(--font-size-sm);color:var(--muted-text)}.testimonial-quote{color:var(--muted-text);font-size:1rem;font-style:italic;line-height:1.6}.swiper{padding-bottom:40px}.swiper-pagination{display:none!important}@media (max-width:768px){.testimonials-title{font-size:2rem}.testimonial-card{padding:20px}.testimonial-avatar{width:40px;height:40px;font-size:1.2rem}}@media (max-width:480px){.testimonials-title{font-size:1.6rem}.testimonial-quote{font-size:.9rem}}.cta-section{background-color:var(--surface-bg);transition:all var(--transition-smooth);font-family:var(--font-body-alt);padding:24px 16px}.cta-container{max-width:var(--container-xl);margin:0 auto;padding:0 16px}.cta-main-heading{letter-spacing:-.5px;font-size:var(--font-size-lg);text-align:center;color:var(--text-color);font-weight:700;font-family:var(--font-body-alt);margin-bottom:24px;transition:font-size .3s}.cta-wrapper{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:1.5rem;display:grid}.cta-card{background:var(--card-bg);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);border:1px solid var(--border-color-light);flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:24px 20px;display:flex}.cta-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cta-icon{width:48px;height:48px;transition:all var(--transition-smooth);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.cta-icon-projects{color:#0284c7;background-color:#0284c71a}.cta-icon-refer{color:#0d9488;background-color:#0d94881a}.cta-icon svg{width:24px;height:24px}.cta-heading{color:var(--text-color);margin-bottom:8px;font-size:1.1rem;font-weight:700;line-height:1.3}.cta-text{color:var(--muted-text);flex-grow:1;margin-bottom:16px;font-size:.9rem;font-weight:400;line-height:1.4}.cta-button{background-color:var(--btn-bg);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-smooth);box-shadow:var(--shadow-sm);border:none;width:100%;max-width:180px;padding:10px 24px;font-size:.9rem;font-weight:600}.cta-button:hover{background-color:var(--btn-hover);box-shadow:var(--shadow-md);transform:scale(1.02)}.cta-refer-modal-width{width:100%;max-width:540px}.cta-modal-content{background:var(--card-bg);border-radius:var(--radius-lg);max-width:520px;overflow:hidden}.cta-modal-header{text-align:center;background:linear-gradient(135deg,#e8d5f299 0%,#d4e8f799 100%);padding:32px 24px}body.dark-mode .cta-modal-header{background:linear-gradient(135deg,#581c874d 0%,#1e3a8a4d 100%)}.cta-modal-title{color:#5b21b6;margin:0 0 8px;font-size:1.75rem;font-weight:700}body.dark-mode .cta-modal-title{color:#c084fc}.cta-modal-subtitle{color:#6b7280;margin:0;font-size:.9rem}body.dark-mode .cta-modal-subtitle{color:#9ca3af}.cta-modal-section{border-bottom:1px solid var(--border-color-light);padding:28px 24px}.cta-modal-section-title{color:var(--text-color);text-align:left;margin-bottom:20px;font-size:.95rem;font-weight:600}.cta-modal-journey{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cta-modal-journey-item{flex:1;align-items:center;gap:.5rem;display:flex}.cta-modal-journey-step{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.cta-modal-journey-icon{color:#7c3aed;background:#7c3aed1a;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}body.dark-mode .cta-modal-journey-icon{color:#a855f7;background:#a855f726}.cta-modal-journey-icon svg{width:22px;height:22px}.cta-modal-journey-label{color:var(--text-color);text-align:center;margin:0;font-size:.8rem;font-weight:600;line-height:1.2}.cta-modal-journey-points{color:var(--success-color);margin:0;font-size:.75rem;font-weight:700}.cta-modal-journey-line{background:var(--border-color-light);flex:.4;width:100%;min-width:16px;height:2px}.cta-modal-actions{grid-template-columns:1fr 1fr;gap:12px;padding:24px;display:grid}.cta-modal-copy,.cta-modal-share{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;display:flex}.cta-modal-copy{background:var(--surface-bg);color:var(--link-color);border:1.5px solid var(--link-color)}.cta-modal-copy:hover{background:var(--highlight-bg)}.cta-modal-share{background:var(--link-color);color:#fff}.cta-modal-share:hover{background:var(--btn-hover)}.cta-modal-copy svg,.cta-modal-share svg{width:18px;height:18px}@media (max-width:1024px){.cta-main-heading{margin-bottom:28px;font-size:1.5rem}.cta-wrapper{gap:1.2rem}.cta-card{min-height:220px;padding:20px 18px}.cta-heading{font-size:1rem}.cta-modal-header{padding:28px 20px}.cta-modal-title{font-size:1.5rem}}@media (max-width:768px){.cta-section{padding:20px 12px}.cta-container{padding:0 8px}.cta-main-heading{margin-bottom:24px;font-size:1.35rem}.cta-wrapper{grid-template-columns:1fr;gap:1rem}.cta-card{min-height:200px;padding:18px 16px}.cta-icon{width:44px;height:44px;margin-bottom:12px}.cta-heading{margin-bottom:6px;font-size:.95rem}.cta-text{margin-bottom:12px;font-size:.85rem}.cta-button{max-width:160px;padding:8px 20px;font-size:.85rem}.cta-modal-header{padding:24px 18px}.cta-modal-title{font-size:1.35rem}.cta-modal-section{padding:20px 18px}.cta-modal-section-title{margin-bottom:16px;font-size:.9rem}.cta-modal-journey{flex-direction:row;gap:.3rem}.cta-modal-journey-item{flex:1;width:auto}.cta-modal-journey-step{gap:2px}.cta-modal-journey-label{font-size:.7rem}.cta-modal-journey-points{font-size:.65rem}.cta-modal-journey-line{width:100%;min-width:8px;height:2px}.cta-modal-actions{gap:10px;padding:20px 18px}.cta-modal-copy,.cta-modal-share{padding:10px 16px;font-size:.85rem}}@media (max-width:480px){.cta-section{padding:16px 8px}.cta-main-heading{margin-bottom:20px;font-size:1.2rem}.cta-wrapper{gap:.8rem}.cta-card{min-height:180px;padding:16px 14px}.cta-icon{width:40px;height:40px;margin-bottom:10px}.cta-heading{margin-bottom:4px;font-size:.9rem}.cta-text{margin-bottom:10px;font-size:.8rem}.cta-button{max-width:140px;padding:6px 16px;font-size:.8rem}.cta-modal-header{padding:20px 16px}.cta-modal-title{font-size:1.25rem}.cta-modal-section{padding:16px}.cta-modal-section-title{margin-bottom:12px;font-size:.85rem}.cta-modal-journey{flex-direction:row;gap:.2rem}.cta-modal-journey-item{flex:1;width:auto}.cta-modal-journey-step{gap:2px}.cta-modal-journey-icon{width:32px;height:32px}.cta-modal-journey-icon svg{width:16px;height:16px}.cta-modal-journey-label{font-size:.65rem}.cta-modal-journey-points{font-size:.6rem}.cta-modal-journey-line{width:100%;min-width:4px;height:2px}.cta-modal-actions{grid-template-columns:1fr 1fr;padding:16px}.cta-modal-copy,.cta-modal-share{padding:10px 14px;font-size:.8rem}}.project-section{background-color:var(--surface-bg);padding:20px 10px 10px}.filter-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.filter-button{font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--radius-full);background-color:var(--bg-color);color:var(--muted-text);transition:background-color var(--transition-fast), color var(--transition-fast);padding:6px 16px}.filter-button:hover{background-color:var(--highlight-bg)}.filter-button.active{background-color:var(--link-color);color:#fff;border-color:var(--link-color)}.view-all-button{background-color:var(--bg-color);color:var(--link-color);border:2px solid var(--link-color);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-md);transition:background-color var(--transition-smooth);margin-top:40px;padding:12px 28px}.view-all-button:hover{background-color:var(--highlight-bg);cursor:pointer}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.profile-editor-container{background:var(--page-bg);background-color:var(--surface-bg);width:100%;max-width:100vw;font-family:var(--font-body-alt);padding:10px}.editor-nav-bar{background-color:var(--surface-bg);z-index:var(--z-sticky);border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:var(--font-size-lg);width:100%;max-width:100vw;padding:0 16px;transition:transform .3s,top .3s;position:-webkit-sticky;position:sticky;top:64px;overflow-x:hidden}.editor-nav-bar.header-hidden{top:0;transform:translateY(-100%)}.editor-nav{gap:12px;display:flex;overflow-x:auto}.editor-nav button{color:var(--text-color);cursor:pointer;font-weight:500;font-size:var(--font-size-lg);background:0 0;border:none;padding:8px 12px}.editor-nav button:hover{text-decoration:underline}.editor-nav button.active-section{color:#007bff;font-weight:600}.profile-editor{flex-direction:column;gap:16px;width:100%;max-width:100%;margin-top:16px;padding:0 8px;display:flex;overflow-x:visible}.editor-section-pf.card{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-glossy);transition:var(--transition-all);font-size:var(--font-size-lg);box-sizing:border-box;background:linear-gradient(135deg,#fffffff2 0%,#fffffffa 100%);border:1px solid #fffc;border-radius:12px;width:100%;max-width:100%;padding:24px;overflow:visible}.editor-section-pf.card:hover{box-shadow:var(--shadow-floating);background:linear-gradient(135deg,#fffffffa 0%,#fffffffc 100%);border-color:#fffffff2;transform:translateY(-4px)}.section-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}.section-header-content h2{color:var(--text-color);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.section-header-content p{color:var(--muted-text);margin:4px 0 0;font-size:13px;font-weight:400}.section-header-content p[style*="color: #856404"]{color:#856404;font-weight:500}.section-header-content p:has(svg){color:#856404;font-weight:500}body.dark-mode .section-header-content p[style*="color: #856404"]{color:#ffc107}body.dark-mode .section-header-content p:has(svg){color:#ffc107}.profile-editor-container .btn{background:var(--btn-bg);background:linear-gradient(135deg, var(--btn-bg) 0%, #0052cc 100%);color:var(--text-on-primary);cursor:pointer;transition:var(--transition-micro);box-shadow:var(--shadow-glossy), 0 0 0 0 #007aff00;border:1px solid #007aff4d;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;position:relative;overflow:hidden}.profile-editor-container .btn:hover{background:linear-gradient(135deg, var(--btn-hover) 0%, #003d99 100%);box-shadow:var(--shadow-floating), 0 0 20px #007aff4d;border-color:#007aff80;transform:translateY(-3px)scale(1.02)}.profile-editor-container .btn:active{background:linear-gradient(135deg,#0052cc 0%,#003d99 100%);transform:translateY(-1px)scale(.98);box-shadow:0 2px 8px #06c3}.profile-editor-container .btn:focus{box-shadow:var(--shadow-glossy), 0 0 0 3px #007aff33;outline:none}.skill-input-actions .btn-secondary{padding:12px 16px}.profile-editor-container .btn-secondary{box-shadow:inset 0 0 #007aff00;background-color:var(--surface-bg)!important;border:2px solid var(--border-color)!important;color:var(--text-color)!important;transition:var(--transition-micro)!important}.profile-editor-container .btn-secondary:hover{transform:translateY(-2px);background:var(--highlight-bg)!important;color:var(--text-color)!important;border-color:var(--btn-bg)!important;box-shadow:0 4px 12px #00000014!important}.profile-editor-container .cancel-btn-color{background:var(--surface-bg);color:var(--text-color);border:2px solid var(--border-color);cursor:pointer;transition:var(--transition-micro);border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;box-shadow:inset 0 0 #dc354500}.profile-editor-container .cancel-btn-color:hover{color:var(--text-color);background:#dc354514;border-color:#dc3545;transform:translateY(-3px)scale(1.01);box-shadow:0 4px 12px #dc354526}.cancel-btn-color svg{width:16px;height:16px;transition:color .2s;color:#dc3545!important}.cancel-btn-color:hover svg{color:#c82333!important}.btn.cancel-btn-color svg{color:#dc3545!important}.btn.cancel-btn-color:hover svg{color:#c82333!important}.btn.save-btn-edu svg{color:#28a745;width:16px;height:16px}.btn.save-btn-edu:hover svg{color:#218838}.profile-avatar-section{text-align:center;margin-bottom:24px}.profile-avatar-wrapper{width:120px;height:120px;margin:0 auto;position:relative}.profile-avatar-img,.profile-avatar-placeholder{object-fit:cover;background:var(--surface-bg);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:600;display:flex}.profile-avatar-overlay{opacity:0;color:#fff;cursor:pointer;background:#00000080;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-avatar-controls{margin-top:8px}.profile-avatar-remove-btn{color:var(--danger-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin:0 auto;font-size:.875rem;display:flex}.profile-avatar-help-text{color:var(--muted-text);margin-top:4px;font-size:.75rem}.input-with-actions{justify-content:center;align-items:center;gap:5px;margin-bottom:20px;display:flex}.input-container{flex-direction:column;margin-bottom:16px;display:flex}.iinput-container{margin-bottom:8px}.reset-input-container{flex-direction:column;margin-bottom:5px;display:flex}.char-count{text-align:left;color:var(--muted-text);margin-top:2px;font-size:.8rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--btn-bg);outline:none}.input-error{border-color:var(--danger-color)}.form-select.input-error option,select.input-error option{color:#000;background-color:#fff}input[disabled]:hover{cursor:not-allowed;border-color:#dc3545}input[disabled],select[disabled]{color:#999;cursor:not-allowed;opacity:.7;background-color:#f5f5f5}input[disabled]::placeholder{color:#ccc}.work-preferences-container{background:var(--surface-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;margin:16px 0;padding:28px}.location-container{gap:30px;display:flex}.location-types-buttons{flex-wrap:wrap;gap:4px;margin-top:20px;display:flex}.location-type-button{border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:16px;padding:6px 14px;font-size:12px;position:relative}.type-tick{margin-right:3px}.tick-mark{position:absolute}.location-type-button.selected{background-color:var(--btn-bg);color:#fff}.locations-section{position:relative}.locations-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.locations-label{margin:0;font-size:1rem;font-weight:600;display:block}.selected-cities{gap:6px;display:flex;position:absolute;top:72px}.selected-city-pill{background-color:var(--surface-bg);color:var(--text-color);border:1px solid var(--border-color);gap:6px;margin:5px 0 0;padding:3px!important;font-size:12px!important}.skill-pill-1{color:#00796b;background-color:#e0f2f1;border-radius:20px;align-items:center;display:flex}.skill-pill-1 button{cursor:pointer;color:#00796b;background:0 0;border:none;align-items:center;margin-right:6px;padding:0;display:flex}.selected-city-remove-btn{color:var(--text-color)}.work-location-dropdown{background:var(--dropdown-bg);border:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow-sm);border-radius:4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.work-location-option{cursor:pointer;border-bottom:1px solid var(--border-color);color:var(--text-color);padding:10px 12px;font-size:12px}.work-location-option:last-child{border-bottom:none}.work-location-option:hover,.work-location-option.selected{background-color:var(--btn-bg);color:#fff}.skill-input-wrapper{flex:1;width:100%;position:relative}.skill-input-container{background:var(--surface-bg);border:1px solid #ddd;border-radius:10px;flex-direction:column;max-width:1250px;margin-bottom:50px;padding:16px;display:flex;overflow:visible}body.dark-mode .skill-input-container{background:linear-gradient(135deg,#2c2c2efa 0%,#2a2a2cf2 100%);border-color:#ffffff1a}body.dark-mode .skill-input-header h4{color:var(--text-color)}body.dark-mode .skill-form-inline{gap:16px}body.dark-mode .skill-field-inline label{color:var(--text-color)}body.dark-mode .skill-field-inline input,body.dark-mode .skill-field-inline select{color:var(--text-color)!important;background:#ffffff14!important;border-color:#ffffff26!important}body.dark-mode .skill-experience-fields .skill-field-inline label{color:var(--text-color)}body.dark-mode .skill-experience-fields .skill-field-inline input{color:var(--text-color)!important;background:#ffffff14!important;border-color:#ffffff26!important}body.dark-mode .skill-experience-separator{background-color:#fff6}body.dark-mode .skill-experience-badge{color:var(--muted-text);background-color:#ffffff1a}.skill-input-header{justify-content:space-between;align-items:center;display:flex}.skill-input-header h4{color:var(--text-color);margin:0;font-size:18px;font-weight:600}.skills-list-overview,.skills-display-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.skill-display-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 0;font-size:16px;display:flex}.skill-name{color:#333;flex-shrink:0;min-width:140px;font-size:14px;font-weight:500}.skill-rating-dots{align-items:center;gap:3px;display:flex}.skill-dot{border-radius:2px;width:12px;height:12px}.skill-dot.filled{background-color:#666}.skill-dot.empty{background-color:#e0e0e0}.skill-rating-text{color:#666;margin-left:8px;font-size:14px}.skill-experience-text{color:#666;margin-left:8px;font-size:16px}.skill-experience-separator{background-color:#ddd;width:1px;height:12px;margin:0 8px}.skill-remove-btn{cursor:pointer;color:#999;background:0 0;border:none;padding:4px;font-size:16px}.skill-suggestions{background:var(--dropdown-bg);border:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow-sm);border-radius:4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow:visible}.skill-suggestion{cursor:pointer;border-bottom:1px solid #eee;padding:10px 12px;font-size:12px}.skill-suggestion:last-child{border-bottom:none}.skill-suggestion:hover,.skill-suggestion.selected{background-color:var(--btn-bg);color:#fff}.degree-input-wrapper{width:100%;position:relative}.degree-suggestions{background:var(--dropdown-bg);border:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow-sm);border-radius:4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.degree-suggestion{cursor:pointer;border-bottom:1px solid #eee;padding:10px 12px;font-size:12px}.degree-suggestion:last-child{border-bottom:none}.degree-suggestion:hover,.degree-suggestion.selected{background-color:var(--btn-bg);color:#fff}.field-input-wrapper{width:100%;position:relative}.field-suggestions{background:var(--dropdown-bg);border:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow-sm);border-radius:4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.field-suggestion{cursor:pointer;border-bottom:1px solid #eee;padding:10px 12px;font-size:12px}.field-suggestion:last-child{border-bottom:none}.field-suggestion:hover,.field-suggestion.selected{background-color:var(--btn-bg);color:#fff}.institution-input-wrapper{width:100%;position:relative}.institution-suggestions{background:var(--dropdown-bg);border:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow-sm);border-radius:4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.institution-suggestion{cursor:pointer;border-bottom:1px solid #eee;padding:10px 12px;font-size:12px}.institution-suggestion:last-child{border-bottom:none}.institution-suggestion:hover,.institution-suggestion.selected{background-color:var(--btn-bg);color:#fff}.education-form-row{gap:16px;display:flex}.education-form-row>*{flex:1}.education-form-row-single{gap:16px;margin-bottom:16px;display:flex}.education-form-row-single>*{flex:1;min-width:0}.education-form-row-second{align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.education-form-row-second>*{flex:1;min-width:0}.education-form-row-split{gap:16px;display:flex}.education-form-row-split>*{flex:1}.education-form-row .institution-input-wrapper,.education-form-row-split>*,.education-form-row .institution-input-wrapper+.education-form-row-split{flex:1;min-width:0}.education-form-row .institution-input-wrapper+.education-form-row-split{flex:2;gap:16px;display:flex}.education-form-row .institution-input-wrapper+.education-form-row-split>*{flex:1;min-width:0}@media (max-width:768px){.education-form-row,.education-form-row-single,.education-form-row-second{flex-direction:column;gap:12px}}.error-message{color:var(--danger-color);margin-top:1px;font-size:.75rem}.profile-editor-container .toggle-switch{flex-shrink:0;display:inline-block;position:relative;width:50px!important;height:26px!important}.profile-editor-container .toggle-switch input{opacity:0;width:0;height:0;position:absolute}.profile-editor-container .toggle-slider{background-color:var(--toggle-off);cursor:pointer;transition:background-color .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;right:0;border-radius:26px!important}.profile-editor-container .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 2px 4px #0003;width:20px!important;height:20px!important;bottom:3px!important;left:3px!important}.profile-editor-container .toggle-switch input:checked+.toggle-slider{background-color:var(--toggle-on)}.profile-editor-container .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)!important}.profile-editor-container .toggle-switch:hover .toggle-slider{background-color:#cbd5e0cc}.profile-editor-container .toggle-switch:hover input:checked+.toggle-slider{background-color:#06cc}.profile-editor-container .toggle-container{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;min-height:60px;padding:16px 0;display:flex}.profile-editor-container .toggle-content{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.profile-editor-container .toggle-labels{flex-direction:column;flex:1;gap:2px;display:flex}.profile-editor-container .toggle-main-label{color:var(--text-color);font-size:14px;font-weight:500}.profile-editor-container .toggle-description{color:var(--muted-text);font-size:.8rem}.floating-save-bar{background:var(--page-bg);border-top:1px solid var(--border-color);z-index:var(--z-sticky);justify-content:flex-end;align-items:center;gap:12px;padding:12px 24px;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.icon-btn{cursor:pointer;border:1px solid gray;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:background-color .2s;display:flex;background:0 0!important}.icon-btn:hover{background:#00000014!important}.icon-btn.save-icon{background-color:#b9f3c7!important}.icon-btn.save-icon:hover{background-color:#78f195!important}.icon-btn.save-icon svg{color:#28a745;width:16px;height:16px}.icon-btn.save-icon:hover svg{color:#218838}.icon-btn.cancel-icon svg{color:#dc3545;width:16px;height:16px}.icon-btn.cancel-icon:hover svg{color:#c82333}.icon-btn.save-icon-circle{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:all .2s;display:flex;background-color:#d4ffd4!important;border:1px solid #28a745!important}.icon-btn.save-icon-circle:hover{transform:scale(1.05);background-color:#a2f1a2!important}.icon-btn.save-icon-circle svg{color:#28a745;width:16px;height:16px}.icon-btn.save-icon-circle:hover svg{color:#218838}.icon-btn.cancel-icon-circle{cursor:pointer;border:1px solid #dc3545;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:all .2s;display:flex;background-color:#fddada!important}.icon-btn.cancel-icon-circle:hover{transform:scale(1.05);background-color:#f1acac!important}.icon-btn.cancel-icon-circle svg{color:#dc3545;width:16px;height:16px}.icon-btn.cancel-icon-circle:hover svg{color:#c82333}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.icon-title-wrapper{align-items:center;gap:10px;display:flex}.icon-circle{color:#2563eb;background-color:#e6f4fd;border-radius:3px;justify-content:center;align-items:center;padding:5px;display:flex}.section-title-edit{font-size:var(--font-size-lg);color:var(--text-color);margin:0}.section-subtitle{color:#6b7280;margin:0;font-size:12px;font-weight:600}.section-subtitle.warning{color:#856404;font-weight:500}body.dark-mode .section-subtitle.warning{color:#ffc107}.section-subtitle:has(svg){color:#856404;font-weight:500}body.dark-mode .section-subtitle:has(svg){color:#ffc107}.experience-edit-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;display:flex}.experience-edit-header h4{margin:0}.edit-warning-message{color:#856404;align-items:center;gap:4px;margin:6px 0 0;font-size:12px;font-weight:500;display:flex}body.dark-mode .edit-warning-message{color:#ffc107}.btn-row{gap:10px;display:flex}.btn-row .btn-secondary{border-radius:100px;padding:6px 12px}.date-toggle-wrapper{flex-direction:column;gap:8px;display:flex}.label-row,.input-row{align-items:center;gap:20px;display:flex}.label-row{margin-bottom:8px}.label-row label{color:var(--text-color);flex:1;font-size:14px;font-weight:600}.input-row>*{flex:1}.date-input-group{align-items:flex-end;gap:20px;display:flex}.date-field{flex-direction:column;flex:1;display:flex}.date-field label{color:var(--text-color);margin-bottom:6px;font-size:14px;font-weight:600}.form-label{color:var(--text-color);margin-top:5px;margin-bottom:2px;font-size:14px;font-weight:600}.toggle-field{flex-direction:column;align-items:center;gap:6px;display:flex}.toggle-field label{color:var(--text-color);text-align:center;white-space:nowrap;margin:0;font-size:14px;font-weight:600}.required-asterisk{color:red;margin-left:4px}@media (max-width:768px){.date-toggle-wrapper{gap:12px}.date-input-group{flex-direction:column;align-items:stretch;gap:16px}.date-field{width:100%}.toggle-field{border-top:1px solid var(--border-color);flex-direction:row;justify-content:space-between;align-items:center;padding:12px 0}.toggle-field label{text-align:left;white-space:normal}.label-row,.input-row{flex-direction:column;align-items:stretch;gap:12px}.label-row label{text-align:left;margin-bottom:4px}.input-row>*{width:100%}.education-form-row-split{flex-direction:column;gap:16px}.education-form-row-split>*{width:100%}}.experience-form .degree-suggestions,.experience-form .position-suggestions,.experience-form .company-suggestions{background:var(--card-bg);z-index:1000;border:1px solid #ddd;border-radius:4px;position:absolute;top:100%;left:0;right:0;box-shadow:0 2px 8px #0000001a}.experience-form .degree-suggestion,.experience-form .position-suggestion,.experience-form .company-suggestion{cursor:pointer;border-bottom:1px solid #eee;padding:10px 12px}.experience-form .degree-suggestion:last-child,.experience-form .position-suggestion:last-child,.experience-form .company-suggestion:last-child{border-bottom:none}.experience-form .degree-suggestion:hover,.experience-form .degree-suggestion.selected,.experience-form .position-suggestion:hover,.experience-form .position-suggestion.selected,.experience-form .company-suggestion:hover,.experience-form .company-suggestion.selected{background-color:var(--btn-bg);color:#fff}.experience-form .error-message{color:var(--danger-color);margin-top:1px;font-size:.75rem}.input-row{flex-direction:column;display:flex}.toggle-container{border-bottom:none;padding:16px 0}.action-icons{gap:10px;display:flex;position:absolute;top:10px;right:10px}.experience-card{align-items:flex;background:var(--surface-bg);opacity:1;border:1px solid #0c8;border-radius:12px;flex-direction:column;margin-bottom:16px;padding:16px;display:flex;position:relative;top:12px;right:12px}.experience-card .action-icons{opacity:0;gap:10px;transition:opacity .2s ease-in-out;display:flex;position:absolute;top:10px;right:10px}.experience-card:hover .action-icons{opacity:1}.experience-card .edit-icon{cursor:pointer;color:#007bff}.experience-card .delete-icon{cursor:pointer;color:#ea4335}.experience-content{gap:20px;display:flex}.number-badge{color:#fff;background-color:#06c;border-radius:50%;justify-content:center;align-items:center;min-width:25px;height:25px;margin-top:5px;font-size:12px;font-weight:700;display:flex}.experience-role{margin:0;font-size:1.1rem;font-weight:700}.current-badge,.pursuing-badge{color:#fff;vertical-align:middle;background-color:#54d171;border-radius:12px;margin-left:10px;padding:2px 8px;font-size:12px}.inline-icon{margin-right:6px}.experience-org{color:#007bff;align-items:center;gap:6px;margin:5px 0;font-size:1.1rem;font-weight:600;display:flex}.experience-dates{align-items:center;gap:6px;margin:4px 0;font-size:14px;display:flex}.experience-description-display{white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;max-height:120px;padding-right:6px;font-size:14px;line-height:1.4;overflow-y:auto}.section-left{align-items:center;gap:12px;display:flex}.education-card.editing{border:1px solid #ddd;border-radius:10px;flex-direction:column;max-width:1250px;padding:16px;display:flex}.education-edit-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.education-edit-header h1{margin:0;font-size:18px;font-weight:600}.btn.save-btn-edu{color:#fff;cursor:pointer;background-color:#0c8;border:none;border-radius:100px;padding:6px 14px;font-size:14px}.card-circle{color:#fff;background-color:#0c8;border-radius:50%;justify-content:center;align-items:center;min-width:25px;height:25px;margin-top:4px;margin-right:16px;font-size:12px;font-weight:700;display:flex}.icon-box{background-color:#e6f8ef;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:flex}.section-icon{color:#2563eb;background-color:#e6f4fd;font-size:25px}.add-btn{color:#fff;cursor:pointer;background-color:#00a65a;border:none;border-radius:8px;align-items:center;padding:10px 16px;font-size:14px;transition:background-color .2s;display:flex;box-shadow:0 4px 10px #00a65a33}.add-btn:hover{background-color:#008f4f}.education-card{background:var(--surface-bg);border:1px solid #0c8;border-radius:12px;gap:6px;width:100%;margin-bottom:16px;padding:16px;display:flex;position:relative}.education-card .field-text{color:#0c8;word-wrap:break-word;overflow-wrap:anywhere;white-space:normal;margin-top:4px;line-height:1.4;display:block}.card-content{flex:1;position:relative}.card-content h3{margin:0;font-size:1.1rem;font-weight:700}.field-text{color:#0c8;margin-left:6px;font-weight:500}.card-content p{color:var(--text-color);margin:4px 0;font-size:.95rem}.cgpa-display{color:var(--text-color);font-weight:500;font-size:.9rem!important}.icon-actions{gap:12px;display:none;position:absolute;top:12px;right:12px}.education-card.display:hover .icon-actions{display:flex}.sticky-footer{background:var(--bg-color);border-top:2px solid var(--border-color);z-index:998;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:12px;padding:16px 24px;display:flex;position:-webkit-sticky;position:sticky;bottom:0;box-shadow:0 -4px 12px #0000000f}.progress-bar-container{align-items:center;gap:12px;margin-bottom:4px;display:flex}.progress-bar{background:#e0e0e080;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar .progress{background:linear-gradient(90deg,#06c,#0052a3);border-radius:4px;width:0%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #0066cc4d}.progress-percentage{color:var(--text-color);text-align:right;min-width:36px;font-size:13px;font-weight:600}.progress-bar .progress[style*="width: 0%"],.progress-bar .progress[style*="width: 1%"],.progress-bar .progress[style*="width: 2%"],.progress-bar .progress[style*="width: 3%"],.progress-bar .progress[style*="width: 4%"],.progress-bar .progress[style*="width: 5%"],.progress-bar .progress[style*="width: 6%"],.progress-bar .progress[style*="width: 7%"],.progress-bar .progress[style*="width: 8%"],.progress-bar .progress[style*="width: 9%"],.progress-bar .progress[style*="width: 10%"],.progress-bar .progress[style*="width: 11%"],.progress-bar .progress[style*="width: 12%"],.progress-bar .progress[style*="width: 13%"],.progress-bar .progress[style*="width: 14%"],.progress-bar .progress[style*="width: 15%"],.progress-bar .progress[style*="width: 16%"],.progress-bar .progress[style*="width: 17%"],.progress-bar .progress[style*="width: 18%"],.progress-bar .progress[style*="width: 19%"],.progress-bar .progress[style*="width: 20%"],.progress-bar .progress[style*="width: 21%"],.progress-bar .progress[style*="width: 22%"],.progress-bar .progress[style*="width: 23%"],.progress-bar .progress[style*="width: 24%"],.progress-bar .progress[style*="width: 25%"],.progress-bar .progress[style*="width: 26%"],.progress-bar .progress[style*="width: 27%"],.progress-bar .progress[style*="width: 28%"],.progress-bar .progress[style*="width: 29%"],.progress-bar .progress[style*="width: 30%"],.progress-bar .progress[style*="width: 31%"],.progress-bar .progress[style*="width: 32%"],.progress-bar .progress[style*="width: 33%"],.progress-bar .progress[style*="width: 34%"],.progress-bar .progress[style*="width: 35%"],.progress-bar .progress[style*="width: 36%"],.progress-bar .progress[style*="width: 37%"],.progress-bar .progress[style*="width: 38%"],.progress-bar .progress[style*="width: 39%"],.progress-bar .progress[style*="width: 40%"]{background:linear-gradient(90deg,#f02020,#f81946)}.progress-bar .progress[style*="width: 41%"],.progress-bar .progress[style*="width: 42%"],.progress-bar .progress[style*="width: 43%"],.progress-bar .progress[style*="width: 44%"],.progress-bar .progress[style*="width: 45%"],.progress-bar .progress[style*="width: 46%"],.progress-bar .progress[style*="width: 47%"],.progress-bar .progress[style*="width: 48%"],.progress-bar .progress[style*="width: 49%"],.progress-bar .progress[style*="width: 50%"],.progress-bar .progress[style*="width: 51%"],.progress-bar .progress[style*="width: 52%"],.progress-bar .progress[style*="width: 53%"],.progress-bar .progress[style*="width: 54%"],.progress-bar .progress[style*="width: 55%"],.progress-bar .progress[style*="width: 56%"],.progress-bar .progress[style*="width: 57%"],.progress-bar .progress[style*="width: 58%"],.progress-bar .progress[style*="width: 59%"],.progress-bar .progress[style*="width: 60%"]{background:linear-gradient(90deg,#ff5656,#eaaaaa)}.progress-bar .progress[style*="width: 61%"],.progress-bar .progress[style*="width: 62%"],.progress-bar .progress[style*="width: 63%"],.progress-bar .progress[style*="width: 64%"],.progress-bar .progress[style*="width: 65%"],.progress-bar .progress[style*="width: 66%"],.progress-bar .progress[style*="width: 67%"],.progress-bar .progress[style*="width: 68%"],.progress-bar .progress[style*="width: 69%"],.progress-bar .progress[style*="width: 70%"],.progress-bar .progress[style*="width: 71%"],.progress-bar .progress[style*="width: 72%"],.progress-bar .progress[style*="width: 73%"],.progress-bar .progress[style*="width: 74%"],.progress-bar .progress[style*="width: 75%"],.progress-bar .progress[style*="width: 76%"],.progress-bar .progress[style*="width: 77%"],.progress-bar .progress[style*="width: 78%"],.progress-bar .progress[style*="width: 79%"],.progress-bar .progress[style*="width: 80%"]{background:linear-gradient(90deg,#90ee90,#98fb98)}.progress-bar .progress[style*="width: 81%"],.progress-bar .progress[style*="width: 82%"],.progress-bar .progress[style*="width: 83%"],.progress-bar .progress[style*="width: 84%"],.progress-bar .progress[style*="width: 85%"],.progress-bar .progress[style*="width: 86%"],.progress-bar .progress[style*="width: 87%"],.progress-bar .progress[style*="width: 88%"],.progress-bar .progress[style*="width: 89%"],.progress-bar .progress[style*="width: 90%"],.progress-bar .progress[style*="width: 91%"],.progress-bar .progress[style*="width: 92%"],.progress-bar .progress[style*="width: 93%"],.progress-bar .progress[style*="width: 94%"],.progress-bar .progress[style*="width: 95%"],.progress-bar .progress[style*="width: 96%"],.progress-bar .progress[style*="width: 97%"],.progress-bar .progress[style*="width: 98%"],.progress-bar .progress[style*="width: 99%"],.progress-bar .progress[style*="width: 100%"]{background:linear-gradient(90deg,#228b22,#32cd32)}.completion-text{color:#5f6368;font-size:14px;font-weight:400}.dropdown-search{height:24px;padding:2px 6px;font-size:11px}.sticky-footer-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;display:flex}.sticky-footer-buttons .btn,.sticky-footer-buttons .cancel-btn-color{border-radius:6px;min-width:100px;padding:11px 20px;font-size:14px;font-weight:600}@media (max-width:768px){.sticky-footer-buttons{flex-direction:column;align-items:stretch}}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-muted{color:var(--muted-text);font-size:.875rem}.mt-2{margin-top:8px}@media (max-width:768px){.profile-editor-container{padding-bottom:100px}.editor-section-pf.card{margin-bottom:20px}.sticky-footer{z-index:999;bottom:80px}.sticky-footer-buttons{flex-direction:column;align-items:stretch;gap:12px}.sticky-footer-buttons .btn,.sticky-footer-buttons .cancel-btn-color{width:100%;min-height:48px;padding:14px 20px;font-size:16px}}.icon-actions svg:hover{transform:scale(1.15)}.action-row{justify-content:flex-end;gap:10px;width:100%;margin-top:30px;display:flex}.btn.add-btn{color:#fff;background-color:#0c8;border-radius:8px;margin-left:auto;padding:8px 14px;font-weight:700}.experience-header h3{margin:0;font-size:1.2rem}.date-range{color:#444;align-items:center;gap:6px;margin:5px 0;display:flex}.company-name{font-size:14px;font-weight:700;display:flex}.badge.current{color:#fff;background-color:#22c55e;border-radius:6px;margin-left:10px;padding:2px 6px;font-size:.75rem}.description{color:#333;white-space:pre-wrap;margin-top:10px}.index-badge{color:#fff;text-align:center;background:#007bff;border-radius:50%;width:28px;height:28px;font-size:14px;font-weight:700;line-height:28px;position:absolute;top:20px;left:3px}.action-buttons{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.action-buttons button{cursor:pointer;color:#555;background:0 0;border:none;font-size:18px}.action-buttons button:hover{color:red}.edit-mode input,.edit-mode textarea{border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:10px;padding:8px;display:block}.btn.small{padding:6px 12px}.btn.smallSkillAdd{margin-bottom:10px;padding:8px 12px}.btn.btn-danger{color:#fff;background-color:#dc3545}.experience-card:hover{box-shadow:0 2px 10px #0000000d}.role-row{align-items:center;gap:12px;margin-bottom:12px;display:flex;position:relative}.hover-card:hover .icon-actions{display:flex}.action-icon{color:#444;cursor:pointer;transition:color .2s}.action-icon:hover{color:#007bff}.job-title{align-items:center;gap:8px;margin:0;display:flex}.number-badge.blue{color:#fff;background-color:#007bff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 5px #0000001a}.input-wrapper{flex-direction:column;flex:1;display:flex}.input-with-icon{background-color:#fff;border:1px solid #ccc;border-radius:6px;align-items:center;gap:8px;width:100%;max-width:1250px;padding:6px 10px;display:flex}.input-icon{color:#007bff;font-size:18px}.icon-actions.top-right{gap:10px;display:flex;position:absolute;top:10px;right:12px}.icon-actions-on-hover{opacity:0;gap:10px;transition:opacity .3s;display:flex;position:absolute;top:12px;right:12px}.company-link,.date-range{color:#666;align-items:center;font-size:14px;font-weight:bolder;display:flex}.job-description{color:#444;margin-top:10px}.action-icon2{opacity:0;pointer-events:none;gap:10px;transition:opacity .2s;display:flex;position:absolute;top:12px;right:12px}.experience-card:hover .action-icon2{opacity:1;pointer-events:auto}.edit-icon{cursor:pointer;color:#0c8;font-size:16px;transition:color .2s,transform .2s}.delete-icon{cursor:pointer;color:#dc3545;font-size:16px;transition:color .2s,transform .2s}.input-with-icon .input-icon{color:#555;margin-right:8px;font-size:16px}.input-with-icon input{border:none;outline:none;flex:1;padding:6px 0;font-size:14px}.input-icon-row{align-items:center;gap:8px;width:100%;margin-bottom:10px;display:flex}.input-icon-outside{color:#555;font-size:16px}.input-icon-row input{flex:1;padding:10px 14px;font-size:14px}.label-row label{width:150px;font-weight:600}.input-row>*{width:150px}select{border:1px solid #ccc;border-radius:8px;width:100%;padding:8px;font-size:14px}.inline-field{flex-direction:column;flex:1;width:50%;min-width:200px;display:flex}.inline-field label{margin-bottom:6px;font-size:14px;font-weight:500}.inline-field Select,.inline-field Input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.professional-section{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.professional-section .form-group{flex:200px}.skills-wrapper{background:#fafafa;border:1px solid #ddd;border-radius:6px;flex-wrap:wrap;flex:100%;gap:8px;max-width:400px;max-height:120px;padding:8px;display:flex;overflow-y:auto}.input-label{margin-bottom:6px;font-size:1rem;font-weight:600;display:block}.hint-text{color:#888;margin-left:6px;font-size:12px;font-weight:400}.skill-pill{color:#00796b;background-color:#e0f2f1;border:1px solid #b2dfdb;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.skill-pill:hover{background-color:#b2dfdb;transform:translateY(-1px)}.skill-pill button{cursor:pointer;color:#00796b;background:0 0;border:none;align-items:center;padding:2px;transition:color .2s;display:flex}.skill-pill button:hover{color:#d32f2f}.skills-section{margin-top:20px}.skills-pills{flex-wrap:wrap;gap:8px;margin-bottom:5px;display:flex}.remove-btn{cursor:pointer;color:#00796b;background:0 0;border:none;align-items:center;margin-left:6px;padding:0;display:flex}.form-input,input[type=text],input[type=email],input[type=number],input[type=date],input[type=url],textarea{border:2px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);border-radius:6px;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=date]:focus,input[type=url]:focus,textarea:focus{border-color:var(--btn-bg);background-color:var(--bg-color);outline:none;box-shadow:0 0 0 3px #0066cc1a}.form-select,select{border:2px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23666\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 10px;border-radius:6px;padding:12px 32px 12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-select:focus,select:focus{border-color:var(--btn-bg);background-color:var(--bg-color);outline:none;box-shadow:0 0 0 3px #0066cc1a}body.dark-mode .form-select,body.dark-mode select{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-color);background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23aaa\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>")}body.dark-mode .form-select:focus,body.dark-mode select:focus{background-color:var(--card-bg);border-color:var(--btn-bg);box-shadow:0 0 0 3px #0a84ff33}body.dark-mode .form-select option,body.dark-mode select option{background-color:var(--card-bg);color:var(--text-color)}body.dark-mode .form-select option:checked,body.dark-mode select option:checked{background-color:var(--btn-bg);color:var(--text-on-primary)}.engagement-toggles{grid-template-columns:repeat(2,1fr);gap:0 32px;margin-bottom:24px;display:grid}.engagement-toggles .toggle-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:16px;min-height:60px;padding:16px 0;display:flex}.engagement-toggles .toggle-row .label-description,.engagement-toggles .toggle-row .label-group{flex-direction:column;flex:1;gap:4px;display:flex}.engagement-toggles .toggle-row .toggle-switch{flex-shrink:0;width:50px!important;height:26px!important}.engagement-toggles .toggle-row .toggle-slider:before{width:20px!important;height:20px!important;bottom:3px!important;left:3px!important}.engagement-toggles .toggle-row .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)!important}.edit-profile-lable{color:var(--text-color);letter-spacing:-.2px;font-weight:600;margin:0!important;font-size:14px!important}.toggle-row p{color:var(--muted-text);margin:0;font-size:13px}.input-pair{flex-direction:column;gap:16px;display:flex}@media (max-width:1024px){.engagement-toggles{grid-template-columns:repeat(2,1fr);gap:20px 24px}}@media (max-width:640px){.engagement-toggles{grid-template-columns:1fr;gap:20px}}.social-links-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.input-group{flex-direction:column;flex:1;min-width:200px;display:flex}.input-group.space-between{justify-content:space-between;align-items:center;display:flex}.row-group{flex-wrap:wrap;gap:20px;display:flex}.equal-width{flex:1;min-width:200px}.input-group.full-width{width:100%}.response-select{background-color:var(--card-bg);color:var(--text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ccc;border-radius:8px;padding:12px 16px;font-size:14px}.align-inline{width:100%}.inline-input-row{flex-wrap:wrap;gap:20px;display:flex}.input-box{background-color:var(--bg-color);color:var(--text-color);border:1px solid #ccc;border-radius:8px;padding:12px 16px;font-size:.95rem}.pf-bottom{margin-bottom:20px}.phone-input-wrapper{flex-direction:column;display:flex;position:relative}.phone-input-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-color);align-items:center;width:100%;height:44px;transition:border-color .2s;display:flex}.phone-input-container:focus-within{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.country-selector{cursor:pointer;background-color:var(--bg-color);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);border-right:1px solid #ddd;justify-content:space-between;align-items:center;gap:6px;min-width:200px;height:100%;padding:0 10px;display:flex}.country-code-selector{cursor:pointer;background-color:var(--bg-color);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);white-space:nowrap;border-right:1px solid #ddd;align-items:center;gap:6px;min-width:-moz-fit-content;min-width:fit-content;height:100%;padding:0 10px;display:flex}.svg-left-country,.svg-left{flex-shrink:0;margin-left:auto!important}.country-flag{object-fit:cover;width:20px;height:15px}.country-code{width:100%;font-size:14px}.dropdown-icon{color:#555;margin-left:4px}.phone-input-field{background-color:#0000;outline:none;flex:1;height:100%;padding:0 12px;font-size:14px;border:none!important}.phone-input-field:focus{background-color:none!important;box-shadow:none!important;border:none!important}.phone-input-field::placeholder{color:#aaa}.country-dropdown{background:var(--dropdown-bg);border:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow-sm);border-radius:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.country-option{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;color:var(--text-color);align-items:center;gap:8px;padding:8px 12px;transition:background .2s;display:flex;overflow:hidden}.country-option:hover{background-color:var(--btn-bg);color:#fff}.input-error{color:red;margin-top:4px;font-size:12px}.width-inline-input .phone-input-container input,.width-inline-input input{box-sizing:border-box}.width-inline-input{width:33%}@media (max-width:768px){.width-inline-input{flex:0 0 100%;max-width:100%;margin-bottom:12px;width:100%!important}.input-container.width-inline-input{flex:0 0 100%;max-width:100%;margin-bottom:12px}.inline-input{flex-direction:column;gap:12px;display:flex}.inline-field{flex:0 0 100%;min-width:100%;max-width:100%}}.country-input-container{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);font-size:var(--font-size-md);transition:var(--transition-smooth);font-family:var(--font-body-alt);position:relative;width:100%!important;padding:10px 16px!important;overflow:visible!important}.country-input-container .country-selector{border-radius:var(--radius-md);color:var(--text-color);background:0 0;border-right:none;padding:0}.state-input-container{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-color);font-size:var(--font-size-md);transition:var(--transition-smooth);font-family:var(--font-body-alt);padding:7px 14px;position:relative}body.dark-mode .country-input-container,body.dark-mode .state-input-container{background:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}body.dark-mode .country-input-container .country-selector{color:var(--text-color)!important;background:0 0!important}body.dark-mode .country-code{color:var(--text-color)!important}body.dark-mode .dropdown-icon{color:var(--muted-text)!important}body.dark-mode .country-dropdown,body.dark-mode .phone-input-container{background:var(--card-bg)!important;border-color:var(--border-color)!important}body.dark-mode .country-option,body.dark-mode .phone-input-field{background:var(--card-bg)!important;color:var(--text-color)!important}body.dark-mode .country-option:hover{background-color:var(--btn-bg)!important;color:var(--text-on-primary)!important}body.dark-mode .country-selector,body.dark-mode .country-code-selector{border-color:var(--border-color)!important;color:var(--text-color)!important;background:0 0!important}body.dark-mode .country-flag,body.dark-mode .phone-country-flag{opacity:1}body.dark-mode .work-location-dropdown{background:var(--card-bg)!important;border-color:var(--border-color)!important}body.dark-mode .work-location-option{background:var(--card-bg)!important;color:var(--text-color)!important;border-bottom-color:var(--border-color)!important}body.dark-mode .work-location-option:hover,body.dark-mode .work-location-option.selected{background-color:var(--btn-bg)!important;color:var(--text-on-primary)!important}body.dark-mode .location-type-button{background-color:var(--card-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}body.dark-mode .location-type-button.selected{background-color:var(--btn-bg)!important;color:var(--text-on-primary)!important}body.dark-mode .selected-city-pill{background-color:var(--surface-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}@media (max-width:768px){.profile-editor-container{min-height:calc(100vh - 60px);padding-bottom:100px}.profile-editor-container .sticky-footer{z-index:999;background:var(--bg-color);border-top:2px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;bottom:80px;left:0;right:0;box-shadow:0 -4px 12px #0000001a}body.dark-mode .profile-editor-container .sticky-footer{background:var(--bg-color);border-top-color:var(--border-color);box-shadow:0 -4px 12px #0000004d}.editor-section-pf.card{margin-bottom:20px}.sticky-footer-buttons{flex-direction:column;align-items:stretch;gap:12px}.sticky-footer-buttons .btn,.sticky-footer-buttons .cancel-btn-color{width:100%;min-height:48px;padding:14px 20px;font-size:16px}.country-input-container,.state-input-container{padding:8px 12px!important}body.dark-mode .country-input-container,body.dark-mode .state-input-container{background:var(--card-bg)!important;border-color:var(--border-color)!important}.social-links-grid{grid-template-columns:1fr;gap:16px}.experience-card{margin-bottom:12px;padding:12px}.experience-content{flex-direction:column;gap:12px}.number-badge{align-self:flex-start;margin-top:0}.experience-edit-header{flex-direction:column;align-items:stretch;gap:12px}.experience-edit-header h4{text-align:center;font-size:16px}.btn-row{flex-wrap:wrap;justify-content:center}.action-icons{opacity:1;justify-content:flex-end;margin-bottom:8px;position:static}.experience-card .action-icons{opacity:1}.width-inline-input{width:48%}.width-inline-input:nth-child(3),.inline-input-row .width-inline-input:nth-child(n+3){width:100%;margin-top:12px}.row-group>:nth-child(3),.professional-section .form-group:nth-child(3){flex:100%;margin-top:12px}.inline-input{flex-wrap:wrap;gap:12px;display:flex}.inline-field:only-child{min-width:100%}.btn.small{min-height:36px;padding:8px 12px;font-size:13px}.section-header{margin-bottom:16px}.section-header button{white-space:nowrap;min-width:auto}.dropdown-icon{width:16px;height:16px}.country-input-container{height:36px!important;min-height:36px!important;padding:6px 10px!important}.country-flag{width:18px;height:14px}.edit-icon,.delete-icon{padding:4px;font-size:18px}.icon-circle{min-width:40px;min-height:40px;padding:10px}.icon-circle svg{width:20px;height:20px}.country-code-selector{min-height:44px;padding:0 12px}.country-selector{min-height:36px;padding:0}.profile-editor-container .toggle-switch{width:52px!important;height:30px!important}.profile-editor-container .toggle-slider:before{width:22px!important;height:22px!important;bottom:4px!important;left:4px!important}.profile-editor-container .toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)!important}.profile-editor-container .toggle-container{min-height:50px;padding:12px 0}.profile-editor-container .toggle-main-label{font-size:13px}.profile-editor-container .toggle-description{font-size:.75rem}.experience-edit-header,.education-edit-header{flex-direction:row;align-items:stretch;gap:12px}.experience-edit-header h4,.education-edit-header h1{text-align:center}.skill-pill{padding:8px 12px;font-size:12px}.skill-pill button{padding:2px}.form-input,.input-box,.response-select{min-height:44px;font-size:16px}.country-dropdown{border-radius:8px;max-height:250px}.country-option{min-height:44px;padding:12px}.progress-text{font-size:12px}}@media (max-width:480px){.work-preferences-container{margin:8px 0;padding:12px}.location-type-button{min-height:32px;padding:6px 10px;font-size:11px}.selected-city-pill{padding:4px 8px;font-size:11px}.yes-no-btn{min-height:32px;padding:6px 12px;font-size:11px}.days-input{min-height:32px;width:70px!important;font-size:12px!important}}@media (max-width:768px){.work-preferences-container{margin:12px 0;padding:16px}.location-container{flex-direction:column;gap:12px}.location-types-section{min-width:100%}.location-types-buttons{flex-wrap:wrap;justify-content:flex-start;gap:8px}.location-type-button{flex:none;min-height:36px;padding:8px 12px;font-size:12px}.locations-section{width:100%}.locations-header{margin-bottom:12px}.selected-cities{flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-top:3px;display:flex}.selected-cities:empty{display:none}.selected-city-pill{white-space:nowrap;flex-shrink:0;margin:0;padding:6px 10px;font-size:12px}.actively-looking-container,.notice-period-container{clear:both;margin-top:16px}.actively-looking-buttons{flex-wrap:wrap;gap:12px}.yes-no-btn{flex:none;min-height:36px;padding:8px 16px;font-size:12px}.notice-period-options{flex-wrap:wrap;gap:12px}.radio-option{margin-bottom:8px}.days-input{min-height:36px;width:80px!important;font-size:14px!important}}@media (max-width:375px){.work-preferences-container{margin:6px 0;padding:10px}.location-types-buttons{gap:6px}.selected-cities{gap:6px;margin-top:2px}.selected-city-pill{padding:4px 6px;font-size:10px}.location-type-button{min-height:30px;padding:5px 8px;font-size:10px}.yes-no-btn{min-height:30px;padding:5px 10px;font-size:10px}.actively-looking-container,.notice-period-container{margin-top:12px}.days-input{min-height:30px;width:60px!important;font-size:11px!important}}@media (max-width:768px){.country-input-container,.state-input-container{color:var(--text-color)!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;justify-content:space-between!important;align-items:center!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:8px 12px!important;font-size:14px!important;display:flex!important}.country-selector{background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;height:auto!important;min-height:auto!important;padding:0!important;font-size:14px!important}.country-code{font-size:14px!important}.dropdown-icon{flex-shrink:0!important;width:14px!important;height:14px!important}}@media (max-width:375px){.country-input-container,.state-input-container{height:32px!important;min-height:32px!important;max-height:32px!important;padding:6px 10px!important;font-size:12px!important}.country-selector,.country-code{font-size:12px!important}.dropdown-icon{width:12px!important;height:12px!important}}.experience-card .inline-input{gap:16px;width:100%;display:flex}.experience-card .inline-input>*{flex:1}.skill-form-inline{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.skill-button-wrapper{align-items:flex-end;padding-bottom:18px;display:flex}.skill-button-wrapper .btn{white-space:nowrap}.skill-field-inline{flex-direction:column;flex:.5;min-width:200px;display:flex}.skills-list{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.skills-pills-list{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.skill-field-inline label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600}.skill-field-inline input,.skill-field-inline select{background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px 16px;font-size:14px}.skill-field-inline .error-message{min-height:18px;margin-top:4px}.skill-experience-separator{background-color:#999;border-radius:50%;width:4px;height:4px;margin:0}.skill-experience-badge{color:#666;background-color:#f5f5f5;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.phone-country-flag{width:20px;height:15px}.phone-country-name{font-size:1rem}.phone-country-code{margin-left:auto;font-size:1rem}.country-search-input{height:24px;padding:2px 6px;font-size:11px}.country-dropdown-container{overflow-y:auto}.state-search-input{height:24px;padding:2px 6px;font-size:11px}.remaining-inline-styles{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.skill-name-display{color:#333;font-size:16px;font-weight:500}.skill-details-display{align-items:center;gap:12px;display:flex}.skill-rating-display{align-items:center;gap:4px;display:flex}.rating-dot-display{background-color:#e0e0e0;border-radius:20%;width:10px;height:10px}.rating-dot-filled{background-color:#5f5e5e}.rating-text-display{color:#666;margin-left:8px;font-size:14px}.skill-remove-button{cursor:pointer;color:#999;background:0 0;border:none;padding:4px;font-size:12px}.temp-skill-rating-display,.temp-skill-experience-display{opacity:.8;margin-left:8px;font-size:11px}.experience-total-display{color:var(--success-color);align-items:center;gap:8px;margin-top:8px;font-size:1.1rem;font-weight:700;display:flex}.date-required-asterisk{color:red;margin-left:4px}.experience-error-display{margin-top:4px;font-size:11px}.experience-description-icon-container{align-items:flex-start;gap:8px;display:flex}.experience-description-icon-style{flex-shrink:0;margin-top:2px}.project-tech-display{align-items:flex-start;gap:8px;margin-top:5px;display:flex}.project-tech-icon-style{flex-shrink:0;margin-top:2px}.project-tech-pill-style{padding:4px 8px;font-size:12px}.project-description-display{align-items:flex-start;gap:8px;display:flex}.project-description-icon-style{flex-shrink:0;margin-top:2px}.country-flag-display{width:20px;height:15px;margin-right:8px}.country-name-display{font-size:1rem}.no-results-display{color:#999;font-size:1rem}.state-cursor-disabled{cursor:not-allowed;opacity:.6}.state-cursor-enabled{cursor:pointer;opacity:1}.state-name-display{font-size:1rem}.state-dropdown-container{max-height:200px;overflow-y:auto}.engagement-description-text{font-size:13.5px}.progress-bar-style{width:100%}.skill-experience-fields{flex:1;gap:12px;display:flex}.skill-experience-fields .skill-field-inline{flex:1;min-width:80px}.skill-experience-fields .skill-field-inline input{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 16px;font-size:14px}.skill-experience-fields .skill-field-inline label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.skill-experience-fields .error-message{min-height:18px;color:var(--danger-color);margin-top:4px;font-size:.75rem}@media (max-width:768px){.skill-form-inline{flex-direction:column;align-items:stretch;gap:16px}.skill-button-wrapper{padding-bottom:0}.skill-button-wrapper .btn{width:100%}.skill-experience-fields{flex-direction:row;gap:12px}.skills-list{grid-template-columns:1fr}.skills-pills-list{flex-wrap:wrap}}.skill-experience-connected{background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;display:flex;overflow:hidden}.skill-years-input{flex:1;min-width:60px;font-size:14px;background:0 0!important;border:none!important;outline:none!important;padding:12px 8px 12px 16px!important}.skill-months-input{flex:1;min-width:60px;font-size:14px;background:0 0!important;border:none!important;outline:none!important;padding:12px 16px 12px 8px!important}.experience-separator{background-color:#ddd;align-self:center;width:1px;height:20px;margin:0 8px}.skill-experience-connected:focus-within{border-color:var(--btn-bg);box-shadow:0 0 0 2px #06c3}.skill-experience-connected.input-error{border-color:var(--danger-color)}@media (max-width:768px){.skill-years-input,.skill-months-input{min-width:50px}}.job-availability-section{align-items:flex-start;gap:40px;display:flex}.actively-looking-container,.notice-period-container{flex-direction:column;gap:15px;display:flex}.notice-period-container{position:relative}.actively-looking-buttons{gap:10px;display:flex}.input-label-activelooking{font-size:1rem;font-weight:600;display:block}.yes-no-btn{cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:20px;padding:6px 18px;font-size:12px}.yes-no-btn.selected{background-color:var(--btn-bg);color:#fff;border:none}.notice-period-options{flex-wrap:wrap;align-items:center;gap:15px;display:flex}@media (max-width:768px){.notice-period-options{gap:12px}.notice-period-days-input input{width:100%}.days-input{top:30px!important}.job-availability-section{flex-direction:column;gap:0;margin-top:50px}}.radio-option{cursor:pointer;align-items:center;gap:6px;display:flex}.days-input{border:1px solid #c8c8c8;border-radius:6px;transition:all .2s;position:absolute;top:36px;text-align:center!important;width:40px!important;padding:5px!important;font-size:12px!important;left:142px!important}.days-input::placeholder{font-size:12px}body.dark-mode .section-header{border-bottom-color:#ffffff1a}body.dark-mode .editor-section-pf.card{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:var(--transition-all);background:linear-gradient(135deg,#2c2c2efa 0%,#2a2a2cf2 100%);border:1px solid #ffffff14;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a}body.dark-mode .editor-section-pf.card:hover{background:linear-gradient(135deg,#2d2d2ffc 0%,#2a2a2cf7 100%);border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 4px 12px #0000004d,0 16px 40px #00000040}body.dark-mode .cancel-btn-color svg{transition:var(--transition-micro)}body.dark-mode .cancel-btn-color:hover svg,body.dark-mode .btn.cancel-btn-color:hover svg{color:#ff6b6b!important}body.dark-mode .profile-editor-container .btn{background:linear-gradient(135deg, var(--btn-bg) 0%, #0052cc 100%);color:var(--text-on-primary);transition:var(--transition-micro);border:1px solid #0a84ff66;box-shadow:0 8px 32px #0a84ff33,inset 0 1px #ffffff1a}body.dark-mode .profile-editor-container .btn:hover{background:linear-gradient(135deg,#06f 0%,#003d99 100%);border-color:#0a84ff99;transform:translateY(-3px)scale(1.02);box-shadow:0 4px 12px #0a84ff4d,0 16px 40px #0a84ff40}body.dark-mode .profile-editor-container .btn:active{transform:translateY(-1px)scale(.98);box-shadow:0 2px 8px #0a84ff33}body.dark-mode .profile-editor-container .btn-secondary{border:2px solid var(--border-color)!important;background-color:var(--surface-bg)!important;color:var(--text-color)!important;transition:var(--transition-micro)!important}body.dark-mode .profile-editor-container .btn-secondary:hover{transform:translateY(-2px);border-color:var(--btn-bg)!important;background:var(--highlight-bg)!important;color:var(--text-color)!important;box-shadow:0 4px 12px #0a84ff26!important}body.dark-mode .profile-editor-container .cancel-btn-color{border:2px solid var(--border-color);background:var(--surface-bg);color:var(--text-color);transition:var(--transition-micro)}body.dark-mode .profile-editor-container .cancel-btn-color:hover{color:var(--text-color);background:#ff6b6b1a;border-color:#ff6b6b99;transform:translateY(-3px)scale(1.01);box-shadow:0 4px 12px #ff6b6b26}body.dark-mode .form-input,body.dark-mode .form-textarea,body.dark-mode .form-select,body.dark-mode input[type=text],body.dark-mode input[type=email],body.dark-mode input[type=password],body.dark-mode input[type=date],body.dark-mode input[type=url],body.dark-mode input[type=number],body.dark-mode textarea,body.dark-mode select{color:#f5f5f7;background:#ffffff14;border-color:#ffffff26}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#fff6}body.dark-mode input[type=number],body.dark-mode .days-input,body.dark-mode .width-inline-input input,body.dark-mode .inline-input{color:var(--text-color)!important}body.dark-mode select option{background:var(--card-bg);color:var(--text-color)}body.dark-mode select option:checked{color:var(--text-color);background:#0066cc4d}body.dark-mode .response-select option,body.dark-mode .country-option option,body.dark-mode .skill-field-inline select option{background:var(--card-bg);color:var(--text-color)}body.dark-mode .work-location-option,body.dark-mode .country-option,body.dark-mode .radio-option,body.dark-mode .dropdown-search{color:var(--text-color);background:var(--dropdown-bg)}body.dark-mode .selected-city-pill,body.dark-mode .skill-pill-1{color:#f5f5f7;background-color:#ffffff1a;border-color:#ffffff26}body.dark-mode .skill-name,body.dark-mode .skill-name-display,body.dark-mode .skill-details-display,body.dark-mode .skill-rating-display{color:var(--text-color)}body.dark-mode .skill-display-item{border-bottom-color:#ffffff1a}body.dark-mode .skill-remove-button{color:var(--muted-text)}body.dark-mode .skill-remove-button:hover{color:var(--danger-color)}body.dark-mode .temp-skill-rating-display,body.dark-mode .temp-skill-experience-display{color:var(--muted-text)}body.dark-mode .job-title,body.dark-mode .project-title-item,body.dark-mode .education-degree{color:var(--text-color)}body.dark-mode .skill-rating-text,body.dark-mode .skill-experience-text,body.dark-mode .company-link,body.dark-mode .date-range,body.dark-mode .job-description,body.dark-mode .project-description,body.dark-mode .rating-text-display,body.dark-mode .profile-editor-container .toggle-slider{background-color:#fff3}body.dark-mode .profile-editor-container .toggle-switch input:checked+.toggle-slider{background-color:var(--toggle-on)}body.dark-mode .profile-editor-container .toggle-slider:before{background-color:#fff;box-shadow:0 2px 4px #0006}body.dark-mode .profile-editor-container .toggle-main-label{color:var(--text-color)}body.dark-mode .profile-editor-container .toggle-description{color:var(--muted-text)}body.dark-mode .profile-editor-container .toggle-switch:hover .toggle-slider{background-color:#ffffff4d}body.dark-mode .profile-editor-container .toggle-switch:hover input:checked+.toggle-slider{background-color:#0a84ffe6}body.dark-mode .toggle-slider{background-color:#fff3}body.dark-mode .toggle-switch input:checked+.toggle-slider{background-color:var(--toggle-on)}body.dark-mode .toggle-slider:before{background-color:#fff;box-shadow:0 2px 4px #0006}body.dark-mode .toggle-main-label{color:var(--text-color)}body.dark-mode .toggle-description{color:var(--muted-text)}body.dark-mode .toggle-switch:hover .toggle-slider{background-color:#ffffff4d}body.dark-mode .toggle-switch:hover input:checked+.toggle-slider{background-color:#0a84ffe6}body.dark-mode .hint-text,body.dark-mode .input-with-icon .input-icon,body.dark-mode .skill-remove-btn{color:var(--muted-text)}body.dark-mode .skill-remove-btn:hover{color:var(--danger-color)}body.dark-mode .skill-dot.filled,body.dark-mode .rating-dot-filled{background-color:#fff9}body.dark-mode .skill-dot.empty,body.dark-mode .rating-dot-display,body.dark-mode .skill-experience-separator{background-color:#fff3}body.dark-mode .editor-nav button.active-section,body.dark-mode .experience-org,body.dark-mode .action-icon:hover{color:var(--link-color)}.skill-add-button-inline{background-color:var(--btn-bg);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-self:flex-start;width:100px;height:-moz-fit-content;height:fit-content;margin-top:32px;padding:10px 12px;font-size:14px;font-weight:500}.skill-add-button-inline:hover{background-color:var(--btn-hover)}.project-filter-container{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);font-family:var(--font-body-alt);background:var(--card-bg);border-radius:12px;padding:16px;transition:background-color .3s,color .3s}.filter-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.filter-panel-title{color:var(--text-color);margin:0;font-size:1.2rem;font-weight:600}.search-container{margin-bottom:12px;position:relative}.search-icon-right{cursor:pointer;color:var(--muted-text);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);background-color:var(--bg-color);width:100%;color:var(--text-color);border-radius:12px;padding:10px 12px;font-size:.95rem;line-height:1.4;transition:border-color .2s}.search-input:focus{border-color:var(--link-color);outline:none}.clear-filters-btn{color:var(--link-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.clear-filters-btn:hover{color:var(--btn-hover);text-decoration:underline}.clear-filters-btn:active{transform:scale(.95)}.filter-section+.filter-section{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.filter-title{color:var(--text-color);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1.05rem;font-weight:600;display:flex}.filter-title span{font-size:1rem;transition:transform .2s;display:inline-block}.filter-title span.open{transform:rotate(90deg)}.filter-body{margin-top:8px;transition:max-height .3s,opacity .2s}.filter-body.collapsed{opacity:0;max-height:0;overflow:hidden}.filter-body.expanded{opacity:1;max-height:500px}.filter-scroll{max-height:180px;padding-right:4px;overflow-y:auto}.filter-scroll::-webkit-scrollbar{width:6px}.filter-scroll::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.filter-list{margin:0;padding:0;list-style:none}.filter-item{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.filter-label{cursor:pointer;color:var(--text-color);justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:.92rem;transition:color .2s;display:flex}.filter-text{flex:1}.filter-count{color:var(--muted-text);margin-left:auto;font-size:.85rem}.filter-label input[type=checkbox]{accent-color:var(--btn-bg);cursor:pointer;width:16px;height:16px}.filter-label input:focus{outline:2px solid var(--link-color);outline-offset:2px}.filter-label:hover .filter-text{color:var(--link-color)}.slider{cursor:pointer;background-color:var(--border-color);border-radius:34px;transition:background-color .3s;position:absolute;top:0;bottom:0;left:0;right:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle-switch input:checked+.slider{background-color:var(--btn-bg)}.toggle-switch input:checked+.slider:before{transform:translate(18px)}@media (min-width:768px){.filter-scroll{max-height:260px}}@media (min-width:1024px){.filter-scroll{max-height:320px}}.sort-container{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.sort-label{color:var(--text-color);font-size:.9rem;font-weight:500}.sort-select{border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);border-radius:10px;width:100%;padding:8px 12px;font-size:.95rem;transition:border-color .2s}.sort-select:focus{border-color:var(--link-color);outline:none}.desktop-only{display:block}@media (max-width:768px){.desktop-only{display:none}}.mobile-filter-overlay{z-index:999;background:#0009;justify-content:flex-start;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-filter-panel{background:var(--card-bg);border-radius:0 12px 12px 0;flex-direction:column;width:85%;max-width:400px;height:100vh;animation:.3s ease-out slideInFromLeft;display:flex}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-filter-body{background:var(--card-bg);flex:1;min-height:0;padding:100px 16px;overflow-x:hidden;overflow-y:auto}.mobile-filter-footer{border-top:1px solid var(--border-color);background:var(--card-bg);z-index:1000;flex-shrink:0;justify-content:space-between;gap:12px;margin-bottom:80px;padding:16px;display:flex;position:relative;box-shadow:0 -2px 8px #0000001a}.cancel-btn-footer,.apply-btn-footer{cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.cancel-btn-footer{background:var(--surface-bg);color:var(--text-color);border:1px solid var(--border-color)}.cancel-btn-footer:hover{background:var(--highlight-bg)}.apply-btn-footer{background:var(--btn-bg);color:var(--text-on-primary)}.apply-btn-footer:hover{background:var(--btn-hover)}@media (max-width:768px){.mobile-hidden{display:none!important}.mobile-filter-panel .filter-text{visibility:visible!important;display:inline!important}}.modal-compact{max-width:400px}.project-grid{width:100%;font-family:var(--font-body-alt);grid-template-columns:repeat(1,1fr);gap:12px;display:grid}@media (min-width:768px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-all);color:var(--text-color);flex-direction:column;height:100%;min-height:420px;display:flex;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 4px 6px #7197a3e2}.project-card-preview{aspect-ratio:16/9;border-radius:var(--radius-md);width:100%;position:relative;overflow:hidden}.project-card-media,.project-media-image,.project-media-video{object-fit:cover;border:none;width:100%;height:100%;display:block}.project-media-video{opacity:0;z-index:2;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.project-media-image{z-index:1;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.project-media-wrapper:hover .project-media-video{opacity:1}.project-media-wrapper:hover .project-media-image{opacity:0}.project-card-body{flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;position:relative}.project-card-spacer{flex-grow:1}.project-card-title-wrapper{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;margin-right:1.5rem;display:flex}.project-card-title{font-size:var(--font-size-lg);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;min-width:0;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.status-icon{flex-shrink:0}.project-card-description{font-size:var(--font-size-sm);color:var(--text-color);opacity:.75;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.project-card-price{font-size:.9rem;font-weight:500}.project-card-price .price-highlight{color:var(--link-color);font-weight:600}.project-card-actions-row{justify-content:space-between;gap:12px;margin:8px 0 12px;display:flex}.project-card-actions-row.single{justify-content:center}.project-card-actions-row .btn{text-align:center;font-size:var(--font-size-sm);padding:var(--btn-padding);border-radius:var(--btn-radius);white-space:nowrap;flex:auto;min-width:120px}@media (max-width:480px){.project-card-actions-row .btn{padding:.4rem .6rem;font-size:.75rem}}.btn-outline{color:var(--text-color);padding:var(--btn-padding);border-radius:var(--btn-radius);background:0 0}.project-card-footer{border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--muted-text);justify-content:space-between;margin-top:auto;padding-top:12px;display:flex}.project-card-footer span{white-space:nowrap;align-items:center;gap:6px;display:flex}.meta-author{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:120px;display:inline-flex;overflow:hidden}.meta-item{color:var(--muted-text);align-items:center;gap:6px;display:flex}.meta-item.liked svg{color:#ff4757!important;fill:#ff4757!important}.meta-item.not-liked svg{color:#666!important;fill:#666!important}.meta-item.bookmarked svg{color:var(--link-color);fill:var(--link-color)}.project-card-menu-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;position:absolute;top:24px;right:16px}.project-card-actions{background:var(--dropdown-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);flex-direction:column;gap:6px;min-width:140px;padding:8px;display:flex;position:absolute;top:55%;right:16px}.project-card-actions button{color:var(--text-color);font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;display:flex}.project-card-actions button:hover{background:#8080801a}.project-badge-row{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;font-size:.7rem;font-weight:600}.badge-featured{color:#c60;background:#ffe8cc}.badge-sponsored{color:#07c;background:#e0f4ff}.badge-sold{color:#c00;background:#fce2e2}.project-card-placeholder{aspect-ratio:16/9;width:100%;font-size:var(--font-size-sm);color:#aaa;text-align:center;background:repeating-conic-gradient(#333 0deg 45deg,#444 45deg 90deg);justify-content:center;align-items:center;display:flex}.project-file-indicators{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.file-indicator{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:500;display:flex}.file-indicator .indicator-icon{font-size:.8rem}.source-available{color:#2d5a2d;background-color:#e8f5e8}.design-included{color:#8e24aa;background-color:#fce4ec}.github-repo{color:#1976d2;background-color:#e3f2fd}.project-indicators{flex-wrap:nowrap;gap:2px;margin-bottom:2px;display:flex}.indicator-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:2px;padding:4px 8px;font-size:8px;font-weight:500;display:inline-flex}.indicator-badge.source-available,.indicator-badge.design-included,.indicator-badge.github-repo{color:#1976d2;background-color:#e3f2fd}.btn-restricted{background:var(--btn-bg);color:#fff;cursor:not-allowed!important;border-color:#ddd!important}.publish-success-icon{text-align:center;margin-bottom:1rem;font-size:2.5rem}.publish-success-title{text-align:center;font-size:1.5rem;font-weight:600}.publish-success-text{text-align:center;opacity:.8;margin-bottom:1.5rem}.publish-success-timeline{color:var(--text-color);border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:orange;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}.publish-success-description{text-align:center;opacity:.7;margin-bottom:1.5rem;font-size:.9rem}@keyframes highlightPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes highlightGlow{0%,to{filter:brightness(1.1)}50%{filter:brightness(1.2)}}.highlight-pulse{color:#fff!important;z-index:10!important;text-shadow:0 1px 2px #0003!important;background:linear-gradient(135deg,#06c 0%,#0080ff 50%,#0292da 100%)!important;border:2px solid #06c!important;font-weight:600!important;animation:1.5s ease-in-out infinite highlightPulse,1.5s ease-in-out infinite highlightGlow!important;position:relative!important}.project-modal-container{width:90%;max-width:500px}.project-modal-content{padding:0}.project-modal-header{text-align:center;border-bottom:1px solid #e5e7eb;padding:24px 24px 16px}.project-modal-header h2{color:#111827;margin:0 0 8px;font-size:1.5rem;font-weight:600}.project-modal-header p{color:#6b7280;margin:0;font-size:.9rem;font-style:italic}.project-modal-body{padding:24px}.project-modal-free-info{text-align:center}.project-modal-success-icon{margin-bottom:16px;font-size:3rem}.project-modal-free-info h3{color:#059669;margin:0 0 8px;font-size:1.25rem;font-weight:600}.project-modal-free-info p{color:#6b7280;margin:0 0 20px}.project-modal-count-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px}.project-modal-count-info span{color:#065f46;margin-bottom:8px;font-weight:500;display:block}.project-modal-progress-bar{background:#dcfce7;border-radius:4px;width:100%;height:8px;overflow:hidden}.project-modal-progress-fill{background:#22c55e;height:100%;transition:width .3s}.project-modal-paid-info{text-align:center}.project-modal-warning-icon{margin-bottom:16px;font-size:3rem}.project-modal-paid-info h3{color:#dc2626;margin:0 0 8px;font-size:1.25rem;font-weight:600}.project-modal-paid-info p{color:#6b7280;margin:0 0 20px;line-height:1.5}.project-modal-pricing-info{margin:20px 0}.project-modal-price-card{background:#fef3c7;border:2px solid #f59e0b;border-radius:12px;flex-direction:column;align-items:center;min-width:120px;padding:16px 24px;display:inline-flex}.project-modal-price{color:#92400e;margin-bottom:4px;font-size:1.5rem;font-weight:700}.project-modal-price-label{color:#92400e;font-size:.8rem;font-weight:500}.project-modal-wallet-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:20px 0;padding:16px}.project-modal-wallet-balance{justify-content:space-between;align-items:center;font-weight:500;display:flex}.project-modal-insufficient-balance{color:#dc2626;font-size:.9rem;font-weight:600}.project-modal-recharge-prompt{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:16px}.project-modal-recharge-prompt p{color:#991b1b;margin:0 0 12px;font-size:.9rem}.project-modal-btn-recharge{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background-color .2s}.project-modal-btn-recharge:hover{background:#2563eb}.project-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}.project-modal-btn-cancel,.project-modal-btn-publish{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.project-modal-btn-cancel{color:#374151;background:#f3f4f6}.project-modal-btn-cancel:hover:not(:disabled){background:#e5e7eb}.project-modal-btn-publish{color:#fff;background:#059669}.project-modal-btn-publish:hover:not(:disabled){background:#047857}.project-modal-btn-publish:disabled{cursor:not-allowed;background:#9ca3af}.project-modal-btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.project-modal-container{width:95%;margin:20px auto}.project-modal-header,.project-modal-body,.project-modal-footer{padding-left:16px;padding-right:16px}.project-modal-footer{flex-direction:column}.project-modal-btn-cancel,.project-modal-btn-publish{width:100%}}.publish-btn{font-size:var(--font-size-sm);border:1px solid var(--link-color);border-radius:var(--radius-full);background-color:var(--link-color);color:#fff;cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .3s;display:flex}.publish-btn:hover:not(:disabled){background-color:var(--btn-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.publish-btn:disabled{opacity:.6;cursor:not-allowed}.publish-text{display:inline}@media (max-width:640px){.publish-btn{background-color:#0a84ff;border:none;border-radius:75%;justify-content:center;align-items:center;gap:0;width:36px;height:36px;padding:8px;display:flex}.publish-text{display:none}}.mobile-filter-btn{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;font-size:var(--font-size-sm);align-items:center;gap:6px;padding:8px 12px;font-weight:500;transition:all .3s;display:none}.mobile-filter-btn:hover{background:var(--highlight-bg);border-color:var(--link-color)}.filter-icon{color:inherit;font-size:1rem}.filter-text{display:inline}@media (max-width:640px){.mobile-filter-btn{background-color:#f3f4f6!important;border:1px solid #d1d5db!important;border-radius:75%!important;justify-content:center!important;align-items:center!important;gap:0!important;width:36px!important;height:36px!important;padding:8px!important;display:flex!important}.mobile-filter-btn:hover{background-color:#e5e7eb!important}.filter-text{display:none!important}.filter-icon{color:#374151!important;font-size:1rem!important}}.apple-header{z-index:var(--z-fixed);--header-bg:#ffffffb8;background:var(--header-bg);-webkit-backdrop-filter:blur(20px)saturate(150%);width:100%;box-shadow:none;font-family:var(--font-body-alt);padding-top:env(safe-area-inset-top);border-bottom:1px solid #e5e7eb4d;transition:background .5s cubic-bezier(.28,.11,.32,1),-webkit-backdrop-filter .5s cubic-bezier(.28,.11,.32,1),backdrop-filter .5s cubic-bezier(.28,.11,.32,1),border-color .5s cubic-bezier(.28,.11,.32,1),box-shadow .5s cubic-bezier(.28,.11,.32,1),transform .3s cubic-bezier(.4,0,.2,1);position:-webkit-sticky;position:sticky;top:0;transform:translateY(0)}.apple-header.header-hidden{transform:translateY(-100%)}@media (max-width:768px){.apple-header{padding-top:max(env(safe-area-inset-top), 20px)}.capacitor-android .apple-header{padding-top:max(env(safe-area-inset-top), 24px)}.capacitor-ios .apple-header{padding-top:max(env(safe-area-inset-top), 44px)}}body.dark-mode .apple-header{--header-bg:#1d1d1fb8;background:var(--header-bg);border-bottom:1px solid #3a3a3c4d}.apple-header.scrolled{--header-bg:#ffffffeb;background:var(--header-bg);-webkit-backdrop-filter:blur(30px)saturate(180%);border-bottom:1px solid #e5e7eb99;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}body.dark-mode .apple-header.scrolled{--header-bg:#1d1d1feb;background:var(--header-bg);border-bottom:1px solid #3a3a3c99;box-shadow:0 1px 3px #0003,0 1px 2px #0000004d}.header-inner{justify-content:space-between;align-items:center;margin:0 16px;padding:6px 24px;display:flex}@media (min-width:769px){.header-inner{justify-content:space-between;align-items:center;display:flex}.center-group{flex:1;justify-content:center;display:flex}.desktop-nav{display:block}.nav-links{justify-content:center}}@media (max-width:768px){.header-inner{justify-content:space-between;padding:6px 16px;display:flex}.center-group,.desktop-nav{display:none}}.left-group{align-items:center;gap:40px;display:flex}.logo{object-fit:contain;height:50px}.nav-links{gap:28px;font-weight:500;display:flex}.nav-links a{color:var(--text-color);border:2px solid #0000;border-radius:20px;padding:3px 10px;text-decoration:none;transition:all .3s}.nav-links a.active-link{color:var(--accent-color,#0a84ff);border-color:var(--accent-color,#0a84ff);font-weight:600}.nav-links a:hover:not(.active-link){color:var(--link-color);border-color:var(--link-color)}.right-group{align-items:center;gap:30px;display:flex}.menu-toggle{color:var(--text-color);cursor:pointer;z-index:10000;background:0 0;border:none;border-radius:4px;padding:8px;font-size:1.8rem;transition:background-color .2s;display:none;position:relative}.menu-toggle:hover{background-color:#0000000d}body.dark-mode .menu-toggle:hover{background-color:#ffffff0d}@media (max-width:768px){.header-inner{padding:6px 0}.apple-header{-webkit-backdrop-filter:blur(12px)saturate(150%)}.apple-header.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%)}.menu-toggle{display:block!important}.mobile-right-group{align-items:center;gap:12px;display:flex}.mobile-login-btn{background:var(--btn-bg);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;transition:background-color .2s}.mobile-login-btn:hover{background:var(--btn-hover)}.nav-links{display:none}.left-group{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;display:flex}.logo{height:50px}.right-group{gap:var(--space-3)}.desktop-actions{display:none!important}}.mobile-overlay{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;z-index:9998!important;cursor:pointer!important;background-color:#00000080!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important}.mobile-overlay.show{opacity:1!important;pointer-events:auto!important}.role-dropdown{display:inline-block;position:relative}.role-dropdown-trigger{color:#fff;cursor:pointer;font-weight:500;font-family:var(--font-body-alt);font-size:var(--font-size-md);background:linear-gradient(90deg,#444,#222);border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;transition:all .3s;display:flex}.role-dropdown-trigger:hover{background:linear-gradient(90deg,#000,#111);transform:translateY(-1px)}.dropdown-arrow{font-size:.8rem;transition:transform .3s}.dropdown-arrow.open{transform:rotate(180deg)}.role-dropdown-menu{background:var(--dropdown-bg);border-radius:var(--radius-xl);min-width:220px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:var(--z-dropdown);animation:.2s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.role-dropdown-item{cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border-color-light);background:0 0;align-items:center;gap:16px;width:100%;padding:10px 20px;transition:all .2s;display:flex}.role-dropdown-item:last-child{border-bottom:none}.role-dropdown-item:hover{background:var(--highlight-bg)}.role-icon{background:linear-gradient(135deg, var(--btn-bg), var(--btn-hover));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:4px;font-size:1.1rem;display:flex}.role-content{flex-direction:column;gap:4px;display:flex}.role-label{color:var(--text-color);font-size:16px;font-weight:500}.role-description{color:var(--muted-text);font-size:10px;line-height:1}.mobile-role-menu{width:100%}.mobile-role-trigger{text-align:left;width:100%;font-size:var(--font-size-md);color:var(--text-color);letter-spacing:.3px;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 0;font-weight:500;transition:all .25s;display:flex}.mobile-role-trigger:hover{background:var(--highlight-bg);padding-left:10px;transform:translate(4px)}.mobile-role-arrow{font-size:.8rem;transition:transform .3s}.mobile-role-arrow.expanded{transform:rotate(90deg)}.mobile-role-submenu{border-left:2px solid var(--border-color-light);margin-bottom:16px;margin-left:16px;padding-left:16px}.mobile-role-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px 0;transition:all .2s;display:flex}.mobile-role-item:hover{background:var(--highlight-bg);border-radius:var(--radius-md);padding-left:8px}.mobile-role-icon{background:linear-gradient(135deg, var(--btn-bg), var(--btn-hover));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.mobile-role-content{flex-direction:column;gap:2px;display:flex}.mobile-role-label{color:var(--text-color);font-weight:500;font-size:var(--font-size-sm)}.mobile-role-description{color:var(--muted-text);font-size:.75rem;line-height:1.2}.role-dropdown-trigger.compact{gap:6px;padding:6px 12px;font-size:14px}.role-dropdown-menu.compact{min-width:180px}.role-dropdown-item.compact{gap:10px;padding:8px 12px}.role-dropdown-item.compact .role-icon{width:20px;height:20px;font-size:10px}.role-dropdown-item.compact .role-label{font-size:14px}.role-dropdown-item.compact .small-text{font-size:10px}.role-dropdown.mobile{width:100%}.role-dropdown-trigger.mobile{width:100%;color:var(--text-color);background:0 0;border-radius:0;justify-content:space-between;padding:12px 0;font-size:16px}.role-dropdown-trigger.mobile:hover{background:var(--highlight-bg);padding-left:8px;transform:none}.role-dropdown-menu.mobile{width:100%;box-shadow:none;border:none;border-left:2px solid var(--border-color-light);background:0 0;border-radius:0;margin-top:8px;margin-left:16px;padding-left:16px;position:static}.role-dropdown-item.mobile{border-bottom:none;margin-bottom:8px;padding:10px 0}.role-dropdown-item.mobile:hover{background:var(--highlight-bg);border-radius:var(--radius-md);padding-left:8px}.role-dropdown-item.mobile .role-icon{width:28px;height:28px;font-size:12px}.role-dropdown-item.mobile .role-label{font-size:15px}.role-dropdown-item.mobile .small-text{font-size:11px}@media (max-width:768px){.role-dropdown-menu:not(.mobile){min-width:auto;left:-20px;right:-20px}.role-dropdown-item:not(.mobile){padding:14px 16px}.role-icon:not(.mobile){width:36px;height:36px;font-size:1rem}}.google-mobile-nav{background:var(--bg-color);width:320px;height:100vh;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;padding-top:env(safe-area-inset-top);flex-direction:column;padding-bottom:80px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);z-index:9999!important}@media (max-width:768px){.google-mobile-nav{padding-top:max(env(safe-area-inset-top), 20px);width:280px;padding-bottom:90px}.capacitor-android .google-mobile-nav{padding-top:max(env(safe-area-inset-top), 24px)}.capacitor-ios .google-mobile-nav{padding-top:max(env(safe-area-inset-top), 44px)}}.google-mobile-nav.open{opacity:1!important;pointer-events:auto!important;transform:translate(0)!important}.mobile-nav-header{background:var(--surface-bg);border-bottom:1px solid var(--border-color-light);flex-shrink:0;padding:20px 16px 16px}.mobile-nav-title{justify-content:center;align-items:center;display:flex}.mobile-nav-title h3{color:var(--text-color);text-align:center;margin:0;font-size:18px;font-weight:600}.mobile-user-info{align-items:center;gap:16px;display:flex}.mobile-avatar{background:#fff3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.mobile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.mobile-avatar-fallback{color:#ffffffe6;font-size:32px}.mobile-user-details{flex-direction:column;flex:1;gap:4px;display:flex}.mobile-user-name{color:#fff;font-size:20px;font-weight:500;line-height:1.2}.mobile-user-email{color:#fffc;font-size:14px;line-height:1.2}.mobile-nav-content{flex:1;padding:8px 0 16px;overflow-y:auto}.mobile-nav-section{margin-bottom:8px}.mobile-nav-item{width:100%;color:var(--text-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex;position:relative}.mobile-nav-item:hover{background:var(--highlight-bg)}.mobile-nav-item.active{background:var(--highlight-bg);color:var(--btn-bg);font-weight:600}.mobile-nav-item.active:before{content:"";background:var(--btn-bg);width:4px;position:absolute;top:0;bottom:0;left:0}.nav-item-icon{color:var(--muted-text);flex-shrink:0;font-size:18px}.mobile-nav-item.active .nav-item-icon{color:var(--btn-bg)}.nav-item-text{text-align:left;flex:1}.section-divider{background:var(--border-color);height:1px;margin:12px 16px 8px}.section-title{color:var(--muted-text);text-transform:uppercase;letter-spacing:.8px;padding:12px 16px 8px;font-size:12px;font-weight:600}.mobile-account-section{margin-top:8px}.account-item{padding-left:32px}.account-item .nav-item-icon{font-size:18px}.mobile-nav-footer{border-top:1px solid var(--border-color);background:var(--surface-bg);z-index:1;flex-shrink:0;margin-bottom:8px;padding:16px;position:relative}.mobile-upload-btn{background:var(--btn-bg);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-bottom:12px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.upload-icon{margin-right:4px;font-size:12px}.mobile-upload-btn:hover:not(:disabled){background:var(--btn-hover);box-shadow:var(--shadow-md)}.mobile-upload-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:#999}.mobile-logout-btn{width:100%;color:var(--danger-color);border:1px solid var(--danger-color);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mobile-logout-btn:hover{background:#ff4f4f0a}.logout-icon{font-size:16px}@media (max-width:360px){.google-mobile-nav{width:280px}.mobile-nav-header{padding:20px 12px 12px}.mobile-user-info{gap:12px}.mobile-avatar{width:56px;height:56px}.mobile-avatar-fallback{font-size:28px}.mobile-user-name{font-size:18px}}.mobile-social-links{background:var(--surface-bg);border-radius:var(--radius-md);justify-content:center;gap:24px;margin:0 16px;padding:16px;display:flex}.mobile-social-icon{background:var(--btn-bg);width:44px;height:44px;color:var(--text-on-primary);transition:all var(--transition-fast);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;text-decoration:none;display:flex}.mobile-social-icon:hover{background:var(--btn-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mobile-social-icon:active{box-shadow:var(--shadow-sm);transform:translateY(0)}body.dark-mode .mobile-social-links{background:var(--card-bg)}body.dark-mode .mobile-social-icon{background:var(--btn-bg);color:var(--text-on-primary)}body.dark-mode .mobile-social-icon:hover{background:var(--btn-hover)}.google-mobile-nav.open .mobile-nav-item{animation:.3s ease-out forwards slideInLeft}.google-mobile-nav.open .mobile-nav-item:first-child{animation-delay:50ms}.google-mobile-nav.open .mobile-nav-item:nth-child(2){animation-delay:.1s}.google-mobile-nav.open .mobile-nav-item:nth-child(3){animation-delay:.15s}.google-mobile-nav.open .mobile-nav-item:nth-child(4){animation-delay:.2s}.google-mobile-nav.open .mobile-nav-item:nth-child(5){animation-delay:.25s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mobile-profile-container{background:var(--bg-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color-light);flex-direction:column;gap:16px;margin:8px;padding:16px;display:flex;position:relative}.mobile-profile-close-btn{background:var(--surface-bg);border:1px solid var(--border-color-light);cursor:pointer;width:32px;height:32px;color:var(--muted-text);transition:all var(--transition-fast);z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:12px;right:12px}.mobile-profile-close-btn:hover{background:var(--border-color-light);color:var(--text-color);transform:scale(1.05)}.mobile-profile-close-btn:active{transform:scale(.95)}.mobile-profile-header{align-items:center;gap:16px;padding:12px 0;display:flex}.mobile-profile-avatar{background:var(--surface-bg);border:2px solid var(--border-color-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.mobile-profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.mobile-profile-avatar-fallback{color:var(--muted-text);font-size:32px}.mobile-profile-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mobile-profile-name{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;line-height:1.2;overflow:hidden}.mobile-profile-email{color:var(--muted-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.2;overflow:hidden}.mobile-profile-subtitle{color:var(--muted-text);font-size:14px;line-height:1.3}.mobile-profile-menu{flex-direction:column;gap:4px;display:flex}.mobile-profile-section-title{color:var(--muted-text);text-transform:uppercase;letter-spacing:.8px;margin-top:8px;padding:8px 0 4px;font-size:12px;font-weight:600}.mobile-profile-menu-item{color:var(--text-color);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;min-height:44px;padding:12px 8px;font-size:14px;font-weight:500;display:flex}.mobile-profile-menu-item:hover{background:var(--highlight-bg);color:var(--btn-bg)}.mobile-profile-menu-item:active{background:var(--surface-bg);transform:scale(.98)}.mobile-profile-menu-icon{color:var(--muted-text);flex-shrink:0;font-size:16px}.mobile-profile-menu-item:hover .mobile-profile-menu-icon{color:var(--btn-bg)}.mobile-profile-menu-text{font-family:var(--font-body-alt);flex:1}.mobile-profile-menu-arrow{color:var(--muted-text);opacity:.6;flex-shrink:0;font-size:12px}.mobile-profile-menu-item:hover .mobile-profile-menu-arrow{opacity:1;color:var(--btn-bg)}.mobile-profile-actions{border-top:1px solid var(--border-color-light);flex-direction:column;gap:8px;margin-top:8px;padding-top:16px;display:flex}.mobile-profile-login-btn{background:var(--btn-bg);color:var(--text-on-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px;font-size:14px;font-weight:600;font-family:var(--font-body-alt);border:none;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:12px 24px;display:flex}.mobile-profile-login-btn:last-child{margin-bottom:0}.mobile-profile-login-btn.user{background:var(--btn-bg)}.mobile-profile-login-btn.recruiter{background:var(--success-color)}.mobile-profile-login-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.mobile-profile-login-btn.user:hover{background:var(--btn-hover)}.mobile-profile-login-btn.recruiter:hover{background:#007a5a}.mobile-profile-login-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.mobile-profile-logout-btn{color:var(--danger-color);border:1px solid var(--danger-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px;font-size:14px;font-weight:500;font-family:var(--font-body-alt);background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:flex}.mobile-profile-logout-btn:hover{border-color:var(--danger-color);background:#ff4f4f0a}.mobile-profile-logout-btn:active{background:#ff4f4f14;transform:scale(.98)}.mobile-profile-btn-icon{flex-shrink:0;font-size:16px}body.dark-mode .mobile-profile-container{background:var(--card-bg);border-color:var(--border-color);box-shadow:var(--shadow-lg)}body.dark-mode .mobile-profile-avatar{background:var(--surface-bg);border-color:var(--border-color)}body.dark-mode .mobile-profile-avatar-fallback{color:var(--text-color)}body.dark-mode .mobile-profile-menu-item:hover{background:var(--surface-bg)}body.dark-mode .mobile-profile-menu-item:active{background:var(--highlight-bg)}body.dark-mode .mobile-profile-actions{border-top-color:var(--border-color)}body.dark-mode .mobile-profile-logout-btn:hover{background:#ff4f4f14}body.dark-mode .mobile-profile-logout-btn:active{background:#ff4f4f1f}@media (max-width:360px){.mobile-profile-container{gap:12px;margin:4px;padding:12px}.mobile-profile-header{gap:12px;padding:8px 0}.mobile-profile-avatar{width:56px;height:56px}.mobile-profile-avatar-fallback{font-size:28px}.mobile-profile-name{font-size:16px}.mobile-profile-menu-item{gap:10px;padding:10px 6px}.mobile-profile-login-btn,.mobile-profile-logout-btn{padding:10px 20px;font-size:13px}}.mobile-profile-container{animation:.3s ease-out profileSlideIn}@keyframes profileSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.mobile-profile-menu-item:hover{transform:translate(2px)}}body.dark-mode .mobile-profile-close-btn{background:var(--card-bg);border-color:var(--border-color);color:var(--muted-text)}body.dark-mode .mobile-profile-close-btn:hover{background:var(--surface-bg);color:var(--text-color)}body.dark-mode .mobile-profile-login-btn.user{background:var(--btn-bg);color:var(--text-on-primary)}body.dark-mode .mobile-profile-login-btn.recruiter{background:var(--success-color);color:var(--text-on-primary)}.mobile-profile-role-badge{background:var(--btn-bg);color:var(--text-on-primary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.mobile-profile-avatar-fallback-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}body.dark-mode .mobile-profile-role-badge{background:var(--btn-bg);color:var(--text-on-primary)}.mobile-profile-menu-item:focus,.mobile-profile-login-btn:focus,.mobile-profile-logout-btn:focus{outline:2px solid var(--btn-bg);outline-offset:2px}.mobile-profile-logout-btn:focus{outline-color:var(--danger-color)}.mobile-profile-overlay{z-index:9998;cursor:pointer;background-color:#00000080;animation:.2s ease-out fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-profile-container-overlay{z-index:9999;max-height:calc(100vh - 160px);animation:.3s ease-out slideUpIn;position:fixed;bottom:80px;left:16px;right:16px;overflow-y:auto}@keyframes slideUpIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body.dark-mode .mobile-profile-overlay{background-color:#000000b3}@media (max-width:360px){.mobile-profile-container-overlay{left:8px;right:8px}}.project-editor{background:var(--card-bg);border-radius:var(--radius-xl);max-width:960px;box-shadow:var(--shadow-lg);color:var(--text-color);font-family:var(--font-body-alt);margin:40px auto;padding:32px}.ql-toolbar.ql-snow{border-radius:8px 8px 0 0}.ql-container.ql-snow{border-radius:0 0 8px 8px}h2{font-size:var(--font-size-lg);color:var(--text-color);font-weight:600}.editor-section{margin:10px 0 15px}.editor-section label{font-weight:600;font-size:var(--font-size-md);color:var(--text-color);margin-bottom:10px;display:block}.editor-section label.required:after{content:" *";color:var(--danger-color);font-weight:700}input[type=text],input[type=url],input[type=number],textarea,select{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-color);font-size:var(--font-size-md);transition:var(--transition-smooth);font-family:var(--font-body-alt);padding:12px 16px}input:focus,textarea:focus,select:focus,.ql-editor:focus{border-color:var(--btn-bg);outline:none;box-shadow:0 0 0 2px #0a84ff33}textarea{resize:vertical;min-height:120px}.tag-btn,.tag-btn-artifacts{border:1px solid var(--border-color);background:var(--surface-bg);color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-smooth);border-radius:20px;padding:6px 14px}.tag-btn:hover,.tag-btn-artifacts:hover{background:var(--border-color)}.tag-btn-artifacts.selected{background:var(--btn-bg);color:#fff;border-color:var(--btn-bg)}.tag-btn:focus,.tag-btn-artifacts:focus{outline:2px solid var(--link-color);outline-offset:3px}.inline-input{align-items:center;gap:12px;margin-top:8px;display:flex}.inline-input input{flex-grow:1}.list-display{font-size:var(--font-size-md);margin-top:12px;padding-left:20px;list-style:outside}.list-display li{align-items:center;gap:32px;list-style:none;display:flex}.list-display button{background:var(--danger-color) transparent;color:#fff;cursor:pointer;border:none;border-radius:50%;padding:4px;font-size:14px;line-height:1}.list-display button[disabled]{opacity:.5;cursor:not-allowed}.list-display button:hover{color:#c00}.list-display button:hover:not([disabled]){text-decoration:underline}.media-preview{flex-wrap:wrap;gap:16px;display:flex}.list-display button:disabled,.remove-icon:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pe-btn{color:#fff;background-color:#fff;background:var(--btn-bg);cursor:pointer;border:1px solid #d1d5db;border-radius:100px;justify-content:center;align-items:center;gap:.25rem;padding:10px 20px;font-size:1rem;font-weight:500;transition:border-color .3s,box-shadow .3s;display:inline-flex}.pe-btn:active{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f633}.pe-btn:hover{background-color:var(--btn-hover)}.editor-actions{background:var(--card-bg);z-index:10;border-top:1px solid var(--border-color-light);justify-content:flex-end;gap:16px;margin-top:40px;padding:16px 0;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.cancel-btn{padding:var(--btn-padding);border-radius:var(--btn-radius);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);background-color:var(--border-color);color:var(--text-color);border:none}.cancel-btn:hover{opacity:.9}.save-btn,.pe-cancel-btn,.delete-btn,.edit-btn,.back-btn{color:#fff;background-color:#fff;background:var(--btn-bg);cursor:pointer;border:1px solid #d1d5db;border-radius:100px;align-items:center;gap:.5rem;padding:10px 20px;font-size:1rem;font-weight:500;transition:border-color .3s,box-shadow .3s,background-color .3s;display:inline-flex}.save-btn,.edit-btn{background-color:var(--btn-bg);color:#fff;margin-right:10px}.pe-cancel-btn{background-color:var(--border-color);color:var(--text-color)}.delete-btn{background-color:var(--danger-color);color:#fff}.back-btn{background-color:var(--surface-bg);color:var(--text-color);border:1px solid var(--border-color)}.save-btn:hover{background-color:var(--btn-hover)}.pe-cancel-btn:hover{background-color:#f5f1f1!important}.delete-btn:hover{background-color:#ea2222!important}.save-btn:active,.pe-cancel-btn:active,.delete-btn:active,.edit-btn:active,.back-btn:active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.editor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.confirm-dialog{background:var(--card-bg);color:var(--text-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-modal);text-align:center;width:90%;max-width:400px;padding:32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-dialog h3{font-size:var(--font-size-lg);margin-bottom:16px}.confirm-dialog p{font-size:var(--font-size-sm);margin-bottom:24px}.confirm-dialog .btn-group{justify-content:center;gap:12px;display:flex}.confirm-dialog .btn{min-width:100px}@media (max-width:768px){.project-editor{padding:24px 16px}.editor-actions{flex-direction:column;align-items:stretch}.editor-actions button{width:100%}.editor-header{flex-direction:column;align-items:flex-start;gap:12px}}.error-text-upload{color:#d93025;margin-top:4px;font-size:.85rem;font-weight:400;line-height:1.4;display:block}.char-count-proj{font-size:var(--font-size-xs);color:var(--text-muted);text-align:right;margin-top:2px;display:block}.title-meta{align-items:center;gap:8px;display:flex}.file-upload-wrapper{margin:12px 0;position:relative}.file-upload-input{border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--surface-bg);width:100%;color:var(--text-color);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-smooth);text-align:center;justify-content:center;align-items:center;min-height:48px;padding:12px 16px;display:flex;position:relative}.file-upload-input:hover{border-color:var(--btn-bg);background:#0a84ff0d}.file-upload-input:focus{border-color:var(--btn-bg);outline:none;box-shadow:0 0 0 2px #0a84ff33}.file-upload-input.has-file{border-color:var(--success-color);background:#34c7590d}.file-upload-text{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.file-upload-icon{margin-bottom:4px;font-size:24px}.file-upload-main-text{color:var(--text-color);font-weight:600}.file-upload-subtext{font-size:var(--font-size-sm);color:var(--text-muted)}.file-upload-input input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.file-info{background:var(--surface-bg);border-radius:var(--radius-md);font-size:var(--font-size-sm);align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}.file-info-icon{color:var(--btn-bg)}.file-info-name{color:var(--text-color);font-weight:500}.file-info-size{color:var(--text-muted);margin-left:auto}.file-count-badge{background:var(--btn-bg);color:#fff;font-size:var(--font-size-xs);border-radius:12px;margin-left:8px;padding:2px 8px;font-weight:600}.upload-progress{background:var(--border-color);border-radius:2px;width:100%;height:4px;margin-top:8px;overflow:hidden}.upload-progress-bar{background:var(--success-color);height:100%;transition:width var(--transition-smooth)}.file-upload-wrapper.drag-over .file-upload-input,.file-upload-input.drag-over{border-color:var(--btn-bg);background:#0a84ff1a;transform:scale(1.02)}.file-upload-wrapper.drag-over .file-upload-text,.file-upload-input.drag-over .file-upload-text{color:var(--btn-bg)}.modal-project-width{width:-moz-fit-content;width:fit-content;max-width:800px}.tags-input-container{align-items:center;gap:8px;display:flex;position:relative}.tags-suggestions{background:var(--card-bg);z-index:1000;border:1px solid #ddd;border-radius:4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.suggestion-item{cursor:pointer;border-bottom:1px solid #eee;padding:10px 12px}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background-color:var(--btn-bg);color:#fff}.tags-display{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.tag-item{background:#e3f2fd;border-radius:16px;align-items:center;gap:6px;padding:4px 8px;font-size:14px;display:flex}.tag-remove{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.tag-remove:hover{color:#d32f2f}.pe-main-container{max-width:1160px;font-family:var(--font-body-alt);background-color:var(--bg-color);color:var(--text-color);margin:0 auto;padding:20px}.pe-header-section{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-bottom:15px;padding:30px}.pe-header-content{align-items:center;display:flex;position:relative}.pe-header-center{text-align:center;flex:1}.pe-header-title{font-size:var(--font-size-xl);color:var(--text-color);margin:0 0 10px;font-weight:700}.pe-header-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.pe-back-button{background-color:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:var(--font-size-sm);transition:var(--transition-smooth);align-items:center;gap:8px;padding:10px 20px;display:flex;color:var(--text-color)!important}.pe-back-button:hover{background-color:var(--border-color)}.pe-back-button svg{fill:var(--text-color)!important;stroke:var(--text-color)!important}.pe-rejection-notice{border-radius:var(--radius-md);border:1px solid var(--danger-color);background:#ef44441a;margin-bottom:15px;padding:20px}.pe-rejection-label{color:var(--danger-color);font-weight:500}.pe-pending-notice{border-radius:var(--radius-md);background:#f59e0b1a;border:1px solid #ffa726;margin-bottom:15px;padding:20px}.pe-pending-label{color:#f57c00;font-weight:500}.pe-section{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-bottom:15px;padding:30px}.pe-section-title{font-size:var(--font-size-lg);color:var(--text-color);align-items:center;gap:10px;margin-bottom:25px;font-weight:600;display:flex}.pe-field-container{margin-bottom:25px}.pe-label-counter-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pe-grid-two-columns{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;display:grid}.pe-label{color:var(--text-color);font-weight:500;font-size:var(--font-size-sm);margin-bottom:8px;display:block}.pe-label-required:after{content:" *";color:var(--danger-color)}.pe-input-field{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);width:100%;color:var(--text-color);font-size:var(--font-size-md);transition:var(--transition-smooth);box-sizing:border-box;font-family:var(--font-body-alt);outline:none;padding:12px 16px}.pe-input-field:focus{border-color:var(--btn-bg);box-shadow:0 0 0 2px #0a84ff33}.pe-select-field{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);width:100%;color:var(--text-color);font-size:var(--font-size-md);cursor:pointer;box-sizing:border-box;font-family:var(--font-body-alt);outline:none;padding:12px 16px}.pe-select-field:focus{border-color:var(--btn-bg);box-shadow:0 0 0 2px #0a84ff33}.pe-textarea-field{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);width:100%;color:var(--text-color);font-size:var(--font-size-md);resize:vertical;box-sizing:border-box;min-height:120px;font-family:var(--font-body-alt);outline:none;padding:12px 16px}.pe-textarea-field:focus{border-color:var(--btn-bg);box-shadow:0 0 0 2px #0a84ff33}.pe-char-counter{font-size:var(--font-size-xs);color:var(--text-muted)}.pe-error-text{color:var(--danger-color);font-size:var(--font-size-xs);margin-top:4px;font-weight:400;line-height:1.4;display:block}.tags-wrapper{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.tag-btn{border:1px solid var(--border-color);background:var(--surface-bg);color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-smooth);border-radius:20px;padding:6px 14px}.tag-btn:hover{background:var(--border-color)}.tag-btn.selected{color:#fff}.tag-btn:focus{outline:2px solid var(--link-color);outline-offset:3px}.tag-btn.color-1.selected{color:#fff;background:#c0ab10;border-color:#c0ab10}.tag-btn.color-2.selected{color:#fff;background:#6b6b5a;border-color:#6b6b5a}.tag-btn.color-3.selected{color:#fff;background:#896636;border-color:#896636}.pe-tag-input{margin-top:12px;position:relative}.pe-suggestions-dropdown{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:1000;max-height:200px;box-shadow:var(--shadow-lg);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.pe-suggestion-item{cursor:pointer;border-bottom:1px solid var(--border-color-light);color:var(--text-color);transition:var(--transition-fast);padding:10px 12px}.pe-suggestion-item:last-child{border-bottom:none}.pe-suggestion-item:hover,.pe-suggestion-item-selected{background-color:var(--btn-bg);color:#fff}.pe-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition-smooth);background:var(--surface-bg);padding:30px 20px;position:relative}.pe-upload-area:hover,.pe-upload-area-dragover{border-color:var(--btn-bg);background:#0a84ff0d}.pe-upload-loading{pointer-events:none;opacity:.8}.pe-upload-loader{border:4px solid var(--border-color);border-top:4px solid var(--btn-bg);border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:1s linear infinite pe-spin}@keyframes pe-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pe-upload-icon{color:var(--text-muted);margin:0 auto 12px;font-size:40px}.pe-upload-text{font-size:var(--font-size-sm);color:var(--text-color);margin-bottom:4px;font-weight:500}.pe-upload-subtext{font-size:var(--font-size-xs);color:var(--text-muted)}.pe-upload-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.pe-upload-badge{background:var(--btn-bg);color:#fff;font-size:var(--font-size-xs);border-radius:12px;margin-left:8px;padding:2px 8px;font-weight:600}.preview-thumb{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-color);max-height:80px;margin:10px 10px 0 0;position:relative}.media-preview{flex-wrap:wrap;gap:16px;margin-top:15px;display:flex}.media-preview-item img{border-radius:var(--radius-md);border:1px solid var(--border-color);object-fit:cover;max-height:100px}.media-preview-item video{border-radius:var(--radius-md);border:1px solid var(--border-color);object-fit:cover}.preview-video{border-radius:var(--radius-md);border:1px solid var(--border-color);max-width:100%;margin-top:12px;display:block}.remove-icon{background:var(--danger-color);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);z-index:5;transition:var(--transition-smooth);border:none;border-radius:50%;padding:4px;font-size:14px;position:absolute;top:-8px;right:-8px}.remove-icon:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pe-file-container{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:15px;background:var(--surface-bg)!important}.pe-file-item{border-radius:var(--radius-sm);border:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;display:flex;background:var(--card-bg)!important;color:var(--text-color)!important}.pe-file-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-color)!important}.pe-file-size{font-size:var(--font-size-xs);color:var(--text-muted)!important}.pe-visibility-label{cursor:pointer;font-size:var(--font-size-xs);white-space:nowrap;align-items:center;gap:5px;display:flex;color:var(--text-color)!important}.pe-visibility-radio{accent-color:var(--btn-bg);margin:0}.pe-lock-icon{color:var(--text-muted)}.pe-download-button{cursor:pointer;color:var(--success-color);transition:var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;text-decoration:none;display:flex}.pe-download-button:hover{color:var(--btn-bg)}.pe-download-disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.pe-repo-icon{border-radius:var(--radius-sm);color:#fff;width:32px;height:32px;font-weight:700;font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.pe-repo-github{background:#24292e}.pe-repo-gitlab{background:#fc6d26}.pe-repo-default{background:#0052cc}.pe-repo-type{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.pe-repo-badge{color:var(--success-color);background:var(--success-bg);border-radius:var(--radius-xs);padding:2px 6px;font-size:11px;font-weight:600}.pe-repo-badge-private{color:var(--warning-color);background:var(--warning-bg)}.pe-repo-link:hover{text-decoration:underline}.pe-input-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pe-input-group .pe-input-field{flex:1;min-width:300px}.pe-list-item{background:var(--surface-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex}.pe-list-item-content{color:var(--text-color);font-size:var(--font-size-sm)}.pe-checkbox-label{cursor:pointer;font-size:var(--font-size-sm);align-items:center;gap:8px;display:flex;color:var(--text-color)!important}.pe-checkbox-input{accent-color:var(--btn-bg);margin:0}.pe-attachment-item{background:var(--surface-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;display:flex}.pe-attachment-link:hover{text-decoration:underline}.pe-empty-state{text-align:center;font-style:italic;font-size:var(--font-size-sm);background:var(--surface-bg);padding:20px;color:var(--text-muted)!important}.pe-actions-container{background:var(--card-bg);z-index:10;border-top:1px solid var(--border-color-light);justify-content:flex-end;gap:16px;margin-top:40px;padding:16px 0;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.pe-btn-delete{background-color:var(--danger-color);color:#fff;padding:var(--btn-padding);border-radius:var(--btn-radius);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);border:none}.pe-btn-edit{background-color:var(--btn-bg);color:#fff;padding:var(--btn-padding);border-radius:var(--btn-radius);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);border:none}.pe-btn-delete:hover,.pe-btn-edit:hover{opacity:.9}.pe-btn-delete:focus,.pe-btn-edit:focus{outline:2px solid var(--link-color);outline-offset:3px}.pe-input-margin-top{margin-top:10px}.pe-tag-remove{cursor:pointer;margin-left:6px}.pe-remove-button{color:var(--danger-color);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:4px}.pe-remove-button:hover{color:#c00}.pe-subsection-title{align-items:center;gap:8px;margin-bottom:15px;font-size:18px;font-weight:600;display:flex;color:var(--text-color)!important}h3[style*=color]{color:var(--text-color)!important}.pe-file-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.pe-label-section{margin-bottom:4px;font-size:16px;font-weight:600}.pe-section-description{color:var(--text-muted);margin:0;font-size:13px}.pe-hidden-input{display:none}.pe-attachment-list{margin-top:15px}.pe-user-suggestions-dropdown{z-index:1000;background-color:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.pe-user-suggestion-item{cursor:pointer;color:#333;border-bottom:1px solid #eee;padding:8px 12px;font-size:14px}.pe-user-suggestion-item:hover,.pe-user-suggestion-item.selected{background-color:#f0f0f0}.pe-user-suggestion-item:last-child{border-bottom:none}.pe-input-group{position:relative}.pe-error-container{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-top:5px;margin-bottom:5px;padding:12px 16px;display:flex}.pe-error-container .pe-error-text{color:#e53e3e;flex:1;margin:0;font-size:14px}.pe-error-container .btn-invite{white-space:nowrap;flex-shrink:0;color:#fff!important;cursor:pointer!important;background-color:#4caf50!important;border:none!important;border-radius:4px!important;margin:0!important;padding:6px 12px!important;font-size:14px!important}.pe-error-container .btn-invite:hover{background-color:#45a049!important}@media (max-width:768px){.pe-main-container{padding:24px 16px}.pe-header-content{flex-direction:column;align-items:flex-start;gap:16px}.pe-header-center{text-align:left}.pe-grid-two-columns{grid-template-columns:1fr;gap:16px}.pe-actions-container{flex-direction:column;align-items:stretch}.pe-actions-container button{width:100%}.pe-input-group{flex-direction:column;align-items:stretch}.pe-input-group .pe-input-field{min-width:auto}.pe-file-actions{flex-direction:column;align-items:flex-end;gap:8px}}.media-preview-item{margin:8px;display:inline-block;position:relative}.media-preview-item img{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;max-height:100px}.media-preview-item video{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px}.media-preview>div{margin-bottom:12px;margin-right:12px;display:inline-block;position:relative}.remove-icon{color:#fff;cursor:pointer;z-index:5;background:#e53e3e;border:none;border-radius:50%;padding:4px;font-size:14px;transition:background-color .2s;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0000001a}.remove-icon[disabled]{opacity:.5;cursor:not-allowed}.remove-icon:hover{background:#c00}.pe-file-container{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:60px;margin-bottom:15px;padding:15px}.pe-file-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;display:flex}.pe-file-item:last-child{margin-bottom:0}.pe-file-icon{border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.pe-file-info{flex:1;align-items:center;gap:12px;display:flex}.pe-file-size{color:#718096;font-size:12px}.pe-download-button{cursor:pointer;color:#48bb78;background:0 0;border:none;padding:4px;text-decoration:none}.pe-download-disabled{cursor:not-allowed;color:#cbd5e0;opacity:.5}.pe-input-group{gap:10px;margin-bottom:15px;display:flex}.pe-input-group input{flex:1}.pe-add-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#4299e1;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:500}.pe-list-item{background-color:#f7fafc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex}.pe-list-item-content{color:#2d3748}.pe-actions-container{justify-content:flex-end;gap:15px;padding:20px 0;display:flex}.pe-btn-delete{color:#fff;cursor:pointer;background-color:#e53e3e;border:none;border-radius:8px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .2s}.pe-btn-cancel{color:#fff;cursor:pointer;background-color:#718096;border:none;border-radius:8px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .2s}.pe-btn-save{color:#fff;cursor:pointer;background-color:#48bb78;border:none;border-radius:8px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .2s}.pe-btn-edit{color:#fff;cursor:pointer;background-color:#805ad5;border:none;border-radius:8px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .2s}.pe-checkbox-group{flex-direction:column;gap:15px;display:flex}.pe-checkbox-label{cursor:pointer;color:#2d3748;align-items:center;gap:10px;font-size:15px;display:flex}.pe-checkbox-input{cursor:pointer;width:18px;height:18px}.pe-empty-state{text-align:center;color:#718096;padding:20px;font-size:14px}.pe-repo-icon{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.pe-repo-github{background-color:#24292e}.pe-repo-gitlab{background-color:#fc6d26}.pe-repo-default{background-color:#0052cc}.pe-repo-info{flex:1}.pe-repo-meta{align-items:center;gap:8px;margin-bottom:4px;display:flex}.pe-repo-type{color:#718096;font-size:15px;font-weight:500}.pe-repo-badge{color:#38a169;background-color:#c6f6d5;border-radius:9999px;padding:2px 6px;font-size:10px;font-weight:600}.pe-repo-badge-private{color:#e53e3e;background-color:#fed7d7}.pe-repo-hidden{color:#a0aec0;font-style:italic}.pe-repo-add-form{margin-top:15px}.pe-repo-link{color:#4299e1;font-size:14px;font-weight:500;text-decoration:none}.pe-upload-badge{color:#fff;background-color:#4299e1;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:12px}.pe-upload-label{color:#fff;cursor:pointer;background-color:#0a84ff;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.pe-upload-label input{display:none}.pe-icon-controls{align-items:center;gap:8px;display:flex}.pe-logo-preview{flex-wrap:wrap;gap:16px;display:flex}.pe-logo-preview img{object-fit:cover;border-radius:8px;width:60px;height:60px}.pe-video-preview{align-items:center;gap:10px;margin-top:15px;display:flex}.pe-attachment-item{background-color:#f7fafc;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px;display:flex}.pe-attachment-link{color:#4299e1;font-size:14px;text-decoration:none}.pe-visibility-controls{align-items:center;gap:10px;display:flex}.pe-visibility-label{cursor:pointer;color:#2d3748;align-items:center;gap:5px;font-size:13px;display:flex}.pe-visibility-radio{cursor:pointer;outline:none;width:16px;height:16px}.pe-visibility-radio:focus,.pe-visibility-radio:active{box-shadow:none;outline:none}.pe-lock-icon{margin-right:8px}.pe-lock-private{color:#e53e3e}.pe-lock-public{color:#48bb78}.pe-download-disabled{cursor:not-allowed;color:#cbd5e0;opacity:.5;pointer-events:none}.pe-file-actions{align-items:center;gap:15px;display:flex}@media (max-width:768px){.pe-main-container{padding:20px 10px}.pe-header-content{flex-direction:row;align-items:flex-start;gap:20px}.pe-grid-two-columns{grid-template-columns:1fr}.pe-section{padding:20px}.pe-actions-container{flex-direction:column;gap:10px}.pe-actions-container button{justify-content:center;align-items:center;width:100%;display:flex}.pe-input-group{flex-direction:row;gap:10px}.pe-input-group input{width:100%}.pe-file-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;display:flex}.pe-file-info{width:100%}.pe-file-actions{flex-flow:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%}.pe-icon-controls{margin-left:auto}.pe-visibility-controls{flex-wrap:wrap;gap:5px}.pe-repo-add-form .pe-input-group{flex-direction:column;align-items:stretch;gap:12px}.pe-repo-add-form .pe-input-group .pe-input-field{width:100%}.pe-repo-add-form .pe-visibility-controls{align-items:center;gap:16px;margin-bottom:12px;display:flex}.pe-repo-add-form .pe-visibility-label{white-space:nowrap;font-size:14px}.pe-repo-add-form .pe-btn{color:#fff;background:#1976d2;border-radius:25px;width:100%;padding:12px 20px;font-size:14px;font-weight:500}.pe-repo-mobile-container{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px}.pe-repo-mobile-form{flex-direction:column;gap:12px;display:flex}.pe-repo-mobile-input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:12px 16px;font-size:14px}.pe-repo-mobile-input::placeholder{color:#9ca3af}.pe-repo-mobile-radio-group{align-items:center;gap:20px;margin:8px 0;display:flex}.pe-repo-mobile-radio-item{align-items:center;gap:6px;display:flex}.pe-repo-mobile-radio{accent-color:#2563eb;width:16px;height:16px}.pe-repo-mobile-radio-label{color:#374151;font-size:14px;font-weight:500}.pe-repo-mobile-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;width:100%;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.pe-repo-mobile-btn:hover{background:#1d4ed8}.pe-select-field{box-sizing:border-box;text-overflow:ellipsis;width:100%;min-width:auto;max-width:100%;overflow:hidden}.pe-upload-label{justify-content:center;width:100%;margin-bottom:10px}.pe-repo-add-form:not(.pe-repo-mobile-container){display:none}}.pe-file-name{color:#2d3748;font-size:14px;font-weight:500}.pe-file-name.pe-repo-link{color:var(--link-color);font-weight:500;text-decoration:none}.pe-file-name.pe-repo-link:hover{text-decoration:underline}@media (max-width:768px){.project-editor .pe-repo-add-form{background:var(--surface-bg,#f8f9fa);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.project-editor .pe-repo-add-form .pe-input-group{flex-direction:column;gap:5px;width:100%;display:flex}.project-editor .pe-repo-add-form .pe-input-field{border:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;background:#fff;border-radius:6px;width:100%;padding:12px 16px;font-size:14px}.project-editor .pe-repo-add-form .pe-visibility-controls{align-items:center;gap:20px;margin:8px 0;display:flex}.project-editor .pe-repo-add-form .pe-visibility-label{color:var(--text-color,#2d3748);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex}.project-editor .pe-repo-add-form .pe-visibility-radio{width:16px;height:16px;accent-color:var(--primary-color,#1976d2)}.project-editor .pe-repo-add-form .pe-btn{background:var(--primary-color,#1976d2);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.project-editor .pe-file-container{background:var(--surface-bg,#f8f9fa);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;margin-bottom:16px;padding:16px}.project-editor .pe-file-item{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:6px;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;display:flex}.project-editor .pe-file-item:last-child{margin-bottom:0}.project-editor .pe-file-row{align-items:center;width:100%;display:flex}.project-editor .pe-file-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.project-editor .pe-file-icon{background:#fef3e2;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.project-editor .pe-file-details{flex:1;min-width:0}.project-editor .pe-file-name{color:var(--text-color,#2d3748);text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:14px;font-weight:500;overflow:hidden}.project-editor .pe-file-name.pe-repo-link{color:var(--link-color,#1976d2);text-decoration:none}.project-editor .pe-file-size{color:var(--muted-text,#718096);margin:0;font-size:12px}.project-editor .pe-file-actions-row{justify-content:space-between;align-items:center;width:100%;display:flex}.project-editor .pe-visibility-controls{align-items:center;gap:12px;display:flex}.project-editor .pe-icon-controls{align-items:center;gap:8px;display:flex}.project-editor .pe-download-button{color:#48bb78;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;transition:background-color .2s}.project-editor .pe-remove-button{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:background-color .2s;display:flex}}.popular-Domain-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding-top:6px;display:flex}.popular-Domain-btn{border:1px solid var(--border-color);background:var(--surface-bg);color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-smooth);border-radius:20px;padding:6px 14px}.popular-Domain-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.popular-Domain-btn:disabled{opacity:.5;cursor:not-allowed}.Domain-tag-inline{color:#5b21b6;font-size:var(--font-size-sm);background:#ede9fe;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-weight:500;display:flex}.Domain-tags-view{flex-wrap:wrap;gap:8px;display:flex}.Domain-remove-btn{color:#5b21b6;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:14px;line-height:1}.Domain-remove-btn:hover{color:#4c1d95}html{scroll-padding-top:var(--scroll-offset);scroll-behavior:smooth;background-color:var(--surface-bg);color:var(--text-color);font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.project-details-layout{font-family:var(--font-body-alt);flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:0;margin-left:40px;padding:0;display:flex}.left-panel{flex:1;min-width:0}.sticky-header{background:var(--card-bg);z-index:var(--z-sticky);box-shadow:var(--shadow-sm);padding:10px 0 0 10px;position:-webkit-sticky;position:sticky;top:0}.header-top-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.project-badge-row.inline{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.badge{border:1px solid var(--border-color);background-color:var(--surface-bg);border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.badge.featured{color:#2563eb;background-color:#e8f2ff}.badge.popular{color:#4f46e5;background-color:#eef2ff}.project-title-meta{color:var(--text-color);margin:.25rem 0;font-size:1.5rem;font-weight:600;line-height:1.3;text-transform:capitalize!important}.header-title{color:var(--text-color);font-size:1.5rem;font-weight:700;text-transform:capitalize!important}.project-meta-row{color:var(--muted-text);flex-wrap:wrap;gap:.75rem;margin-top:.25rem;margin-left:5px;font-size:.85rem;display:flex}.project-meta-row-horizontal{flex-wrap:wrap;gap:1rem;margin-top:.75rem;margin-left:5px;font-size:.9rem;display:flex}.section-nav{border-bottom:1px solid var(--border-color);gap:1rem;margin-top:1rem;display:flex;overflow-x:auto}.section-nav .nav-link{color:var(--muted-text);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem .3rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .25s}.section-nav .nav-link:hover{color:var(--link-color)}.section-nav .nav-link.active{color:var(--link-color);border-bottom:2px solid var(--link-color)}section h2{color:var(--text-color);font-size:1.25rem;font-weight:600;margin-top:1rem!important}.content-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:.75rem;margin-bottom:1rem;padding:1rem;transition:box-shadow .2s}.section-subtitle-pd{color:#6b7280;margin:0;font-size:12px;font-weight:600}.content-card:hover{box-shadow:var(--shadow-md)}.media-card{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.media-card video{border-radius:var(--radius-md);background-color:var(--surface-bg);width:60%;height:auto;box-shadow:var(--shadow-md)}.media-links{margin-top:.5rem;padding-left:0;list-style:none}.media-links li{margin-bottom:.4rem}.media-links a{color:var(--link-color);font-weight:500;text-decoration:none}.media-links a:hover{text-decoration:underline}.star-row{align-items:center;gap:.4rem;display:flex}.rating-summary{color:var(--muted-text);margin-left:.5rem;font-size:.9rem}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn.primary{background-color:var(--link-color);color:var(--text-on-primary)}.btn.primary:hover{background-color:#1d4ed8}.btn.ghost{color:var(--text-color);border:1px solid var(--border-color);background-color:#0000}.action-text{color:var(--link-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem}.action-text:hover{text-decoration:underline}.comment-header{color:var(--text-color);align-items:center;font-size:1.1rem;font-weight:600;display:flex}.comment-line{align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.comment-line.reply{max-width:50%;margin-left:2.5rem}.avatar-sm{background:var(--link-color);width:2rem;height:2rem;color:var(--text-on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.bubble{flex-direction:column;flex:1;gap:.5rem;display:flex}.comment-input-block{align-items:flex-start;gap:.5rem;width:100%;margin-top:1rem;display:flex}.input-comment{border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--radius-md);resize:none;flex:1;width:100%;min-height:36px;padding:.5rem .75rem;font-family:inherit;font-size:.95rem;line-height:1.5}.main-line{color:var(--text-color);flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.95rem;display:flex}.meta-line{color:var(--muted-text);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.meta-line button,.meta-line .action-text{color:var(--link-color);cursor:pointer;background:0 0;border:none;margin:0;padding:2px 4px;font-size:.8rem}.meta-line button:hover,.meta-line .action-text:hover{text-decoration:underline}section[id]{scroll-margin-top:var(--scroll-offset)}@media (max-width:1024px){.project-details-layout{gap:1.5rem;padding:1rem}}@media (max-width:768px){.project-details-layout{flex-direction:column;margin-left:0;padding:.5rem}.left-panel,.sidebar-container{width:100%}.sticky-header{box-shadow:none;margin-bottom:1rem;padding:.75rem 0}.header-top-row{gap:.5rem}.section-nav{gap:.25rem;margin-top:.75rem;padding-bottom:.25rem;overflow-x:auto}.section-nav .nav-link{color:var(--muted-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem .3rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .25s}.section-nav .nav-link:hover{color:var(--link-color)}.section-nav .nav-link.active{color:var(--link-color);border-bottom:2px solid var(--link-color)}section{margin-bottom:2rem}section h2{color:var(--text-color);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.content-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:.5rem;padding:1rem}}.locked-card{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.6;position:relative;overflow:hidden}.locked-card .lock-overlay{opacity:1}.lock-overlay{pointer-events:auto;opacity:0;background-color:#fff6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.lock-icon{font-size:24px;position:absolute;top:10px;right:12px}.lock-message{color:#333;margin-top:10px;font-size:16px;font-weight:700}.project-details-video{width:500px;max-width:100%;height:300px;box-shadow:var(--shadow-md);background-color:#000;border-radius:8px;margin-top:.75rem;position:relative;overflow:hidden}.project-details-video video{width:100%;height:300px;display:block;position:absolute}.video-placeholder{background:#000;width:100%;padding-top:56.25%;position:relative}.video-placeholder .play-button{color:#fff;cursor:pointer;background:#00000080;border-radius:50%;padding:12px;transition:background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-placeholder .play-button:hover{background:#000c}.login-prompt-modal{width:-moz-fit-content;width:fit-content;max-width:50%}.login-prompt-content{text-align:center;padding:1rem}.login-prompt-btn{background-color:var(--link-color);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:1rem;padding:.6rem 1.2rem;font-size:.95rem;transition:background .3s}.login-prompt-btn:hover{background-color:#1d4ed8}.pagination-controls{justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.page-btn{border:1px solid var(--border-color);background:var(--card-bg);min-width:36px;height:36px;color:var(--text-color);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;transition:background .2s;display:flex}.page-btn:hover:not(:disabled){background-color:var(--surface-bg)}.page-btn.active{background-color:var(--link-color);border-color:var(--link-color);color:#fff;font-weight:600}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-ellipsis{color:var(--muted-text);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 .25rem;font-size:.85rem}.media-files-list{flex-direction:column;gap:.15rem;display:flex}.media-file-item{align-items:center;gap:.5rem;display:flex}.media-file-item:last-child{border-bottom:none}.media-file-icon{text-align:center;flex-shrink:0}.media-file-link{color:var(--link-color);word-break:break-all;flex:1;min-width:0;font-weight:500;text-decoration:none}.media-file-link:hover{text-decoration:underline}.media-file-type{color:var(--muted-text);background-color:var(--surface-bg);border:1px solid var(--border-color);border-radius:.25rem;flex-shrink:0;padding:.25rem .5rem;font-size:.875rem}@media (max-width:768px){.media-files-list{gap:.15rem;padding:0}.media-file-item{align-items:center;gap:.75rem;display:flex}.media-file-item:last-child{border-bottom:none}.media-file-icon{text-align:center;flex-shrink:0}.media-file-link{word-break:break-word;min-width:0;color:var(--link-color);flex:1;font-size:.9rem;font-weight:500;line-height:1.3;text-decoration:none}.media-file-link:hover{text-decoration:underline}.media-file-type{white-space:nowrap;background-color:var(--surface-bg);color:var(--muted-text);border:1px solid var(--border-color);border-radius:.25rem;flex-shrink:0;padding:.2rem .4rem;font-size:.75rem;font-weight:500}.pe-file-container{flex-direction:column;padding:.5rem .25rem;display:flex}.pe-file-item{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.pe-file-item:hover{box-shadow:var(--shadow-md);border-color:var(--link-color)}.pe-file-info{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.pe-file-icon{border:1px solid #0000001a;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.1rem;display:flex}.pe-file-details{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.pe-file-name{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 14rem);margin:0;font-size:.95rem;font-weight:600;line-height:1.3;overflow:hidden}.pe-file-size{color:var(--muted-text);margin:0;font-size:.8rem;font-weight:500;line-height:1.2}.pe-file-actions{flex-shrink:0;align-items:center;display:flex}.pe-icon-controls{align-items:center;gap:.75rem;display:flex}.pe-lock-icon{color:var(--muted-text)}.pe-lock-public{color:#10b981}.pe-lock-private{color:#ef4444}.pe-download-button{cursor:pointer;color:#48bb78;border-radius:.375rem;justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:.5rem;text-decoration:none;transition:all .2s;display:flex}.pe-download-button:hover{color:#fff;background:#48bb78;border-color:#48bb78}.pe-download-disabled{cursor:not-allowed;color:#cbd5e0;opacity:.5;background:var(--surface-bg)}.pe-download-disabled:hover{background:var(--surface-bg);color:#cbd5e0;border-color:var(--border-color)}.pe-empty-state{text-align:center;color:var(--muted-text);background:var(--surface-bg);border:1px dashed var(--border-color);border-radius:.5rem;padding:2rem 1rem;font-style:italic}.pe-repo-icon{color:#fff;border:1px solid #0000001a;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.85rem;font-weight:700;display:flex}.pe-repo-github{background-color:#24292e}.pe-repo-gitlab{background-color:#fc6d26}.pe-repo-default{background-color:var(--link-color)}.pe-repo-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.pe-repo-meta{align-items:center;gap:.5rem;margin-bottom:.125rem;display:flex}.pe-repo-type{color:var(--text-color);font-size:.8rem;font-weight:600}.pe-repo-badge{color:#38a169;background-color:#c6f6d5;border:1px solid #9ae6b4;border-radius:.25rem;padding:.2rem .4rem;font-size:.7rem;font-weight:600}.pe-repo-badge-private{color:#e53e3e;background-color:#fed7d7;border:1px solid #feb2b2}.pe-repo-link{color:var(--link-color);white-space:nowrap;text-overflow:ellipsis;width:calc(100vw - 12rem);font-size:.85rem;font-weight:500;line-height:1.3;text-decoration:none;overflow:hidden}.pe-repo-link:hover{text-decoration:underline}.pe-repo-hidden{color:var(--muted-text);cursor:not-allowed;font-style:italic}}.action-sidebar{width:100%;max-width:280px;font-family:var(--font-body-alt);flex-direction:column;gap:1rem;display:flex}.action-sidebar.sticky{align-self:flex-start;position:-webkit-sticky;position:sticky;top:1rem}.sidebar-container{top:var(--header-height);align-self:flex-start;position:-webkit-sticky;position:sticky}.sidebar-card{background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s,transform .2s}.sidebar-card:hover{border-color:var(--link-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-title{color:var(--text-color);align-items:center;gap:.5rem;margin-top:0;margin-bottom:.75rem;font-weight:600;display:flex}.owner-card{cursor:pointer;flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.5rem;display:flex}.author-info-fixed{cursor:pointer;align-items:center;gap:.75rem;width:100%;display:flex}.profile-avatar-overview-Profile{justify-content:center;align-items:center;display:flex}.profile-avatar-image-profile{object-fit:cover;border:2px solid var(--border-color,#e0e0e0);border-radius:50%;width:40px;height:40px}.profile-avatar-initials-action{background-color:var(--link-color);color:#fff;text-transform:uppercase;width:40px;height:40px;box-shadow:var(--shadow-sm);border:1px solid #00000026;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.owner-info strong{color:var(--text-color);font-size:1rem;font-weight:600;display:block}.owner-info .meta{color:var(--muted-text);margin-top:.1rem;font-size:.85rem}.view-team-wrapper{width:100%;margin-top:.5rem}.view-team-toggle{color:#2563eb;cursor:pointer;margin-bottom:.25rem;font-size:.75rem;transition:color .3s;display:inline-block;position:relative}.view-team-toggle:after{content:"";background-color:#2563eb;width:100%;height:2px;transition:transform .3s ease-in-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.view-team-toggle:hover{color:#1d4ed8}.view-team-toggle:hover:after{transform:scaleX(1)}.team-list{color:var(--text-color);font-size:var(--font-size-sm);border-radius:6px;padding:.5rem}.team-list h4{margin-bottom:.25rem;font-weight:600}.team-member{margin-bottom:.15rem}.no-team{color:#9ca3af}.sale-card{padding:.75rem 1rem}.sale-card .sale-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.sale-card .label{color:var(--muted-text);align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.sale-card .price{color:var(--text-color);font-size:1.25rem;font-weight:700}.link-list{margin:.5rem 0 0;padding:0;list-style:none}.link-list li{margin-bottom:.5rem}.link-list a{color:var(--link-color);padding:.25rem 0;font-size:.9rem;text-decoration:none;display:inline-block}.link-list a:hover{text-decoration:underline}.support-card .support-options{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.actions-card{flex-direction:column;gap:.5rem;display:flex}.tag-cloud{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.tag-pill{background-color:var(--muted-bg);color:var(--muted-text);border-radius:1rem;padding:.25rem .75rem;font-size:.8rem;display:inline-block}.timeline{margin-top:.75rem}.timeline-item{gap:.75rem;padding-bottom:1rem;display:flex;position:relative}.timeline-marker{background-color:var(--link-color);border-radius:50%;flex-shrink:0;width:12px;height:12px;position:relative}.timeline-marker:after{content:"";background-color:var(--border-color);width:2px;height:calc(100% + 1rem);position:absolute;top:12px;left:50%;transform:translate(-50%)}.timeline-item:last-child .timeline-marker:after{display:none}.timeline-content{flex:1}.timeline-title{margin-bottom:.25rem;font-size:.9rem;font-weight:500}.timeline-time{color:var(--muted-text);font-size:.8rem}.btn.primary.full{justify-content:center;width:100%}.btn.secondary.full{border:1px solid var(--border-color);justify-content:center;width:100%}.btn.liked,.btn.bookmarked{background-color:var(--muted-bg);font-weight:500}@media (max-width:768px){.action-sidebar{gap:.75rem;max-width:100%}.sidebar-card{margin-bottom:.75rem;padding:.75rem}.owner-block{gap:.5rem}}.modal-purchase-width{max-width:50%}.modal-support-request-width{width:-moz-fit-content;width:fit-content;max-width:50%;padding:35px}.footer-section{background-color:var(--card-bg);transition:background-color var(--transition-smooth);font-family:var(--font-body-alt);padding:64px 16px}.footer-container{max-width:var(--container-xl);margin:0 auto;padding:0 16px}.footer-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.footer-heading{font-weight:700;font-size:var(--font-size-md);color:var(--text-color);margin-bottom:16px}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{position:relative}.footer-link{font-size:var(--font-size-sm);color:var(--muted-text);margin-bottom:8px;text-decoration:none;display:inline-block;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;transition:none!important}.footer-link:after{content:"";background-color:var(--link-hover,#4a89dc);width:100%;height:2px;transition:transform .3s ease-in-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.footer-link:hover:after{color:#007bff;text-decoration:underline;transform:scaleX(1)}.footer-link:hover{color:var(--muted-text)!important;background:0 0!important;text-decoration:none!important}.footer-form{flex-direction:column;gap:12px;display:flex}.footer-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background-color:var(--bg-color);color:var(--text-color);transition:border-color var(--transition-smooth);padding:10px 14px}.footer-input:focus{border-color:var(--link-color);box-shadow:0 0 0 2px var(--highlight-bg);outline:none}.footer-button{background-color:var(--btn-bg);color:#fff;font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-smooth);border:none;padding:10px 14px;font-weight:500}.footer-button:hover{background-color:var(--btn-hover)}.footer-social{gap:12px;margin-top:16px;display:flex}.footer-icon{background-color:var(--bg-color);border:1px solid var(--border-color);width:36px;height:36px;color:var(--muted-text);transition:background-color var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-icon:hover{background-color:var(--surface-bg)}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;margin-top:48px;padding-top:24px}.footer-copyright{font-size:var(--font-size-sm);color:var(--muted-text)}@media (max-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:nth-child(3){grid-column:1/-1}}.profile-container-overview{max-width:100vw;color:var(--text-color);font-family:var(--font-body-alt);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:20px;margin-right:15px}.card-overview{font-family:var(--font-body-alt);background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border-radius:12px;margin:20px 0;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f,0 4px 16px #00000008}.card-overview:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014,0 8px 24px #0000000d}.card-overview p{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.title-overview{color:#333;letter-spacing:-.3px;align-items:center;gap:10px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.title-overview:before{content:"";background:linear-gradient(135deg,#06c,#0052a3);border-radius:2px;width:4px;height:24px}.title-overview-footer{color:#fff;letter-spacing:-.3px;align-items:center;gap:10px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.profile-header-overview{color:#fff;text-align:start;background:linear-gradient(135deg,#06c 0%,#0052a3 50%,#049 100%);border-radius:0 0 16px 16px;padding:48px 24px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0066cc26}.profile-header-overview:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-10%}.profile-header-overview:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:350px;height:350px;position:absolute;bottom:-30%;left:-5%}.profile-header-background{background-position:50%;background-size:cover}.profile-header-content{z-index:1;position:relative}.stats-section-overview{background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border-top:3px solid #06c;border-radius:12px;margin:20px 0;padding:24px;box-shadow:0 2px 8px #0000000f,0 4px 16px #00000008}.stats-grid-overview{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.stat-box-overview{text-align:center;background:linear-gradient(135deg,#0066cc0d 0%,#0066cc05 100%);border:1px solid #0066cc1a;border-radius:8px;padding:16px;transition:all .3s}.stat-box-overview:hover{background:linear-gradient(135deg,#0066cc1a 0%,#0066cc0d 100%);transform:translateY(-2px);box-shadow:0 4px 12px #0066cc26}.stat-box-overview h3{color:#06c;margin-bottom:6px;font-size:24px;font-weight:700}.stat-box-overview p{color:#666;letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:500}.skills-group-overview{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.green-tag,.blue-tag{background:var(--hero-blue);color:#fff}.projects-grid-overview{flex-wrap:wrap;gap:16px;display:flex}.project-card-overview{background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);border:1px solid #f59e0b1a;border-radius:8px;flex:260px;min-width:200px;padding:12px;transition:all .3s;overflow:hidden}.project-card-overview:hover{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b26}.project-title-overview{color:#333;margin-bottom:6px;font-size:15px;font-weight:700}.project-tech-overview,.project-tag-overview{opacity:.85;color:#666;font-size:12px}.experience-section{gap:var(--space-2);padding-left:var(--space-2);padding-top:var(--space-2);flex-direction:column;display:flex}.title-overview-prof{font-size:var(--font-size-lg);color:var(--text-color);margin:0}.section-subtitle-prof{color:#6b7280;margin:0;padding-bottom:10px;font-size:12px;font-weight:600}.rates-grid-overview{flex-wrap:wrap;gap:16px;display:flex}.rate-card-overview{color:#fff;border-radius:8px;flex:260px;height:auto;min-height:120px;padding:20px;transition:all .3s;box-shadow:0 4px 12px #0000001a}.rate-card-overview:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.rate-card-overview.orange{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.price-overview{margin-bottom:8px;font-size:28px;font-weight:700}.note-overview{opacity:.9;font-size:12px}.verification-tags-overview{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.verification-tag{color:#7c3aed;background:linear-gradient(135deg,#7c3aed1a,#7c3aed0d);border:1px solid #7c3aed33;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s;display:inline-flex}.verification-tag:hover{background:linear-gradient(135deg,#7c3aed26,#7c3aed14);border-color:#7c3aed66}.testimonial-overview{font-family:var(--font-body-alt);color:#555;background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-radius:8px;margin-top:16px;padding:16px 20px;font-size:14px;font-style:italic;font-weight:400;line-height:1.6;transition:all .3s;position:relative}.cta-section-overview{color:#f3f4f6;background:linear-gradient(135deg,#1f2937 0%,#111827 50%,#0f172a 100%);border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:24px;padding:40px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.cta-section-overview:before{content:"";pointer-events:none;background:#0066cc1a;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-10%}.cta-buttons-overview{z-index:1;flex-wrap:wrap;align-items:center;gap:16px;display:flex;position:relative}.cta-primary-overview{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06c 0%,#0052a3 100%);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #0066cc4d}.cta-primary-overview:hover{transform:translateY(-2px);box-shadow:0 8px 20px #06c6}.cta-secondary-overview{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff9;border-radius:8px;padding:10px 22px;font-weight:600;transition:all .3s}.cta-secondary-overview:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.cta-icons-overview{z-index:1;gap:12px;display:flex;position:relative}.icon-overview{cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s;display:flex}.icon-overview:hover{background:#0066cc4d;border-color:#06c9;transform:translateY(-2px)}@media (max-width:768px){.profile-container-overview{margin:0;padding:10px}.stats-grid-overview{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.rate-card-overview{flex-direction:column;justify-content:space-between;width:100%;height:auto;min-height:160px;margin:0;display:flex}.projects-grid-overview,.rates-grid-overview,.cta-buttons-overview{flex-direction:column;align-items:center}.cta-icons-overview{justify-content:center}.profile-header-overview{padding:var(--space-4) var(--space-2);margin:0}.card-overview{margin:var(--space-2) 0;padding:var(--space-3)}.profile-header-overview .flex{margin-bottom:7px}.profile-header-overview>div{text-align:center!important;padding:"20px 20px"!important;flex-direction:column!important;gap:16px!important}.profile-header-overview h1{font-size:32px!important}.profile-header-overview>div>div:last-child{align-items:center!important}.profile-header-overview>div>div:last-child>div{text-align:center!important;flex-wrap:wrap!important;justify-content:center!important}.profile-header-overview+div{text-align:start!important;flex-direction:column!important;gap:10px!important}.profile-header-overview+div>div{justify-content:center!important}.contact-resume-item-overview{justify-content:center!important;margin-left:0!important}}.education-info-row{align-items:center;gap:8px;margin-bottom:5px;padding:8px 0;display:flex}.education-icon{flex-shrink:0;width:18px;height:18px}.profile-header-background{color:#fff;background-position:50%;background-size:cover;border-radius:12px 12px 0 0;padding:20px;position:relative;overflow:hidden}.profile-header-content{align-items:center;gap:24px;max-width:600px;display:flex}.profile-avatar-container{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:4px solid #ffffff4d;border-radius:50%;flex-shrink:0;width:120px;height:120px;transition:all .3s;overflow:hidden;box-shadow:0 8px 20px #0003,inset 0 2px 8px #fff3}.profile-avatar-container:hover{transform:scale(1.05);box-shadow:0 12px 28px #00000040,inset 0 2px 8px #fff3}.profile-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar-initials{color:#fffffff2;background:linear-gradient(135deg,#06c3,#0066cc1a);justify-content:center;align-items:center;width:100%;height:100%;font-size:36px;font-weight:700;display:flex}.profile-name .profile-name-container{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 4px #0000001a;text-align:left;margin:0;font-size:32px;font-weight:700}.profile-title-container{align-items:center;gap:8px;margin-bottom:4px;display:flex}.profile-title-icon{opacity:.9;font-size:18px}.profile-title-text{color:#fffffff2;font-size:16px;font-weight:600}.profile-work-location-type{color:#fffc;margin-left:4px;font-size:12px;font-weight:400}.profile-experience-container{align-items:center;gap:8px;margin-bottom:4px;display:flex}.profile-experience-text{color:#ffffffe6;font-size:14px;font-weight:500}.profile-location-container{align-items:center;gap:8px;display:flex}.profile-location-text{color:#ffffffe6;font-size:14px;font-weight:500}.contact-info-section{background:linear-gradient(135deg,#3b82f614,#3b82f60d);border-top:1px solid #3b82f61a;border-radius:0 0 12px 12px;flex-wrap:wrap;gap:40px;margin-bottom:24px;padding:16px 20px;font-size:13px;display:flex}.contact-info-item-overview{color:#374151;align-items:center;gap:8px;font-weight:500;display:flex}.contact-info-icon-overview{width:18px;height:18px}.contact-resume-item-overview{color:#191a1e;align-items:center;gap:6px;margin-left:auto;display:flex}.skills-list-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.skills-list-name{color:var(--text-color);font-size:14px;font-weight:500}.skills-list-details{align-items:center;gap:8px;display:flex}.skills-rating-container{align-items:center;gap:4px;display:flex}.skills-rating-dot{background-color:#e0e0e0;border-radius:20%;width:10px;height:10px}.skills-rating-dot-filled{background-color:#5f5e5e}.skills-rating-text{color:var(--text-color);margin-left:6px;font-size:12px}.experience-org-container{align-items:center;gap:8px;margin-bottom:5px;display:flex}.experience-org-icon{flex-shrink:0}.experience-org-text{margin:0}.experience-dates-container{align-items:center;gap:8px;display:flex}.experience-dates-icon{flex-shrink:0}.experience-dates-text{margin:0}.experience-description-container{align-items:flex-start;gap:8px;margin-top:5px;display:flex}.experience-description-icon{flex-shrink:0;margin-top:2px}.experience-description-text{margin:0}.project-dates-container{align-items:center;gap:8px;display:flex}.project-dates-icon{flex-shrink:0}.project-dates-text{margin:0}.project-tech-container{align-items:flex-start;gap:8px;margin-top:8px;margin-bottom:8px;display:flex}.project-tech-icon{flex-shrink:0;margin-top:4px}.project-tech-tag{padding:2px 6px;font-size:11px}.project-description-container{align-items:flex-start;gap:3px;display:flex}.project-description-icon{flex-shrink:0;margin-top:2px}.education-field-text{margin:0 0 5px}.education-institution-container{align-items:center;gap:8px;margin-bottom:2px;display:flex}.education-institution-icon{flex-shrink:0}body.dark-mode .card-overview{background:linear-gradient(135deg,#2c2c2efa 0%,#2a2a2cf2 100%);box-shadow:0 2px 8px #0000004d,0 4px 16px #0003}body.dark-mode .card-overview:hover{box-shadow:0 4px 12px #0006,0 8px 24px #0000004d}body.dark-mode .stats-grid-overview .stat-box-overview{background:linear-gradient(135deg,#0066cc26 0%,#0066cc14 100%);border-color:#06c3}body.dark-mode .stats-grid-overview .stat-box-overview:hover{background:linear-gradient(135deg,#06c3 0%,#0066cc1f 100%);box-shadow:0 4px 12px #0066cc40}body.dark-mode .stat-box-overview h3{color:#0a84ff}body.dark-mode .stat-box-overview p{color:var(--muted-text)}body.dark-mode .project-card-overview{background:linear-gradient(135deg,#f59e0b1f 0%,#f59e0b0f 100%);border-color:#f59e0b26}body.dark-mode .project-card-overview:hover{background:linear-gradient(135deg,#f59e0b2e 0%,#f59e0b1a 100%);box-shadow:0 4px 12px #f59e0b33}body.dark-mode .rate-card-overview{box-shadow:0 4px 12px #0000004d}body.dark-mode .rate-card-overview:hover{box-shadow:0 8px 20px #0006}body.dark-mode .price-overview{color:#fff}body.dark-mode .contact-info-section{background:linear-gradient(135deg,#3b82f61f 0%,#3b82f614 100%);border-top-color:#3b82f633}body.dark-mode .testimonial-overview{color:#d0d0d0;background:linear-gradient(135deg,#3b82f61a 0%,#3b82f60d 100%);border-color:#3b82f64d}body.dark-mode .verification-tag{color:#a78bfa;background:linear-gradient(135deg,#7c3aed33 0%,#7c3aed1f 100%);border-color:#7c3aed4d}body.dark-mode .verification-tag:hover{background:linear-gradient(135deg,#7c3aed4d 0%,#7c3aed2e 100%);border-color:#7c3aed80}body.dark-mode .profile-avatar-container{border-color:#fff3}body.dark-mode .profile-avatar-initials{color:#fffffff2;background:linear-gradient(135deg,#0066cc4d 0%,#06c3 100%)}body.dark-mode .cta-section-overview{background:linear-gradient(135deg,#1f2937 0%,#111827 50%,#0f172a 100%);border-color:#ffffff14}body.dark-mode .cta-secondary-overview{border-color:#fff6}body.dark-mode .cta-secondary-overview:hover{background:#ffffff26;border-color:#fff9}body.dark-mode .icon-overview{background:#ffffff1f;border-color:#fff3}body.dark-mode .icon-overview:hover{background:#0066cc4d;border-color:#0066cc80}body.dark-mode .title-overview,body.dark-mode .project-title-overview{color:var(--text-color)}body.dark-mode .section-subtitle-prof{color:var(--muted-text)}body.dark-mode .contact-info-item-overview,body.dark-mode .contact-resume-item-overview{color:var(--text-color)}body.dark-mode .project-tech-overview,body.dark-mode .project-tag-overview{color:var(--muted-text)}body.dark-mode .skills-rating-dot{background-color:#fff3}body.dark-mode .skills-rating-dot-filled{background-color:#fff9}.training-form{font-family:var(--font-body);color:var(--text-color);max-height:calc(100vh - 40px);font-family:var(--font-body-alt);scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:700px;overflow-y:auto}.training-form::-webkit-scrollbar{display:none}.training-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.training-title{font-size:var(--font-size-lg);color:var(--link-color);margin:0;font-weight:600}.training-rating-box{align-items:center;gap:var(--space-1);font-size:var(--font-size-md);color:var(--muted-text);margin-top:var(--space-4);font-weight:500;display:flex}.training-star{color:var(--warning-color);font-size:1.3rem}.training-rating-value{color:var(--text-color);font-weight:600}.training-rating-count{font-size:var(--font-size-sm);color:var(--muted-text)}.training-trainer-section{margin-bottom:var(--space-3);align-items:center;display:flex}.training-trainer-info{align-items:center;gap:var(--space-2);display:flex}.training-trainer-name{color:var(--text-color);font-weight:600}.training-trainer-subtext{font-size:var(--font-size-sm);color:var(--muted-text)}.training-divider{border:none;border-top:1px solid var(--border-color);margin:var(--space-4) 0}.training-project-meta{gap:var(--space-4);margin-bottom:var(--space-4);transition:var(--transition-smooth);flex-direction:column;display:flex}.budget-item{padding:var(--space-2);border-radius:var(--radius-sm);background:#228b2226;flex-direction:column;flex:1;gap:4px;display:flex}.budget-item strong{color:var(--success-color);font-weight:600}.budget-item strong:before{content:" 💰"}.budget-amount{color:var(--text-color);font-weight:600;font-size:var(--font-size-md);text-align:center}.budget-item .text-muted{font-size:var(--font-size-sm);margin-top:2px;display:block}.training-project-info{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);transition:var(--transition-smooth)}.training-project-info:hover{background:var(--highlight-bg)}.project-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.training-project-title{font-size:var(--font-size-md);color:var(--link-color);white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:100%;margin:0;font-weight:600;line-height:1.4}.training-budget{font-size:var(--font-size-md);color:var(--link-color);margin:0;font-weight:600}.training-skills-section{margin-bottom:var(--space-3)}.training-skill-label{color:var(--text-color);margin-bottom:var(--space-3);font-weight:500;font-size:var(--font-size-md)}.training-skill-tags{gap:var(--space-3);flex-wrap:wrap;display:flex}.training-skill-tags span{background:var(--card-bg);border-radius:var(--radius-xl);font-size:var(--font-size-sm);color:var(--link-color);border:1px solid var(--border-color);cursor:pointer;padding:6px 12px;transition:background .2s,color .2s}.training-skill-tags span:hover{background:var(--highlight-bg);color:var(--link-hover-color,var(--link-color))}.training-form-group{margin-top:var(--space-3);margin-bottom:var(--space-3)}.training-form-group label{margin-bottom:var(--space-1);color:var(--text-color);font-weight:500;display:block}.training-textarea,.mentor-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-md);color:var(--text-color);background:var(--bg-color);transition:var(--transition-smooth);font-family:var(--font-body);padding:10px 12px}.training-textarea:focus,.mentor-input:focus{border-color:var(--link-color);outline:none;box-shadow:0 0 0 3px #1a73e833}.training-textarea{resize:vertical;min-height:80px}.training-radio-options{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.radio-item input:checked+label{color:var(--link-color);font-weight:600}.training-budget-note{background:var(--card-bg);border-radius:var(--radius-sm);padding:var(--space-2);font-size:var(--font-size-sm);margin-top:var(--space-3);color:var(--text-color)}.training-budget-note strong{color:var(--link-color)}.training-form-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.training-form-actions-requested{margin-top:var(--space-4);justify-content:center;display:flex}@media (max-width:600px){.training-header{flex-direction:column;align-items:flex-start}.training-rating-box{margin-top:var(--space-2)}.training-form{padding:var(--space-4)}.training-title{font-size:var(--font-size-md)}}.collab-form{font-family:var(--font-body);color:var(--text-color);max-height:calc(100vh - 40px);font-family:var(--font-body-alt);scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:700px;overflow-y:auto}.collab-form::-webkit-scrollbar{display:none}.collab-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.collab-title{font-size:var(--font-size-lg);color:var(--link-color);margin:0;font-weight:600}.collab-rating-box{align-items:center;gap:var(--space-1);font-size:var(--font-size-md);color:var(--muted-text);margin-top:var(--space-4);font-weight:500;display:flex}.collab-star{color:var(--warning-color);font-size:1.3rem}.collab-rating-value{color:var(--text-color);font-weight:600}.collab-rating-count{font-size:var(--font-size-sm);color:var(--muted-text)}.collab-divider{border:none;border-top:1px solid var(--border-color);margin:var(--space-4) 0}.collab-trainer-section{margin-bottom:var(--space-3);align-items:center;display:flex}.collab-trainer-info{align-items:center;gap:var(--space-2);display:flex}.collab-trainer-name{font-weight:600}.collab-trainer-subtext{font-size:var(--font-size-sm);color:var(--muted-text)}.collab-rating{font-size:var(--font-size-sm);color:var(--warning-color)}.collab-rating-count{color:var(--muted-text)}.collab-project-meta{gap:var(--space-4);margin-bottom:var(--space-4);transition:var(--transition-smooth);flex-direction:column;display:flex}.budget-item-collab{padding:var(--space-2);border-radius:var(--radius-sm);background:#228b2226;flex-direction:column;flex:1;gap:4px;display:flex}.budget-item-collab strong{color:var(--success-color);font-weight:600}.budget-amount-collab{color:var(--text-color);font-weight:600;font-size:var(--font-size-md);text-align:center}.budget-item-collab .text-muted{font-size:var(--font-size-sm);margin-top:2px;display:block}.collab-project-info{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);transition:var(--transition-smooth)}.collab-project-info:hover{background:var(--highlight-bg)}.collab-skills-section{margin-bottom:var(--space-3)}.collab-skill-label{color:var(--text-color);margin-bottom:var(--space-3);font-weight:500;font-size:var(--font-size-md)}.collab-skill-tags{gap:var(--space-3);flex-wrap:wrap;display:flex}.collab-skill-tags span{background:var(--card-bg);border-radius:var(--radius-xl);font-size:var(--font-size-sm);color:var(--link-color);border:1px solid var(--border-color);cursor:pointer;padding:6px 12px;transition:background .2s,color .2s}.collab-skill-tags span:hover{background:var(--highlight-bg);color:var(--link-hover-color,var(--link-color))}.collab-form-group{margin-top:var(--space-3);margin-bottom:var(--space-3)}.collab-form-group label{margin-bottom:var(--space-1);color:var(--text-color);font-weight:500;display:block}.collab-checkbox-group{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.checkbox-item{background:var(--card-bg);border:2px solid var(--border-color-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);align-items:center;gap:10px;padding:12px 16px;display:flex}.checkbox-item:hover{background:var(--highlight-bg);border-color:var(--link-color)}.collab-radio-options{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.radio-item{background:var(--card-bg);border:2px solid var(--border-color-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);align-items:center;gap:10px;padding:12px 16px;display:flex}.radio-item span,.checkbox-item span{cursor:pointer;color:var(--text-color);flex:1;margin:0;font-weight:500}.collab-textarea,.collab-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-md);color:var(--text-color);background:var(--bg-color);transition:var(--transition-smooth);font-family:var(--font-body);padding:10px 12px}.collab-textarea:focus,.collab-input:focus{border-color:var(--link-color);outline:none;box-shadow:0 0 0 3px #1a73e833}.collab-textarea{resize:vertical;min-height:80px}.collab-portfolio-upload{margin-bottom:var(--space-3)}.collab-file-buttons{gap:var(--space-2);margin-top:var(--space-2)}.collab-file-buttons button svg{vertical-align:middle;margin-right:6px}.collab-fit-summary{padding:var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-color);margin-bottom:var(--space-4);background-color:#a855f70f}.collab-fit-summary ul{margin-top:4px;padding-left:20px}.collab-fit-summary li{margin-bottom:4px}.collab-form-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.divider{border:none;border-top:1px solid var(--border-color);margin:var(--space-4) 0}.avatar{background-color:var(--link-color);width:2.5rem;height:2.5rem;color:var(--text-on-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.collab-checkbox{accent-color:var(--link-color);margin-right:4px;transform:scale(1.2)}.collab-status-box{background-color:var(--card-bg);padding:var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-3);border:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-color)}.collab-form-actions-requested{margin-top:var(--space-4);justify-content:flex-end;display:flex}.collab-status-box:hover{background-color:var(--highlight-bg);transition:var(--transition-smooth)}.mentor-form{font-family:var(--font-body);color:var(--text-color);max-height:calc(100vh - 40px);font-family:var(--font-body-alt);scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.mentor-form::-webkit-scrollbar{display:none}.mentor-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mentor-title{font-size:var(--font-size-lg);color:var(--link-color);margin:0;font-weight:600}.mentor-rating-box{align-items:center;gap:var(--space-1);font-size:var(--font-size-md);color:var(--muted-text);margin-top:var(--space-4);font-weight:500;display:flex}.mentor-star{color:var(--warning-color);font-size:1.3rem}.mentor-rating-value{color:var(--text-color);font-weight:600}.mentor-rating-count{font-size:var(--font-size-sm);color:var(--muted-text)}.mentor-trainer-section{margin-bottom:var(--space-3);align-items:center;display:flex}.mentor-trainer-info{align-items:center;gap:var(--space-2);display:flex}.avatar{background-color:var(--link-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;font-weight:600;display:flex;box-shadow:0 2px 8px #1a73e84d}.mentor-trainer-name{color:var(--text-color);font-weight:600}.mentor-trainer-subtext{font-size:var(--font-size-sm);color:var(--muted-text)}.mentor-divider{border:none;border-top:1px solid var(--border-color);margin:var(--space-4) 0}.mentor-project-meta{gap:var(--space-4);margin-bottom:var(--space-4);transition:var(--transition-smooth);flex-direction:column;display:flex}.project-details{justify-content:space-between;gap:var(--space-3);width:100%;display:flex;overflow:hidden}.project-item{padding:var(--space-2);border-radius:var(--radius-sm);word-wrap:break-word;overflow-wrap:break-word;background:#4682b426;flex:1;min-width:0;max-width:50%;overflow:hidden}.project-item strong{color:var(--link-color);font-weight:600}.project-meta-info{flex-direction:column;gap:4px;margin-top:8px;display:flex}.meta-item{font-size:var(--font-size-sm);color:var(--muted-text);align-items:center;gap:4px;display:flex}.budget-item-mentor{padding:var(--space-2);border-radius:var(--radius-sm);background:#228b2226;flex-direction:column;flex:1;gap:4px;display:flex}.budget-item-mentor strong{color:var(--success-color);font-weight:600}.budget-amount-mentor{color:var(--text-color);font-weight:600;font-size:var(--font-size-md);text-align:center}.budget-item-mentor .text-muted{font-size:var(--font-size-sm);margin-top:2px;display:block}.mentor-project-info{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);transition:var(--transition-smooth)}.mentor-project-info:hover{background:var(--highlight-bg)}.mentor-skills-section{margin-bottom:var(--space-3)}.mentor-skill-label{color:var(--text-color);margin-bottom:var(--space-3);font-weight:500;font-size:var(--font-size-md)}.mentor-skill-tags{gap:var(--space-3);flex-wrap:wrap;display:flex}.mentor-skill-tags span{background:var(--card-bg);border-radius:var(--radius-xl);font-size:var(--font-size-sm);color:var(--link-color);border:1px solid var(--border-color);cursor:pointer;padding:6px 12px;transition:background .2s,color .2s}.mentor-skill-tags span:hover{background:var(--highlight-bg);color:var(--link-hover-color,var(--link-color))}.mentor-form-group{margin-top:var(--space-3);margin-bottom:var(--space-3)}.mentor-form-group label{margin-bottom:var(--space-1);color:var(--text-color);font-weight:500;display:block}.mentor-textarea,.mentor-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-md);color:var(--text-color);background:var(--bg-color);transition:var(--transition-smooth);font-family:var(--font-body);padding:10px 12px}.mentor-textarea:focus,.mentor-input:focus{border-color:var(--link-color);outline:none;box-shadow:0 0 0 3px #1a73e833}.mentor-textarea{resize:vertical;min-height:80px}.mentor-radio-options{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.radio-item{background:var(--card-bg);border:2px solid var(--border-color-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);align-items:center;gap:10px;padding:12px 16px;display:flex;position:relative}.radio-item:hover{background:var(--highlight-bg);border-color:var(--link-color)}.radio-item input:checked+span{color:var(--link-color);font-weight:600}.radio-item input{accent-color:var(--link-color);margin-right:4px;transform:scale(1.2)}.radio-item span{cursor:pointer;color:var(--text-color);flex:1;margin:0;font-weight:500}.mentor-form-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.mentor-form-actions-requested{margin-top:var(--space-4);justify-content:center;display:flex}.mentor-status-box{background-color:var(--card-bg);padding:var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-3);border:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-color)}.mentor-status-box:hover{background-color:var(--highlight-bg);transition:var(--transition-smooth)}.loading-spinner{text-align:center;font-size:var(--font-size-md);color:var(--muted-text);font-family:var(--font-body)}@media (max-width:600px){.mentor-header{flex-direction:column;align-items:flex-start}.mentor-rating-box{margin-top:var(--space-2)}.mentor-form{padding:var(--space-4)}.mentor-title{font-size:var(--font-size-md)}.mentor-radio-options{grid-template-columns:1fr}.project-details{flex-direction:column}.project-item,.budget-item{max-width:100%}}.support-center{background:var(--bg-color);min-height:100vh;padding:var(--space-4);font-family:var(--font-body-alt)}.support-container{max-width:var(--container-xl);margin:0 auto}.support-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.support-header-content h1{color:var(--text-color);margin-bottom:.25rem;font-size:1.75rem;font-weight:600}.support-header-content p{color:var(--muted-text);font-size:.875rem;line-height:1.4}.support-header-actions{align-items:center;gap:.5rem;display:flex}.support-header-btn{color:var(--muted-text);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.375rem}.support-header-btn:hover{color:var(--text-color);background-color:var(--surface-bg)}.support-panel{background:var(--bg-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);border:1px solid var(--border-color-light);overflow:hidden}.support-tabs{border-bottom:1px solid var(--border-color-light);display:flex}.support-tab{text-align:center;cursor:pointer;color:var(--muted-text);transition:var(--transition-fast);background:0 0;border:none;flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:500;position:relative}.support-tab:hover{color:var(--text-color);background-color:var(--surface-bg)}.support-tab.active{color:var(--support-primary);background-color:var(--highlight-bg)}.support-tab.active:after{content:"";background:var(--support-primary);border-radius:1px 1px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.support-tab-count{color:#fff;background:#6b7280;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.support-tab.active .support-tab-count{color:#fff;background:#ef4444}.support-controls{background:var(--surface-bg);border-bottom:1px solid var(--border-color-light);padding:.75rem 1rem}.support-controls-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.support-controls-left{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;display:flex}.support-search-container{flex:1;min-width:240px;position:relative}.support-search{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;box-shadow:none;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem}.support-search::placeholder{color:var(--muted-text)}.support-filters{gap:.5rem;display:flex}.support-select{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:none;padding:.375rem .75rem;font-size:.875rem}.support-controls-right{align-items:center;gap:.5rem;display:flex}.support-bulk-actions{background:var(--highlight-bg);border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:center;gap:.25rem;padding:.375rem .75rem;display:flex}.support-bulk-text{color:var(--support-primary);font-size:.8rem;font-weight:500}.support-bulk-btn{color:var(--support-primary);border-radius:var(--radius-xs);background:0 0;border:none;padding:.25rem}.support-bulk-btn:hover{color:var(--support-primary-hover)}.support-primary-btn{background:var(--support-primary);color:#fff;border-radius:var(--radius-md);box-shadow:none;border:none;align-items:center;gap:.4rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:background .2s;display:flex}.support-primary-btn:hover{background:var(--support-primary-hover)}.support-primary-btn:disabled{opacity:.6;cursor:not-allowed}.support-requests{padding:1rem}.support-requests-grid{gap:.75rem;display:grid}.support-empty-state{text-align:center;color:var(--muted-text);padding:2rem}.support-empty-icon{margin-bottom:.5rem;font-size:2rem}.support-empty-title{color:var(--text-color);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.support-empty-description{color:var(--muted-text);font-size:.875rem}.support-request-card{background:var(--bg-color);border-radius:var(--radius-lg);border:1px solid var(--border-color-light);padding:var(--space-4);transition:var(--transition-smooth);cursor:pointer}.support-request-card:hover{box-shadow:var(--support-card-hover);border-color:var(--border-color);transform:translateY(-2px)}.support-request-card.selected{border-color:var(--support-primary);box-shadow:0 0 0 3px #007aff1a}.support-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.support-card-content{align-items:flex-start;gap:var(--space-2);display:flex}.support-card-checkbox{margin-top:var(--space-1);width:16px;height:16px;accent-color:var(--support-primary);cursor:pointer}.support-card-main{flex:1}.support-card-title-row{align-items:center;gap:var(--space-1);margin-bottom:var(--space-1);display:flex}.support-card-title{font-size:var(--font-size-lg);color:var(--text-color);font-weight:600}.support-profile-badge{padding:2px var(--space-1);border-radius:var(--radius-sm);color:#7c3aed;background-color:#f3e8ff;border:1px solid #e9d5ff;align-items:center;font-size:.7rem;font-weight:500;display:inline-flex}body.dark-mode .support-profile-badge{color:#c4b5fd;background-color:#7c3aed33;border-color:#7c3aed4d}.support-card-description{color:var(--muted-text);font-size:var(--font-size-sm);margin-bottom:var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.support-badges-row{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.support-badge{padding:4px var(--space-2);border-radius:var(--radius-md);transition:var(--transition-fast);align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.support-badge.type{color:#fff;box-shadow:var(--shadow-sm)}.support-badge.type:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.support-badge.type.collab{background:linear-gradient(135deg,#3b82f6,#2563eb)}.support-badge.type.hire,.support-badge.type.mentorship{background:linear-gradient(135deg,#10b981,#059669)}.support-badge.type.training{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.support-badge.type.sponsorship{background:linear-gradient(135deg,#f59e0b,#d97706)}.support-badge.type.consult{background:linear-gradient(135deg,#6366f1,#4f46e5)}.support-badge.type.custom{background:linear-gradient(135deg,#6b7280,#4b5563)}.support-badge.status{border:1px solid}.support-badge.status.pending{color:#92400e;background-color:#fef3c7;border-color:#fbbf24}.support-badge.status.accepted{color:var(--success-color);background-color:#d1fae5;border-color:#34d399}.support-badge.status.declined{color:var(--danger-color);background-color:#fee2e2;border-color:#f87171}.support-badge.status.cancelled{color:var(--muted-text);background-color:var(--surface-bg);border-color:var(--border-color)}.support-badge.status.completed{color:#1e40af;background-color:#dbeafe;border-color:#60a5fa}.support-badge.priority{padding:4px var(--space-2);border-radius:var(--radius-md);border:1px solid;font-size:.7rem;font-weight:500}.support-badge.priority.low{color:var(--muted-text);background-color:var(--surface-bg)}.support-badge.priority.medium{color:var(--support-primary);background-color:var(--highlight-bg)}.support-badge.priority.high{color:#ea580c;background-color:#fed7aa}.support-badge.priority.urgent{color:var(--danger-color);background-color:#fecaca}.support-status-dot{width:6px;height:6px;margin-right:var(--space-1);border-radius:50%;animation:2s infinite pulse}.support-status-dot.pending{background-color:var(--warning-color)}.support-status-dot.accepted{background-color:var(--success-color)}.support-tags-row{margin-bottom:var(--space-2);flex-wrap:wrap;gap:4px;display:flex}.support-tag{padding:2px var(--space-1);border-radius:var(--radius-sm);background-color:var(--surface-bg);color:var(--text-color);align-items:center;font-size:.7rem;font-weight:500;display:inline-flex}.support-card-meta{font-size:var(--font-size-sm);color:var(--muted-text);justify-content:space-between;align-items:center;display:flex}.support-meta-left{align-items:center;gap:var(--space-3);display:flex}.support-meta-item{align-items:center;gap:4px;display:flex}.support-meta-item.deadline{color:#ea580c}.support-card-actions{align-items:center;gap:var(--space-1);display:flex}.support-action-btn{padding:var(--space-1);color:var(--muted-text);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:x-large}.support-action-btn:hover{color:var(--support-primary);background-color:var(--highlight-bg)}.support-action-btn.accept:hover{color:var(--success-color);background-color:#d1fae5}.support-action-btn.decline:hover{color:var(--danger-color);background-color:#fee2e2}.support-modal-header{background:var(--surface-bg);border-bottom:1px solid var(--border-color-light);padding:1.25rem 1.5rem}.support-modal-header.form{background:linear-gradient(90deg, var(--highlight-bg), #e0f2fe);font-family:var(--font-body-alt)}.support-modal-title{color:var(--text-color);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.support-modal-subtitle{color:var(--muted-text);font-size:.875rem}.support-modal-meta{color:#555;align-items:center;gap:1rem;font-size:.9rem;display:flex}.support-modal-body{font-family:var(--font-body-alt);padding:1.5rem}.support-modal-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.support-modal-field{margin-bottom:1.25rem}.support-modal-label{color:var(--text-color);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.support-modal-requester{background:var(--surface-bg);border-radius:var(--radius-md);border:1px solid var(--border-color-light);align-items:center;gap:.75rem;padding:.75rem;display:flex}.support-requester-avatar{background:var(--border-color);width:36px;height:36px;color:var(--text-color);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:flex}.support-requester-name{color:var(--text-color);font-size:.95rem;font-weight:600}.support-requester-email{color:var(--muted-text);font-size:.8125rem}.support-modal-tags{flex-wrap:wrap;gap:.5rem;display:flex}.support-modal-tag{border-radius:var(--radius-sm);background-color:var(--highlight-bg);color:var(--support-primary);border:1px solid var(--border-color);padding:.25rem .5rem;font-size:.75rem;font-weight:500}.support-status-message{margin-top:.5rem;font-size:small;font-weight:500}.support-status-message.accepted{color:var(--success-color,green)}.support-status-message.declined{color:var(--danger-color,red)}.support-modal-actions{border-top:1px solid var(--border-color-light);gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.support-modal-btn{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.support-modal-btn.accept{background:linear-gradient(135deg, var(--success-color), #047857);color:#fff}.support-modal-btn.accept:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px)}.support-modal-btn.decline{background:linear-gradient(135deg, var(--danger-color), #dc2626);color:#fff}.support-modal-btn.decline:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.support-modal-btn.secondary{background:var(--surface-bg);color:var(--text-color);border:1px solid var(--border-color)}.support-modal-btn.secondary:hover{background:var(--border-color-light)}.support-details-grid{gap:.75rem;display:grid}.support-detail-row{flex-direction:column;display:flex}.support-detail-label{color:var(--muted-text);font-size:.875rem;font-weight:600}.support-detail-value{color:var(--text-color);font-size:.9rem}.support-context-selector{background:linear-gradient(90deg, var(--highlight-bg), #e0f2fe);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--space-4)}.support-context-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.support-context-option{padding:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-color);color:var(--muted-text);cursor:pointer;transition:var(--transition-fast);text-align:left}.support-context-option:hover{border-color:var(--border-color-light)}.support-context-option.active{border-color:var(--support-primary);background-color:var(--highlight-bg);color:var(--support-primary)}.support-context-title{margin-bottom:4px;font-weight:600}.support-context-desc{font-size:var(--font-size-sm);opacity:.8}.support-form-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.support-form-input,.support-form-textarea,.support-form-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:var(--transition-fast);background:var(--bg-color);color:var(--text-color)}.support-form-input:focus,.support-form-textarea:focus,.support-form-select:focus{border-color:var(--support-primary);outline:none;box-shadow:0 0 0 3px #007aff1a}.support-form-textarea{resize:none;font-family:inherit}.support-form-help{font-size:var(--font-size-sm);color:var(--muted-text);margin-top:var(--space-1)}.support-file-upload{border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;transition:var(--transition-fast);cursor:pointer}.support-file-upload:hover{border-color:var(--support-primary);background-color:var(--highlight-bg)}.support-file-upload-icon{width:48px;height:48px;color:var(--muted-text);margin:0 auto var(--space-3)}.support-file-upload-text{color:var(--muted-text)}.support-file-upload-link{color:var(--support-primary);cursor:pointer;transition:var(--transition-fast);font-weight:600}.support-file-upload-link:hover{color:var(--support-primary-hover)}.support-file-upload-meta{font-size:var(--font-size-sm);color:var(--muted-text);margin-top:var(--space-1)}.support-empty-state{text-align:center;padding:var(--space-5) 0}.support-empty-icon{width:64px;height:64px;color:var(--border-color);margin:0 auto var(--space-4)}.support-empty-title{font-size:var(--font-size-lg);color:var(--text-color);margin-bottom:var(--space-2);font-weight:600}.support-empty-description{color:var(--muted-text);margin-bottom:var(--space-4);max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}.support-loading{padding:var(--space-5) 0;justify-content:center;align-items:center;display:flex}.support-spinner{position:relative}.support-spinner-bg{border:4px solid var(--border-color-light);border-radius:50%;width:48px;height:48px}.support-spinner-fg{border:4px solid var(--support-primary);border-top-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin;position:absolute;top:0;left:0}@media (max-width:768px){.support-center{padding:var(--space-3)}.support-header{gap:var(--space-3);flex-direction:column;align-items:flex-start}.support-header-content h1{font-size:2rem}.support-controls-content{flex-direction:column;align-items:stretch}.support-filters{flex-wrap:wrap}.support-search-container{min-width:auto}.support-form-grid,.support-modal-grid,.support-context-grid{grid-template-columns:1fr}.modal-wrapper{margin:var(--space-3);max-width:calc(100% - 2rem)}.support-modal-header,.support-modal-body{padding:var(--space-4)}.support-modal-actions{flex-direction:column}.support-modal-title{padding-right:var(--space-4);font-size:1.5rem}.support-card-meta{align-items:flex-start;gap:var(--space-1);flex-direction:column}.support-meta-left{flex-wrap:wrap}.wizard-modal{max-width:95vw;max-height:95vh;margin:.5rem}.wizard-header{padding:1rem}.wizard-title{font-size:1.125rem}.wizard-subtitle{font-size:.8rem}.wizard-steps{scrollbar-width:none;-ms-overflow-style:none;gap:.5rem;padding:.75rem;overflow-x:auto}.wizard-steps::-webkit-scrollbar{display:none}.wizard-step{flex-shrink:0;gap:.25rem}.wizard-step-circle{width:24px;height:24px;font-size:.75rem}.wizard-step-label{white-space:nowrap;font-size:.7rem}.wizard-step-line{min-width:20px}.wizard-body{padding:1rem!important}.wizard-grid-2{gap:var(--space-2);grid-template-columns:1fr}.wizard-inline{gap:var(--space-1);flex-direction:column}.wizard-option{padding:.625rem 1rem;font-size:.875rem}.wizard-summary{padding:var(--space-2)}.wizard-footer{flex-direction:column;gap:.75rem;padding:1rem}.wizard-actions{justify-content:stretch;width:100%}.wizard-actions .btn{flex:1}.wizard-back{align-self:flex-start}}@media (max-width:480px){.wizard-modal{max-width:100vw;max-height:100vh;margin:0}.wizard-header{padding:.75rem}.wizard-title{font-size:1rem}.wizard-subtitle{font-size:.75rem}.wizard-steps{gap:.25rem;padding:.5rem}.wizard-step-circle{width:20px;height:20px;font-size:.7rem}.wizard-step-label{font-size:.65rem;display:none}.wizard-body{padding:.75rem!important}.wizard-input{font-size:16px;padding:8px!important}.wizard-option{padding:.5rem .75rem;font-size:.8rem}.wizard-footer{padding:.75rem}}.modal-request-form-width{max-width:600px}.notif-card{background:var(--bg-color);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast);border:.5px solid #c5d4f3;overflow:hidden;box-shadow:0 1px 3px #0000001a}.notif-card:hover{box-shadow:0 4px 6px #7197a3e2}.notif-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.notif-btn-accept:hover{background:linear-gradient(135deg, #005bb5, var(--btn-bg));transform:translateY(-1px)}.support-actions{gap:var(--space-2);display:flex}.btn-primary-support{padding:var(--space-2) var(--space-4);background:var(--primary-color,#007bff);color:var(--on-primary,#fff);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:.9rem;font-weight:500;transition:background .2s ease-in-out}.btn-secondary{padding:var(--space-2) var(--space-4);border:1px solid var(--border-color-light);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;background:0 0;font-size:.9rem;transition:background .2s ease-in-out,color .2s ease-in-out}.btn-secondary:hover{background:var(--bg-hover,#f8f9fa)}.wizard-modal{border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:90vh}.wizard-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.wizard-title{font-size:var(--font-size-lg);font-weight:600}.wizard-subtitle{color:var(--muted-text);font-size:var(--font-size-sm)}.wizard-steps{align-items:center;gap:var(--space-2);padding:var(--space-3);display:flex}.wizard-step{align-items:center;gap:var(--space-1);display:flex}.wizard-step-circle{background:var(--border-color);width:28px;height:28px;font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.wizard-step-circle.active{background:var(--btn-bg);color:#fff}.wizard-step-circle.completed{background:var(--success-color);color:#fff}.wizard-step-label{font-size:var(--font-size-sm);color:var(--muted-text)}.wizard-step-label.active{color:var(--btn-bg)}.wizard-step-label.completed{color:var(--success-color)}.wizard-step-line{background:var(--border-color-light);flex:1;height:2px}.wizard-step-line.completed{background:var(--success-color)}.wizard-body{flex:1;overflow-y:auto;padding:var(--space-2)!important}.wizard-label{margin:var(--space-2) 0 4px;font-size:var(--font-size-sm);display:block}.wizard-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-md);margin-bottom:var(--space-2)!important;padding:8.7px 10px!important}.wizard-grid-2{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.wizard-inline{gap:var(--space-2);display:flex}.wizard-link{color:var(--link-color);font-size:var(--font-size-sm);cursor:pointer;margin-top:var(--space-1);background:0 0;border:none}.wizard-option{color:#1d1d1f;cursor:pointer;background:#f9f9fb;border:1px solid #d2d2d7;border-radius:12px;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:15px;font-weight:500;transition:all .2s;display:flex}.wizard-option:hover:not(:disabled){background:#f0f0f5}.wizard-option.active{color:#007aff;background:#eaf3ff;border-color:#007aff}.wizard-option:disabled{opacity:.5;cursor:not-allowed}.option-content{align-items:center;gap:.5rem;display:flex}.option-label{line-height:1}.wizard-summary{padding:var(--space-3);background:var(--card-bg);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.wizard-checkbox{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-sm);display:flex}.wizard-footer{padding:var(--space-3);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.wizard-back{align-items:center;gap:var(--space-1);cursor:pointer;color:var(--muted-text);background:0 0;border:none;display:flex}.wizard-back.disabled{color:#bbb;cursor:not-allowed}.wizard-actions{gap:var(--space-2);display:flex}.wizard-error{color:red;margin-top:8px;font-size:.9rem}.review-setup-modal{background:var(--bg-color,#fff);border-radius:var(--radius-lg,12px);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg,0 4px 16px #00000026);flex-direction:column;animation:.25s ease-out fadeInScale;display:flex;overflow:hidden}.review-header{padding:var(--space-6);border-bottom:1px solid var(--border-color-light)}.review-title{color:var(--text-color,#111);font-size:1.25rem;font-weight:600}.review-subtitle{color:var(--text-color,#555);margin-top:var(--space-1);font-size:.9rem}.review-body{padding:var(--space-6);max-height:70vh;overflow-y:auto}.review-section{margin-bottom:var(--space-6)}.review-box{background:var(--bg-color);border:1px solid var(--primary-border,#cce0ff);padding:var(--space-4);border-radius:var(--radius-lg,10px);color:var(--text-color)}.review-box h3{color:var(--primary-color-dark,#036);margin-bottom:var(--space-3);font-size:1rem;font-weight:600}.review-detail-row{margin-bottom:var(--space-2);word-break:break-word;font-size:.85rem}.review-detail-row span:first-child{color:var(--text-color)}.review-detail-row span:last-child{font-weight:500}.review-section h3{color:var(--text-color,#222);margin:10px 0;font-size:1rem;font-weight:600}.review-section p{color:var(--text-muted,#555);font-size:.9rem}.review-milestones ul{color:var(--text-color,#555);margin:0;padding-left:1.2rem;font-size:.85rem}.review-milestones li{margin-bottom:4px}.review-options label{align-items:center;gap:var(--space-2);color:var(--text-color,#333);margin-bottom:var(--space-2);cursor:pointer;font-size:.9rem;display:flex}.review-options input[type=radio]{accent-color:var(--primary-color,#2563eb)}.review-textarea{width:100%;min-height:80px;padding:var(--space-3);border:1px solid var(--border-color,#ddd);border-radius:var(--radius-md,8px);resize:vertical;outline:none;font-size:.9rem}.review-textarea:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 2px var(--primary-focus-ring,#2563eb33)}.review-footer{border-top:1px solid var(--border-color-light);justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:10px;display:flex}.review-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md,8px);cursor:pointer;text-align:center;flex:1;font-size:.9rem;transition:background .2s}.review-btn-close{background:var(--bg-color);color:var(--text-muted,#555);border:none}.review-btn-submit{background:var(--btn-bg);color:#fff;border:none}.review-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.payment-setup-modal{background:var(--bg-color,#fff);border-radius:var(--radius-lg,12px);width:100%;max-width:650px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.payment-header{padding:var(--space-6);border-bottom:1px solid var(--border-color-light)}.payment-title{color:var(--text-color,#111);font-size:1.25rem;font-weight:600}.payment-subtitle{color:var(--text-color,#555);margin-top:var(--space-1);font-size:.9rem}.payment-body{padding:var(--space-6);max-height:70vh;overflow-y:auto}.payment-box{background:var(--bg-color,#f9fafb);border:1px solid var(--border-color,#ddd);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.payment-box h3{margin-bottom:var(--space-3);color:var(--text-color);font-size:1rem;font-weight:600}.summary-row{margin-bottom:var(--space-2);color:var(--text-muted);justify-content:space-between;font-size:.9rem;display:flex}.summary-row.total{border-top:1px solid var(--border-color-light);margin-top:var(--space-3);padding-top:var(--space-3)}.earnings{color:var(--success-color,#16a34a);font-weight:600}.payment-method h3{margin-bottom:var(--space-3);color:var(--text-color);font-size:1rem;font-weight:600}.payment-option{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-color,#ddd);border-radius:var(--radius-md);margin-bottom:var(--space-3);cursor:pointer;background:var(--bg-color);display:flex}.payment-option.active{border:2px solid var(--primary-color,#2563eb);background:var(--bg-color,#f0f6ff)}.option-title{color:var(--text-color);font-weight:500}.option-desc{color:var(--text-muted);font-size:.85rem}.option-note{color:var(--primary-color);margin-top:2px;font-size:.75rem}.payment-protection{gap:var(--space-3);background:var(--success-bg,#ecfdf5);border:1px solid var(--success-border,#bbf7d0);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-6);display:flex}.payment-protection h4{color:var(--success-color,#15803d);font-weight:600}.payment-protection p{color:var(--success-text,#166534);margin-top:4px;font-size:.85rem}.shield-icon{width:20px;height:20px;color:var(--success-color,#15803d);flex-shrink:0}.payment-agreements{gap:var(--space-2);flex-direction:column;margin:5px;display:flex}.payment-agreements label{align-items:flex-start;gap:var(--space-2);color:var(--text-muted);cursor:pointer;font-size:.9rem;display:flex}.payment-agreements input[type=checkbox]{accent-color:var(--primary-color,#2563eb);margin-top:2px}.payment-footer{border-top:1px solid var(--border-color-light);justify-content:space-between;align-items:center;gap:var(--space-3);padding:10px 0 0;display:flex}.btn-cancel{color:var(--text-color,#555);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:0 0;border:none;flex:1}.btn-activate{background:var(--btn-bg,#16a34a);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;text-align:center;border:none;flex:1;font-size:.9rem}.payment-auth-modal{background:var(--bg-color,#fff);border-radius:var(--radius-lg,12px);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.payment-auth-header{border-bottom:1px solid var(--border-color);text-align:left}.payment-auth-header .modal-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.payment-auth-header .modal-subtitle{color:var(--text-muted);font-size:.95rem}.payment-summary{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:1rem 0;padding:1rem}.payment-summary h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1rem;font-weight:600}.payment-summary .summary-row{justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;display:flex}.payment-summary .text-success{color:var(--success-color);font-weight:500}.escrow-info{background:var(--bg-success-light);border:1px solid var(--success-border);border-radius:var(--radius-md);gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.escrow-info .icon{color:var(--success-color);flex-shrink:0;font-size:1.25rem}.escrow-info h4{color:var(--success-color-dark);margin-bottom:.25rem;font-size:1rem;font-weight:600}.escrow-info ul{color:var(--success-text);padding-left:1.2rem;font-size:.85rem;list-style:outside}.payment-method{margin-bottom:1.5rem}.payment-method h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1rem;font-weight:600}.payment-method .card-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.payment-method .card-info{align-items:center;gap:.75rem;display:flex}.payment-method .card-icon{color:var(--icon-muted);font-size:1.5rem}.payment-method .text-muted{color:var(--text-muted);font-size:.85rem}.btn-link{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.btn-link:hover{text-decoration:underline}.agreements{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.agreements label{color:var(--text-muted);align-items:flex-start;gap:.5rem;font-size:.85rem;display:flex}.agreements input[type=checkbox]{margin-top:.25rem}.payment-auth-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.payment-auth-body{flex:1;overflow-y:auto}.request-detail-modal{flex-direction:column;height:80vh;max-height:600px;display:flex}.fixed-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;margin-bottom:0;padding-bottom:1rem}.scrollable-body{flex:1;padding:1rem 0;overflow-y:auto}.fixed-footer{border-top:1px solid #e5e7eb;flex-shrink:0;gap:1rem;margin-top:0;padding-top:1rem;display:flex}.fixed-footer .btn-primary-support,.fixed-footer .btn-secondary{text-align:center;flex:1}.notif-card.selected{border-color:var(--support-primary);box-shadow:0 0 0 3px #007aff1a}.notif-top{align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.notif-top-right{flex-direction:column;flex:1;gap:.35rem;display:flex}.notif-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.notif-title{color:var(--text-color);margin:0;font-size:1rem;font-weight:700}.notif-badges-inline{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.notif-from{color:var(--muted-text);margin:0;font-size:.85rem}.notif-from strong{color:var(--text-color);font-weight:600}.notif-divider{background:var(--border-color-light);height:1px}.notif-dates{gap:2rem;display:flex}.notif-date-item{flex-direction:column;gap:2px;display:flex}.notif-date-label{letter-spacing:.05em;color:var(--muted-text);text-transform:uppercase;font-size:.7rem;font-weight:700}.notif-date-value{color:var(--text-color);align-items:center;gap:4px;font-size:.85rem;font-weight:500;display:flex}.notif-due{color:#dc2626}.notif-actions{align-items:center;gap:.5rem;display:flex}.notif-btn-accept{background:linear-gradient(135deg, var(--btn-bg), #0a84ff);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.45rem 1rem;font-size:.875rem;font-weight:600;transition:background .2s}.notif-btn-decline{color:#dc2626;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1.5px solid #dc2626;padding:.45rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.notif-btn-decline:hover{background:#fee2e2}.notif-btn-view{color:var(--text-color);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:.45rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.notif-btn-view:hover{background:var(--surface-bg)}.terms-container{max-width:var(--container-xl);margin:var(--space-4) auto;padding:var(--space-4);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-family:var(--font-body-alt);color:var(--text-color)}.header{text-align:center;font-size:var(--font-size-lg);margin-bottom:var(--space-2);font-weight:700}.last-updated{text-align:center;font-size:var(--font-size-sm);color:var(--muted-text);margin-bottom:var(--space-3)}.terms-updated{color:var(--muted-text);margin-bottom:var(--space-3);font-size:.9rem}.terms-text{font-size:var(--font-size-md);margin-bottom:var(--space-2);font-family:var(--font-body-alt)}.terms-list{margin-bottom:var(--space-3);padding-left:20px;line-height:1.6;list-style-type:disc}.terms-link{color:var(--link-color);text-decoration:none}.terms-link:hover{text-decoration:underline}.terms-action{margin-top:var(--space-4);align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.terms-checkbox{color:var(--text-color);cursor:pointer;align-items:center;gap:8px;font-size:.95rem;display:flex}.terms-checkbox input{cursor:pointer;transform:scale(1.1)}.terms-button{background-color:var(--hero-blue);color:#fff;border-radius:var(--radius-xl);cursor:pointer;border:none;padding:10px 20px;font-size:1rem;font-weight:500;transition:background-color .3s}.terms-button:disabled{cursor:not-allowed;background-color:#ccc}.terms-button:hover:not(:disabled){background-color:#0056b3}.tabs{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.tab{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);background:var(--surface-bg);color:var(--text-color);cursor:pointer;font-size:var(--font-size-md);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.tab:hover{background:var(--highlight-bg)}.tab.active{background:linear-gradient(135deg, var(--btn-bg), #0a84ff);color:#fff;border-color:var(--btn-bg)}.content{background:var(--bg-color);padding:var(--space-3);border-radius:var(--radius-sm);text-align:justify;line-height:1.6}.content h2{font-size:var(--font-size-lg);margin-bottom:var(--space-2);color:var(--link-color)}.content h3{font-size:var(--font-size-md);margin-bottom:var(--space-2)}.content p{font-size:var(--font-size-sm);color:var(--text-color);margin-bottom:var(--space-2)}.content ul{padding-left:var(--space-3);margin:var(--space-2) 0}.content li{margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--text-color)}.cookie-table{border-collapse:collapse;width:100%;margin:var(--space-3) 0;font-size:var(--font-size-sm);background:var(--surface-bg);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.cookie-table th{background:var(--btn-bg);color:#fff;text-align:left;padding:var(--space-2);font-weight:600}.cookie-table td{padding:var(--space-2);border-bottom:1px solid var(--border-color);color:var(--text-color);vertical-align:top}.cookie-table tr:last-child td{border-bottom:none}.cookie-table tr:nth-child(2n){background:var(--bg-color)}.acceptance-section{background:#fff;border-top:2px solid #e5e7eb;padding:1.5rem;position:-webkit-sticky;position:sticky;bottom:0;box-shadow:0 -4px 6px #0000001a}.acceptance-checkbox{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.acceptance-checkbox input[type=checkbox]{accent-color:#6366f1;width:18px;height:18px}.acceptance-checkbox label{color:#374151;cursor:pointer;font-size:.875rem}.acceptance-buttons{justify-content:flex-end;gap:1rem;display:flex}.btn-accept{background:var(--btn-bg);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-accept:hover{background:var(--btn-hover)}.btn-accept.disabled,.btn-accept:disabled{color:#9ca3af;cursor:not-allowed;background:#d1d5db}.btn-accept.disabled:hover,.btn-accept:disabled:hover{background:#d1d5db}.privacy-modal-overlay{z-index:10000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.privacy-modal-container{background:#fff;border-radius:.5rem;width:100%;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.apple-settings-container{background-color:var(--bg-color);max-width:800px;min-height:100vh;font-family:var(--font-body-alt);padding:20px}.apple-settings-section{margin-bottom:32px;position:relative}.apple-section-header{align-items:center;margin-bottom:12px;padding:0 16px;display:flex}.apple-section-icon{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-right:12px;font-size:14px;display:flex}.apple-section-icon.notifications{background:linear-gradient(135deg,#ff3b30,#ff9500)}.apple-section-icon.privacy{background:linear-gradient(135deg,#007aff,#5856d6)}.apple-section-icon.appearance{background:linear-gradient(135deg,#af52de,#ff2d92)}.apple-section-header span{color:var(--text-color);letter-spacing:-.3px;font-size:22px;font-weight:600}.apple-settings-group{background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.apple-settings-item .toggle-switch{flex-shrink:0;display:inline-block;position:relative;width:50px!important;height:26px!important}.apple-settings-item .toggle-switch input{opacity:0;width:0;height:0;position:absolute}.apple-settings-item .toggle-slider{cursor:pointer;transition:background-color .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--toggle-off)!important;border-radius:26px!important}.apple-settings-item .toggle-switch input:checked+.toggle-slider{background-color:var(--toggle-on)!important}.apple-settings-item .toggle-slider:before{content:"";border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 2px 4px #0003;background-color:#fff!important;width:20px!important;height:20px!important;bottom:3px!important;left:3px!important}.apple-settings-item .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)!important}.apple-settings-item .toggle-switch:hover .toggle-slider{background-color:#cbd5e0cc!important}.apple-settings-item .toggle-switch:hover input:checked+.toggle-slider{background-color:#06cc!important}body.dark-mode .apple-settings-item .toggle-switch input:checked+.toggle-slider{background-color:var(--toggle-on)!important}body.dark-mode .apple-settings-item .toggle-slider:before{box-shadow:0 2px 4px #0006;background-color:#fff!important}body.dark-mode .apple-settings-item .toggle-switch:hover .toggle-slider{background-color:#ffffff4d!important}.apple-settings-container .apple-settings-item .toggle-switch,.apple-settings-section .apple-settings-item .toggle-switch{opacity:1!important;visibility:visible!important;flex-shrink:0!important;width:50px!important;height:26px!important;display:inline-block!important;position:relative!important}.apple-settings-container .apple-settings-item .toggle-slider,.apple-settings-section .apple-settings-item .toggle-slider{cursor:pointer!important;opacity:1!important;visibility:visible!important;background-color:#cbd5e0!important;border-radius:26px!important;transition:background-color .3s cubic-bezier(.4,0,.2,1)!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important;right:0!important}body:not(.dark-mode) .apple-settings-item .toggle-slider{background-color:#cbd5e0!important}body:not(.dark-mode) .apple-settings-item .toggle-switch input:checked+.toggle-slider{background-color:#06c!important}body.dark-mode .apple-settings-item .toggle-slider{background-color:#fff3!important}.apple-settings-container .apple-settings-item .toggle-slider:before,.apple-settings-section .apple-settings-item .toggle-slider:before{content:""!important;opacity:1!important;visibility:visible!important;z-index:1!important;background-color:#fff!important;border-radius:50%!important;width:20px!important;height:20px!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:absolute!important;bottom:3px!important;left:3px!important;box-shadow:0 2px 4px #0003!important}.apple-settings-container .apple-settings-item .toggle-switch input:checked+.toggle-slider:before,.apple-settings-section .apple-settings-item .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)!important}.apple-settings-container .apple-settings-item .toggle-switch input,.apple-settings-section .apple-settings-item .toggle-switch input{opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;position:absolute!important}.apple-settings-container .apple-settings-item .toggle-switch,.apple-settings-section .apple-settings-item .toggle-switch{cursor:pointer!important}.apple-settings-container .apple-settings-item .toggle-switch *,.apple-settings-section .apple-settings-item .toggle-switch *{pointer-events:none!important}.apple-settings-item{border-bottom:.5px solid var(--border-color);justify-content:space-between;align-items:center;min-height:60px;padding:16px 20px;transition:background-color .2s;display:flex}.apple-settings-item .apple-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.apple-settings-item .apple-item-title{color:var(--text-color);margin-bottom:2px;font-size:17px;font-weight:400;line-height:1.3}.apple-settings-item .apple-item-subtitle{color:var(--muted-text);margin:0;font-size:15px;line-height:1.3}.apple-settings-item:last-child{border-bottom:none}.apple-settings-item:hover{background-color:#00000005}.apple-item-content{flex:1;min-width:0}.apple-item-title{color:var(--text-color);margin-bottom:2px;font-size:17px;font-weight:400;line-height:1.3}.apple-item-subtitle{color:var(--muted-text);margin:0;font-size:15px;line-height:1.3}.apple-item-action{align-items:center;gap:8px;display:flex}.apple-current-value{color:var(--muted-text);font-size:17px;font-weight:400}.apple-chevron{color:var(--muted-text);opacity:.6;font-size:14px}.apple-select{border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23666\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 10px;border-radius:8px;flex-shrink:0;width:160px;height:36px;padding:8px 32px 8px 12px;font-size:16px;font-weight:400;transition:all .2s}.apple-select:focus{border-color:#007aff;outline:none;box-shadow:0 0 0 3px #007aff1a}.dark-mode .apple-select{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23aaa\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:12px 10px!important}.dark-mode .apple-select:focus{border-color:var(--btn-bg)!important;box-shadow:0 0 0 3px #007aff33!important}.apple-select option{background-color:var(--bg-color);color:var(--text-color);padding:8px 12px}.dark-mode .apple-select option{background-color:var(--card-bg);color:var(--text-color)}.dark-mode .apple-select option:checked{background-color:var(--btn-bg);color:var(--text-on-primary)}.dark-mode .apple-settings-group{background-color:var(--card-bg);border:1px solid var(--border-color)}.dark-mode .apple-settings-item:hover{background-color:#ffffff0d}@media (max-width:768px){.apple-settings-container{padding:16px}.apple-section-header span{font-size:20px}.apple-settings-item{padding:14px 16px}}.user-settings-icon-share{font-size:.8rem}.user-settings-icon-copy{cursor:pointer;font-size:.75rem}.referral-item{flex-direction:column;align-items:stretch!important;padding:20px!important}.referral-link-container{margin-top:14px;position:relative}.referral-link-field{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;align-items:stretch;transition:all .2s;display:flex;overflow:hidden}.referral-link-field:focus-within{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.referral-url-input{color:var(--text-color);cursor:text;background:0 0;border:none;outline:none;flex:1;padding:11px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.referral-url-input::selection{background:#007aff33}.referral-action-btn{color:#007aff;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .15s;display:flex}.referral-action-btn:hover{background:#007aff14}.referral-action-btn:active{background:#007aff26;transform:scale(.95)}.referral-action-btn.copy{border-right:1px solid var(--border-color)}.referral-copied-toast{color:#fff;pointer-events:none;background:#000000e6;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;animation:2s fadeInOut;position:absolute;top:-38px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%)translateY(5px)}10%{opacity:1;transform:translate(-50%)translateY(0)}90%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-5px)}}.dark-mode .referral-link-field{background:#ffffff08}.dark-mode .referral-action-btn{color:#5ac8fa}.dark-mode .referral-action-btn:hover{background:#ffffff14}@media (max-width:480px){.referral-url-input{padding:10px 12px;font-size:13px}.referral-action-btn{width:38px;height:38px;font-size:15px}}.copiedText-url-message{color:#fff;z-index:1000;white-space:nowrap;-webkit-backdrop-filter:blur(10px);background:#000000d9;border-radius:8px;max-width:calc(100% - 20px);padding:8px 16px;font-size:14px;font-weight:500;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0000001a}@media (max-width:480px){.floating-banner{padding:6px 12px;font-size:13px}}.jobposting-modal-size{width:800px;max-width:-moz-fit-content;max-width:fit-content}.jobposting-root{background:var(--bg-color);min-height:100vh;color:var(--text-color);font-family:var(--font-body-alt);flex-direction:column;display:flex;position:relative}.jobposting-page-header{background:var(--bg-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:89;align-items:center;min-height:60px;padding:.875rem 1rem;transition:transform .3s;display:flex;position:-webkit-sticky;position:sticky;top:60px;left:0;right:0}.jobposting-page-header.header-hidden{transform:translateY(calc(-100% - 60px))}.jobposting-main-wrapper{flex:1;display:flex;position:relative}.jobposting-sidebar-container{z-index:50;flex-shrink:0;width:265px;margin-top:16px}.jobposting-scroll{background:var(--bg-color);flex:1;overflow-y:auto}.jobposting-title{color:var(--text-color);font-size:22px;font-weight:800}.jobposting-text-sm{font-size:var(--font-size-sm)}.jobposting-text-600{color:var(--muted-text)}.jobposting-header-title-section{align-items:center;gap:12px;display:flex}.jobposting-mobile-filter-btn{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;transition:all .3s;display:none;border-radius:75%!important;width:36px!important;height:36px!important;padding:0!important}.jobposting-mobile-filter-btn:hover{background:var(--highlight-bg);border-color:var(--link-color)}.jobposting-mobile-filter-btn:active{transform:scale(.95)}@media (max-width:1023px){.jobposting-mobile-filter-btn{display:flex!important}.jobposting-page-header{flex-wrap:wrap}.jobposting-header-flex{flex-direction:column;align-items:stretch;gap:.75rem}.jobposting-header-title{order:1;width:100%}.jobposting-header-title h2{margin:0}.jobposting-header-search{order:2;width:100%;max-width:100%}.jobposting-sidebar-container{z-index:150;width:260px;max-height:calc(100vh - 60px);transition:left .3s ease-in-out;position:fixed;top:60px;bottom:0;left:-260px}.jobposting-sidebar-container.open{left:0}}.jobposting-header-search{flex:1;align-items:center;gap:.5rem;width:400px;max-width:400px;display:flex}.jobposting-header-flex{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.jobposting-header-title{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.jobposting-header-title>div{flex-direction:column;display:flex}.jobposting-header-title h2{color:var(--text-color);font-size:var(--font-size-xl);margin:0;font-weight:600}.jobposting-search-wrapper{align-items:center;width:100%;display:flex;position:relative}.jobposting-search-input{color:#1f2937;background-color:var(--bg-color);border:2px solid #e8eaed;border-radius:.5rem;outline:none;width:100%;height:42px;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;font-weight:400;transition:all .2s}.jobposting-search-input::placeholder{color:#9ca3af}.jobposting-search-input:hover{border-color:#dbdee3}.jobposting-search-icon{color:#c9cdd4;pointer-events:none;width:.875rem;height:.875rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.jobposting-search-clear{color:#9ca3af;cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.jobposting-search-clear:hover{color:#1f2937;background-color:#f3f4f6}.jobposting-header-sort{color:#1f2937;cursor:pointer;background:#fff;border:2px solid #d1d5db;border-radius:.5rem;outline:none;flex-shrink:0;width:auto;max-width:120px;height:42px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.jobposting-header-sort:hover{border-color:#9ca3af}.jobposting-header-sort:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.jobposting-filter-icon-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;transition:all .2s;display:flex;position:relative}.jobposting-filter-icon-btn:hover{background:#2563eb;transform:scale(1.05)}.jobposting-filter-icon-btn:active{transform:scale(.95)}.jobposting-filter-icon-btn svg{width:1.125rem;height:1.125rem}.jobposting-filter-badge-icon{color:#3b82f6;background:#fff;border:2px solid #3b82f6;border-radius:9999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:700;display:inline-flex;position:absolute;top:-.375rem;right:-.375rem}@media (max-width:768px){.jobposting-header-search{flex:1;width:100%;max-width:100%}.jobposting-header-title h2{font-size:var(--font-size-xl);color:var(--text-color);margin:0;font-weight:600}.jobposting-page-header{padding:.75rem 1rem}}.jobposting-content{padding:var(--space-3);min-height:100%}.jobposting-filterbar{background:var(--bg-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:.5px solid #c5d4f3;margin-bottom:16px;padding:12px 16px}.jobposting-input,.jobposting-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:42px;font-size:var(--font-size-sm);background:var(--bg-color);color:var(--text-color);transition:border-color var(--transition-fast);outline:none;padding:0 12px}.jobposting-input:focus,.jobposting-select:focus{border-color:var(--link-color)}.jobposting-btn{border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;background:var(--surface-bg);color:var(--text-color);border:1px solid #0000;align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:inline-flex}.jobposting-btn:hover{filter:brightness(.97)}.jobposting-btn--primary{background:var(--btn-bg);color:var(--bg-color)}.jobposting-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}@media (min-width:768px){.jobposting-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px}.jobposting-stats:has(.jobposting-stat:nth-child(3)){grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}}.jobposting-meta span{align-items:center;gap:4px;display:flex}.job-descript-details{white-space:pre-line;line-height:1.6}.job-descript-details p{margin:8px 0}.job-descript-details br{line-height:1.2}.jobposting-stat{background:var(--bg-color);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast);border:.5px solid #c5d4f3;padding:16px;box-shadow:0 1px 3px #0000001a}.jobposting-stat:hover{box-shadow:0 4px 6px #7197a3e2}.jobposting-stat-head{justify-content:space-between;align-items:center;display:flex}.jobposting-label{color:var(--muted-text);font-size:13px;font-weight:600}.jobposting-value{color:var(--text-color);margin-top:4px;font-size:22px;font-weight:800}.jobposting-chip{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.jobposting-card-stats{text-align:center;border-bottom:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);align-items:center;margin:10px 0 12px;padding-bottom:8px;display:grid}.jobposting-stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.jobposting-stat-value{font-size:18px;font-weight:700}.jobposting-stat-label{color:var(--muted-text);font-size:12px}.jobposting-stat-apps{color:var(--link-color)}.jobposting-stat-positions{color:var(--success-color)}.jobposting-card{background:var(--bg-color);border-radius:var(--radius-md);padding:var(--space-3);transition:box-shadow var(--transition-fast);border:.5px solid #c5d4f3;box-shadow:0 1px 3px #0000001a}.jobposting-card:hover{box-shadow:0 4px 6px #7197a3e2}.jobposting-card-top{justify-content:space-between;align-items:flex-start;display:flex}.jobposting-card h3{font-size:var(--font-size-lg);color:var(--text-color);margin:0;font-weight:800}.jobposting-title-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.jobposting-badges{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.jobposting-posted-by{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.jobposting-company-name{font-size:var(--font-size-sm);color:var(--link-color);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.jobposting-company-name:hover{color:var(--btn-hover)}.jobposting-badge{border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.jobposting-badge--active{background:var(--success-color);color:var(--bg-color)}.jobposting-badge--draft{background:var(--surface-bg);color:var(--muted-text)}.jobposting-badge--closed{color:var(--danger-color);background:#ef44441a}.jobposting-badge--type{background:var(--highlight-bg);color:var(--link-color)}.jobposting-meta{color:var(--muted-text);font-size:var(--font-size-sm);flex-wrap:wrap;gap:16px;margin:6px 0 12px;display:flex}.jobposting-skill{border-radius:var(--radius-sm);background:var(--highlight-bg);color:var(--link-color);padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.jobposting-actions{flex-wrap:wrap;gap:8px;margin-left:20px;display:flex}.jobposting-action{border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;border:1px solid var(--border-color);background:var(--highlight-bg);color:var(--link-color);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:inline-flex}.jobposting-action--share{background:var(--surface-bg);color:var(--text-color);border:1px solid var(--border-color)}.jobposting-action--share:hover{background:var(--highlight-bg);border-color:var(--link-color);color:var(--link-color)}.jobposting-center-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.jobposting-muted{color:var(--muted-text)}.jobposting-pagination{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:16px;display:flex}.jobposting-pager{align-items:center;gap:8px;display:flex}.jobposting-page-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-color);min-width:40px;height:40px;color:var(--text-color);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:8px 12px;font-weight:600;display:flex}.jobposting-page-btn:hover:not(:disabled){background:var(--surface-bg);border-color:var(--link-color);color:var(--text-color)}.jobposting-page-btn:disabled{opacity:.5;cursor:not-allowed}.jobposting-page-btn--current{background:var(--btn-bg);color:var(--bg-color);border-color:var(--btn-bg)}.jobposting-page-btn--current:hover{background:var(--btn-hover);color:var(--bg-color)}.jobposting-filters-line{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.jobposting-filters-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.jobposting-quicksearch{flex-wrap:nowrap;flex-grow:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.jobposting-quicksearch input,.jobposting-quicksearch select{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:42px;font-size:var(--font-size-sm);background:var(--bg-color);color:var(--text-color);padding:0 12px}.jobposting-input{min-width:240px}.jobposting-select{min-width:160px}.jobposting-exp-inline{align-items:center;gap:6px;display:inline-flex}.jobposting-action--apply{background:var(--success-color);color:var(--bg-color);border:1px solid var(--success-color)}.jobposting-action--disabled{background:var(--surface-bg);color:var(--muted-text);border:1px solid var(--border-color);cursor:not-allowed;opacity:.6}.jobposting-action--disabled:hover{background:var(--surface-bg);color:var(--muted-text);border:1px solid var(--border-color)}.jobposting-blue-100{background:var(--highlight-bg)}.jobposting-blue-600{color:var(--link-color)}.jobposting-green-100{background:#22c55e1a}.jobposting-green-600{color:var(--success-color)}.jobposting-content-section{font-size:var(--font-size-sm);color:var(--muted-text);line-height:1.6}.jobposting-content-section ul,.jobposting-content-section ol{margin:0;padding-left:20px}.jobposting-content-section li{margin-bottom:4px}.jobposting-content-section ul li{list-style-type:disc}.jobposting-content-section ol li{list-style-type:decimal}.jobposting-content-section p{margin:0 0 8px}.jobposting-content-section p:last-child{margin-bottom:0}.jobposting-header-flex{justify-content:space-between;align-items:center;display:flex}.jobposting-header-actions{align-items:center;gap:12px;display:flex}.jobposting-no-margin{margin:0}.jobposting-results-section{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:8px 16px;display:flex}.jobposting-results-section--with-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.jobposting-results-count-highlight{color:#1e293b;white-space:nowrap;font-size:15px;font-weight:600}.jobposting-results-count-highlight strong{color:#3b82f6;font-size:18px;font-weight:700}.jobposting-filter-chips-wrapper{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.jobposting-filter-chip{background:var(--highlight-bg);color:var(--link-color);border:1px solid var(--link-color);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.jobposting-chip-remove{color:var(--link-color);cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.jobposting-chip-remove:hover:not(:disabled){opacity:.7;transform:scale(1.1)}.jobposting-chip-remove:disabled{opacity:.5;cursor:not-allowed}.jobposting-results-count{color:var(--muted-text);margin-bottom:12px;padding:8px 16px;font-size:14px;font-weight:500}.jobposting-job-list{gap:16px;display:grid}.jobposting-flex-1{flex:1}.jobposting-loading-text{color:var(--link-color);font-size:22px}.jobposting-loading-subtitle{margin-top:8px}.jobposting-error-card{border-color:var(--danger-color);background:#ef44441a}.jobposting-error-title{color:var(--danger-color);font-weight:700}.jobposting-error-text{color:var(--danger-color);font-size:var(--font-size-sm)}.jobposting-empty-icon{color:var(--muted-text);font-size:28px}.jobposting-empty-title{font-size:var(--font-size-lg);color:var(--text-color);margin-top:12px;font-weight:700}.jobposting-empty-subtitle{margin-top:4px}.jobposting-card-bottom{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.jobposting-skills-section{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jobposting-skills-more{color:var(--muted-text)}.jobposting-modal-content{flex-direction:column;height:80vh;max-height:600px;display:flex}.jobposting-modal-header-fixed{flex-shrink:0;padding:24px 24px 16px}.jobposting-modal-title{font-size:var(--font-size-lg);color:var(--text-color);margin-bottom:16px;font-weight:800}.jobposting-modal-body{flex:1;padding:24px;overflow-y:auto}.jobposting-modal-grid{gap:24px;display:grid}.jobposting-modal-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding-bottom:16px;display:flex}.jobposting-modal-header span{align-items:center;gap:6px;display:flex}.jobposting-section-title{margin-bottom:8px;font-weight:700}.jobposting-compensation-text{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.jobposting-skills-grid{flex-wrap:wrap;gap:8px;display:flex}.jobposting-modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 24px;display:flex}.jobposting-modal-footer-info{align-items:center;gap:8px;display:flex}.jobposting-modal-actions{justify-content:flex-end;gap:8px;display:flex}.jobposting-chip--closed{background:#ef44441a}.jobposting-chip--shortlisted{background:#f59e0b1a}.jobposting-chip--saved{background:var(--highlight-bg)}.jobposting-icon--closed{color:var(--danger-color)}.jobposting-icon--shortlisted{color:var(--warning-color)}.jobposting-icon--saved{color:var(--link-color)}@media (max-width:767px){.jobposting-page-header{padding:12px 16px}.jobposting-title{font-size:18px}.jobposting-content{padding:16px}.jobposting-filterbar{padding:8px 12px}.jobposting-filters-line{flex-direction:column;align-items:stretch;gap:12px}.jobposting-filters-left{flex-flow:row;justify-content:space-between;gap:6px;width:100%}.jobposting-filters-left .jobposting-btn{white-space:nowrap;flex:1;padding:6px 8px;font-size:11px}.jobposting-quicksearch{flex-direction:column;width:100%}.jobposting-input,.jobposting-select{width:100%;min-width:unset}.jobposting-stats{grid-template-columns:repeat(2,1fr);gap:12px;max-width:none}.jobposting-stat{padding:12px}.jobposting-chip{width:36px;height:36px}.jobposting-value{font-size:18px}.jobposting-card{padding:16px}.jobposting-title-row{flex-direction:column;align-items:flex-start;gap:8px}.jobposting-posted-by{align-self:stretch;align-items:flex-start}.jobposting-badges{flex-wrap:wrap}.jobposting-card h3{font-size:16px;line-height:1.3}.jobposting-meta{flex-direction:column;align-items:flex-start;gap:8px}.jobposting-card-stats{flex-direction:row;justify-content:space-around;gap:16px;padding:8px 0;display:flex}.jobposting-stat-item{flex-direction:row;gap:8px}.jobposting-stat-value{font-size:14px}.jobposting-stat-label{font-size:10px}.jobposting-card-bottom{flex-direction:column;align-items:stretch;gap:12px}.jobposting-card-footer{flex-direction:column;align-items:flex-start;gap:8px}.jobposting-meta-item{padding:6px 12px}.jobposting-skills-section{flex-flow:wrap;align-items:center;gap:8px}.jobposting-actions{flex-direction:row;justify-content:flex-end;gap:8px;display:flex}.jobposting-action{flex:0 auto;padding:8px 16px;font-size:13px}.jobposting-pagination{text-align:center;flex-direction:column;gap:12px}.jobposting-pager{flex-wrap:wrap;justify-content:center}.jobposting-page-btn{min-width:36px;height:36px;padding:6px 10px}.jobposting-modal-size{width:95vw;max-width:95vw}.jobposting-modal-content{padding:16px}.jobposting-modal-title{margin-bottom:16px;font-size:16px}.jobposting-modal-grid{gap:16px}.jobposting-modal-header{flex-wrap:wrap;gap:8px}.jobposting-compensation-text{flex-direction:column;align-items:flex-start;gap:8px}.jobposting-header-actions{gap:8px}.jobposting-btn{padding:6px 10px;font-size:12px}.jobposting-modal-footer{flex-direction:column;align-items:stretch;gap:12px}.jobposting-modal-footer-info{justify-content:center}.jobposting-modal-actions{justify-content:stretch}.jobposting-modal-actions .jobposting-action{flex:1}}@media (max-width:480px){.jobposting-filters-left{flex-direction:row;gap:4px;width:100%}.jobposting-filters-left .jobposting-btn{flex:1;justify-content:center;padding:6px 4px;font-size:10px}.jobposting-card-stats{flex-direction:row;justify-content:space-around;gap:12px;display:flex}.jobposting-stat-item{text-align:center;flex-direction:row;gap:6px}.jobposting-header-flex{flex-direction:column;align-items:flex-start;gap:12px}.jobposting-header-actions{justify-content:center;align-self:stretch}}@media (min-width:768px) and (max-width:1023px){.jobposting-content{padding:20px}.jobposting-stats{grid-template-columns:repeat(2,1fr)}.jobposting-stats:has(.jobposting-stat:nth-child(3)){grid-template-columns:repeat(2,1fr);max-width:none}.jobposting-quicksearch{flex-wrap:wrap;gap:8px}.jobposting-input{flex:1;min-width:200px}.jobposting-select{min-width:140px}}.jobposting-badge--applied{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633}.jobposting-badge--shortlisted{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b33}.jobposting-badge--interview{color:#7c3aed;background:#9333ea1a;border:1px solid #9333ea33}.jobposting-badge--rejected{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.jobposting-badge--hired{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e33}.jobposting-action--applied{color:#2563eb;cursor:not-allowed;opacity:.7;background:#3b82f61a;border:1px solid #3b82f633}.jobposting-action--shortlisted{color:#d97706;cursor:not-allowed;opacity:.7;background:#f59e0b1a;border:1px solid #f59e0b33}.jobposting-action--interview{color:#7c3aed;cursor:not-allowed;opacity:.7;background:#9333ea1a;border:1px solid #9333ea33}.jobposting-action--rejected{color:#dc2626;cursor:not-allowed;opacity:.7;background:#ef44441a;border:1px solid #ef444433}.jobposting-action--hired{color:#16a34a;cursor:not-allowed;opacity:.8;background:#22c55e1a;border:1px solid #22c55e33}.jobposting-action--loading{opacity:.7;cursor:not-allowed;pointer-events:none}.jobposting-spinner{animation:1s linear infinite jobposting-spin}@keyframes jobposting-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jobposting-summary{margin:8px 0}.jobposting-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.jobposting-meta-author{font-size:var(--font-size-sm);color:var(--muted-text);align-items:center;gap:6px;display:flex}.jobposting-meta-item{font-size:var(--font-size-sm);color:var(--muted-text);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 8px;display:flex}.jobposting-meta-item:hover{background:var(--surface-bg);color:var(--link-color)}.jobposting-active-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:8px 0;display:flex}.jobposting-filter-pill{background:var(--highlight-bg);color:var(--link-color);font-size:var(--font-size-sm);border:1px solid var(--link-color);border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:inline-flex}.jobposting-filter-pill-close{color:var(--link-color);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.jobposting-filter-pill-close:hover{opacity:.8;transform:scale(1.1)}@media (max-width:768px){.jobposting-results-section{padding:8px 12px}.jobposting-results-section--with-filters{padding:10px 12px}.jobposting-results-count-highlight{width:100%;margin-bottom:8px;font-size:14px}.jobposting-results-count-highlight strong{font-size:16px}.jobposting-filter-chips-wrapper{width:100%}}.recruiter-jobposting-root{color:#0f172a;min-height:100vh;font-family:var(--font-body-alt);background:#f3f4f6;flex-direction:column;display:flex}.recruiter-jobposting-page-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;box-shadow:0 1px #00000005}.recruiter-jobposting-title{color:#1f2937;font-size:22px;font-weight:800}.recruiter-jobposting-text-sm{font-size:14px}.recruiter-jobposting-text-600{color:#4b5563}.recruiter-jobposting-scroll{flex:1;overflow-y:auto}.recruiter-jobposting-content{padding:24px}.recruiter-jobposting-filterbar{background:#fff;border:.25px solid #c5d4f3;border-radius:8px;margin-bottom:1rem;padding:12px 16px;box-shadow:0 1px 3px #0000000d}.recruiter-jobposting-filters-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.recruiter-jobposting-status-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recruiter-jobposting-btn.recruiter-jobposting-btn--primary{white-space:nowrap;margin-left:auto}.recruiter-jobposting-create-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;height:40px;padding:8px 14px;font-weight:600;transition:background .2s}.recruiter-jobposting-create-btn:hover{background:#4338ca}.recruiter-jobposting-filters-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.recruiter-jobposting-input{flex:240px;min-width:200px;padding:10px}.recruiter-jobposting-select{flex:0 0 200px}.recruiter-jobposting-btn.recruiter-jobposting-btn--primary{white-space:nowrap;flex-shrink:0;height:42px}.recruiter-jobposting-input:focus,.recruiter-jobposting-select:focus{border-color:#6366f1}.recruiter-jobposting-input:disabled{cursor:not-allowed;opacity:.7;background:#f3f4f6}.recruiter-jobposting-checkbox-row{margin-top:16px}.recruiter-jobposting-checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:10px;display:inline-flex}.recruiter-jobposting-checkbox{accent-color:#4f46e5;width:18px;height:18px}.recruiter-jobposting-checkbox-text{color:#374151;font-size:14px}.recruiter-jobposting-btn{cursor:pointer;color:#374151;background:#f3f4f6;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.recruiter-jobposting-btn:hover{filter:brightness(.97)}.recruiter-jobposting-btn--primary{color:#fff;background:#4f46e5}.jobPost-Header{justify-content:space-between;display:flex}.applications-link{color:#3730a3;cursor:pointer;background-color:#e0e7ff;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex;text-decoration:none!important}.applications-link:hover{background-color:#c7d2fe}.recruiter-jobposting-stats{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;margin-bottom:1rem;display:grid}@media (min-width:768px){.recruiter-jobposting-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.recruiter-jobposting-meta span{text-transform:capitalize;align-items:center;gap:4px;display:flex}.recruiter-jobposting-stat{transition:box-shadow var(--transition-fast);background:#fff;border:.25px solid #c5d4f3;border-radius:.5rem;padding:16px;box-shadow:0 1px 3px #0000001a}.recruiter-jobposting-stat:hover{box-shadow:0 4px 6px #7197a3e2}.recruiter-jobposting-stat-head{justify-content:space-between;align-items:center;display:flex}.recruiter-jobposting-label{color:#4b5563;font-size:13px;font-weight:600}.recruiter-jobposting-value{color:#1f2937;margin-top:4px;font-size:22px;font-weight:800}.recruiter-jobposting-chip{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.recruiter-jobposting-card-stats{text-align:center;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);align-items:center;margin:10px 0 12px;padding-bottom:8px;display:grid}.recruiter-jobposting-stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.recruiter-jobposting-stat-value{font-size:18px;font-weight:700}.recruiter-jobposting-stat-label{color:#6b7280;font-size:12px}.recruiter-jobposting-stat-apps{color:#4f46e5}.recruiter-jobposting-stat-shortlist{color:#d97706}.recruiter-jobposting-stat-interviews{color:#2563eb}.recruiter-jobposting-stat-positions{color:#16a34a}.formDiv{margin-bottom:4px;position:relative}.error-field{color:#ea4335;min-height:16px;font-size:12px;line-height:1.3;display:block;position:absolute}.recruiter-jobposting-card{background:#fff;border:.5px solid #c5d4f3;border-radius:12px;padding:24px;transition:box-shadow .15s;box-shadow:0 1px 3px #0000001a}.recruiter-jobposting-card:hover{box-shadow:0 4px 6px #7197a3e2}.recruiter-jobposting-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.recruiter-jobposting-card-head{flex:1}.recruiter-jobposting-card h3{color:#1f2937;margin:0;font-size:20px;font-weight:800}.recruiter-jobposting-badges{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.recruiter-jobposting-badge{border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.recruiter-jobposting-badge--active{color:#166534;background:#dcfce7}.recruiter-jobposting-badge--draft{color:#374151;background:#f3f4f6}.recruiter-jobposting-badge--type{color:#1d4ed8;background:#dbeafe}.recruiter-jobposting-meta{color:#4b5563;flex-wrap:wrap;gap:16px;margin:6px 0 12px;font-size:14px;display:flex}.recruiter-jobposting-meta .location-text{text-transform:capitalize;margin-right:6px}.recruiter-jobposting-meta .job-department{margin-right:6px}.recruiter-jobposting-skill{color:#4338ca;background:#eef2ff;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.recruiter-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.recruiter-action{cursor:pointer;border:none;border-radius:8px;align-items:center;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.recruiter-action--view{color:#4338ca;background-color:#eef2ff}.recruiter-action--view:hover{background-color:#e0e7ff}.recruiter-action--edit{color:#374151;background-color:#f3f4f6}.recruiter-action--edit:hover{background-color:#e5e7eb}.recruiter-action--pause{color:#92400e;background-color:#fef9c3}.recruiter-action--pause:hover{background-color:#fef3c7}.recruiter-action--close{color:#991b1b;background-color:#fee2e2}.recruiter-action--close:hover{background-color:#fecaca}.recruiter-jobposting-center-card{text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:24px}.recruiter-jobposting-center-card .error-loading{color:#b91c1c;font-weight:700}.recruiter-jobposting-center-card .error-loading-text{color:#b91c1c;font-size:14px}.recruiter-jobposting-center-card-loading{color:#4f46e5;font-size:22px}.recruiter-jobposting-muted{color:#4b5563}.muted-text{margin-top:10px}.job-posting-card-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.job-required-skill-section{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.more-text{color:#6b7280}.recruiter-jobposting-pagination{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.recruiter-jobposting-pager{align-items:center;gap:8px;display:flex}.recruiter-jobposting-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:8px 12px;font-weight:600}.recruiter-jobposting-page-btn--current{color:#fff;background:#4f46e5;border-color:#4f46e5}.recruiter-jobposting-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.recruiter-jobposting-modal.recruiter-jobposting-active{display:flex}.recruiter-jobposting-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:942px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000002e}.recruiter-jobposting-modal-header-fixed{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.recruiter-jobposting-modal-title{color:#1f2937;margin:0;font-size:18px;font-weight:800}.recruiter-jobposting-modal-body{scrollbar-width:thin;scrollbar-color:#737779 transparent;flex:1;min-height:0;padding:24px;overflow-y:auto}.recruiter-jobposting-modal-body::-webkit-scrollbar{width:6px}.recruiter-jobposting-modal-body::-webkit-scrollbar-track{background:0 0}.recruiter-jobposting-modal-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.recruiter-jobposting-modal-body::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.recruiter-jobposting-modal-content::-webkit-scrollbar{display:none}.selected-job-section{gap:16px;display:grid}.selected-job-status-section{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.compensation-text{margin-bottom:8px;font-weight:700}.compensation-details{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.job-descript-text{margin-bottom:4px;font-weight:700}.job-descript-details{line-height:1.6}.job-skills-details{margin-bottom:8px;font-weight:700}.job-skills-present{flex-wrap:wrap;gap:8px;display:flex}.create-modal-head-section{padding:24px}.create-head-section-content{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.create-head-section-title{color:#1f2937;font-size:18px;font-weight:800}.createjob-section{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:16px}.createJob-basic-title{margin-bottom:12px;font-weight:700}.create-section-1{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px;display:grid}.create-sec-label{margin-bottom:6px;font-weight:600;display:block}.create-section-2{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;display:grid}.text-area-sec{margin-bottom:12px}.create-footer{border-top:1px solid #e5e7eb;gap:12px;margin-top:16px;padding-top:16px;display:flex}.recruiter-jobposting-blue-100{background:#dbeafe}.recruiter-jobposting-blue-600{color:#2563eb}.recruiter-jobposting-green-100{background:#dcfce7}.recruiter-jobposting-green-600{color:#16a34a}.recruiter-jobposting-yellow-100{background:#fef9c3}.recruiter-jobposting-yellow-600{color:#ca8a04}.recruiter-jobposting-purple-100{background:#ede9fe}.recruiter-jobposting-purple-600{color:#7c3aed}@media (max-width:768px){.recruiter-jobposting-content{padding:16px}.recruiter-jobposting-stats{gap:12px;grid-template-columns:1fr 1fr!important}.recruiter-actions{flex-wrap:nowrap;gap:4px;margin-top:12px;display:flex}.recruiter-action{text-align:center;flex:1;padding:6px 4px;font-size:11px}.recruiter-jobposting-filterbar{padding:16px}.recruiter-jobposting-filters-top{flex-direction:column;align-items:stretch;gap:12px}.recruiter-jobposting-status-group{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr;justify-items:stretch;gap:8px;display:grid}.recruiter-jobposting-status-group .recruiter-jobposting-btn:nth-child(4){grid-column:1/3}.recruiter-jobposting-status-group .recruiter-jobposting-btn:nth-child(5){grid-column:3/4}.recruiter-jobposting-btn{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recruiter-jobposting-btn.recruiter-jobposting-btn--primary{width:100%;margin-left:0}.recruiter-jobposting-filters-bottom{flex-direction:column;gap:12px}.recruiter-jobposting-input,.recruiter-jobposting-select{flex:none;width:100%}.recruiter-jobposting-modal-content{max-height:95vh;margin:8px}.create-modal-head-section{padding:16px}.create-head-section-content{margin-bottom:16px}.create-head-section-title{font-size:16px}.recruiter-jobposting-modal .modal-close,.recruiter-jobposting-modal .close-btn{justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;display:flex!important}.create-section-1,.create-section-2{grid-template-columns:1fr;gap:12px}.create-footer{flex-direction:column;gap:8px}.create-footer .recruiter-jobposting-btn{width:100%}.job-posting-card-footer{flex-direction:column;align-items:flex-start;gap:12px}.job-required-skill-section{justify-content:flex-start;width:100%}.recruiter-actions{flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.recruiter-action{flex-shrink:0;padding:6px 10px;font-size:12px}.applications-link{white-space:nowrap;padding:4px 8px;font-size:11px}}.nojobpostings{text-align:center;color:#555;border-radius:12px;padding:40px 20px;font-family:Inter,sans-serif}.nojobpostings .no-job-icon{color:#555;margin-bottom:10px;font-size:40px}.nojobpostings h2{color:#1f2937;margin-bottom:8px;font-size:1.5rem;font-weight:500}.nojobpostings p{color:#777;font-size:14px}.no-job-postings{text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:2rem 0;padding:3rem 2rem;display:flex;box-shadow:0 1px 3px #0000001a}.no-job-postings .no-job-icon{color:#9ca3af;margin-bottom:1rem;font-size:3rem}.no-job-postings h2{color:#1f2937;margin:0 0 0;font-size:1.5rem;font-weight:600}.no-job-postings p{color:#6b7280;max-width:450px;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.no-job-postings .btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.no-job-postings .btn:hover{background:#4338ca}.job-postings-pagination{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;margin-top:1rem;padding:16px;display:flex}.job-postings-pagination .pagination-info{color:#6b7280;margin:0;font-size:14px}.job-postings-pagination .pagination-controls{align-items:center;gap:8px;display:flex}.job-postings-pagination .pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-weight:600;transition:all .2s;display:flex}.job-postings-pagination .pagination-btn:hover:not(:disabled){background:#f9fafb}.job-postings-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.job-postings-pagination .pagination-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}@media (max-width:768px){.job-postings-pagination{flex-direction:column;align-items:center;gap:1rem}.job-postings-pagination .pagination-info{order:2}.job-postings-pagination .pagination-controls{order:1}}.create-sec-label .label-helper-text{color:#6b7280;font-size:.75rem;font-weight:400}.comp-flex-row{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.comp-flex-row .formDiv{flex:1;min-width:0}.salary-type-toggle{align-items:center;gap:6px;margin-top:10px;display:flex}.salary-type-label{color:#4b5563;font-size:11px}.comp-hide-salary{margin-top:12px}.comp-hide-salary-label{cursor:pointer;align-items:center;gap:8px;display:flex}.comp-hide-salary-text{font-weight:500}.comp-hide-checkbox{cursor:pointer;width:auto}@media (max-width:768px){.comp-flex-row{grid-template-columns:1fr;gap:12px;display:grid}.comp-salary-type,.comp-currency,.comp-flex-1{width:100%}}.compensation-flex-row{flex-wrap:wrap;align-items:flex-start;gap:0;margin-bottom:12px;display:flex}.salary-toggle{width:44px;height:24px;display:inline-block;position:relative}.salary-toggle input{opacity:0;width:0;height:0}.salary-toggle-slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.salary-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.salary-toggle input:checked+.salary-toggle-slider{background-color:#2563eb}.salary-toggle input:checked+.salary-toggle-slider:before{transform:translate(20px)}@media (max-width:768px){.compensation-flex-row{flex-direction:row;overflow-x:auto}.compensation-flex-row .formDiv{min-width:100px;flex:none!important}}.autocomplete-wrapper{position:relative}.autocomplete-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.autocomplete-item{cursor:pointer;color:#374151;border-bottom:1px solid #f3f4f6;padding:10px 12px;font-size:14px;transition:background-color .15s}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{color:#4f46e5;background-color:#f9fafb}.autocomplete-dropdown::-webkit-scrollbar{width:6px}.autocomplete-dropdown::-webkit-scrollbar-track{background:0 0}.autocomplete-dropdown::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.resume-show-btn{border-radius:var(--radius-sm);color:var(--muted-text);cursor:pointer;transition:var(--transition-fast);background-color:#f8f9fa;border:none;align-items:center;gap:8px;padding:2px 4px;display:flex}.contact-eye-icon{stroke:#0e66a0;stroke-width:1.7px;fill:none;cursor:pointer;width:22px;height:22px;transition:all .2s}.contact-eye-icon:hover{stroke:#3498db}.resume-modal-header{border-bottom:1px solid var(--border-color-light);align-items:flex-start;margin-bottom:16px;padding-bottom:10px}.resume-header-left{font-family:var(--font-body-alt);flex-direction:column;gap:8px;display:flex}.resume-modal-title{color:var(--text-color);margin:0;font-size:20px;font-weight:700}.resume-download-btn{background-color:var(--success-color);color:var(--bg-color);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body-alt);transition:var(--transition-fast);border:none;padding:8px 16px}.resumeHeader-action-btn{justify-content:space-between;margin-top:3px;display:flex}.resume-download-btn:hover{background-color:#047857}.resume-modal-content{border:1px solid var(--border-color-light);border-radius:var(--radius-sm);max-height:70vh;overflow:auto}.resume-content{background-color:var(--bg-color);width:100%;height:100%;font-family:var(--font-body-alt);padding:32px;font-size:14px;line-height:1.4;overflow:auto}.resume-content:not(.pdf-generation){padding:32px;font-size:14px;line-height:1.4}.resume-header{border-bottom:2px solid var(--success-color);margin-bottom:18px;padding-bottom:18px}.resume-name{color:var(--success-color);margin:0 0 8px;font-size:32px;font-weight:700}.resume-contact-info{color:var(--muted-text);flex-wrap:wrap;gap:26px;margin-bottom:8px;font-size:14px;display:flex}.resume-social-links{color:var(--success-color);flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.resume-section,.resume-section:not(.pdf-generation *){margin-bottom:24px}.resume-section-title{color:var(--success-color);margin:0 0 12px;font-size:18px;font-weight:700}.resume-summary-text{color:var(--text-color);margin:0;line-height:1.6}.resume-skill-tag{background-color:var(--surface-bg);color:var(--text-color);border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.resume-experience-item,.resume-experience-item:not(.pdf-generation *){margin-bottom:16px}.resume-experience-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.resume-experience-role{color:var(--text-color);margin:0;font-size:14px;font-weight:700}.resume-experience-company{color:var(--muted-text);margin:2px 0 0;font-size:14px}.resume-date-badge{background-color:var(--border-color-light);color:var(--text-color);white-space:nowrap;border-radius:16px;padding:4px 12px;font-size:12px}.resume-experience-description{color:var(--text-color);margin:8px 0 0;font-size:13px;line-height:1.5}.resume-education-item,.resume-education-item:not(.pdf-generation *){margin-bottom:16px}.resume-education-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.resume-education-degree{color:var(--text-color);margin:0;font-size:14px;font-weight:700}.resume-education-institution{color:var(--muted-text);margin:2px 0 0;font-size:14px}.resume-declaration{border-top:1px solid var(--border-color-light);margin-top:32px;padding-top:24px}.resume-declaration-text{color:var(--text-color);margin:0;font-size:13px;font-style:italic;line-height:1.5}.resume-signature-section{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.resume-date,.resume-signature-label{color:var(--muted-text);margin:0;font-size:13px}.resume-signature-name{color:var(--text-color);margin:4px 0 0;font-size:14px;font-weight:500}.resume-signature-container{text-align:right}.pdf-generation .resume-skill-dot{display:none!important}.pdf-generation .resume-date-badge,.pdf-generation .resume-skill-experience,.pdf-generation .skill-exp-2,.pdf-generation .skill-years-3{background-color:#0000!important;border-radius:0!important;padding:0!important}.pdf-generation .resume-section-title{page-break-after:avoid;break-after:avoid}.pdf-generation .resume-experience-item,.pdf-generation .resume-education-item{page-break-inside:avoid;break-inside:avoid;margin-bottom:8px}.pdf-generation.template-1 .resume-section{margin-bottom:12px}.pdf-generation.template-1 .resume-experience-description,.pdf-generation.template-1 .resume-summary-text{page-break-inside:avoid;break-inside:avoid;orphans:3;widows:3}.pdf-generation.template-1 .resume-skill-item{page-break-inside:avoid;break-inside:avoid}.pdf-generation .experience-item-2,.pdf-generation .project-item-2,.pdf-generation .education-item-2{page-break-inside:avoid;break-inside:avoid;margin-bottom:8px}.pdf-generation.template-2 .resume-section{margin-bottom:16px}.pdf-generation.template-2 .skill-item-2{page-break-inside:avoid;break-inside:avoid;margin-bottom:4px}.pdf-generation.template-2 .resume-body-2{gap:20px!important}.pdf-generation.template-2 .resume-left-side,.pdf-generation.template-2 .resume-right-side{page-break-inside:auto}.pdf-generation.template-2 .experience-item-2 p,.pdf-generation.template-2 .project-item-2 p,.pdf-generation.template-2 .education-item-2 p{page-break-inside:avoid;break-inside:avoid;orphans:2;widows:2;margin:2px 0}.pdf-generation .resume-section-title-2,.pdf-generation .resume-section-title-3{page-break-after:avoid}.pdf-generation.template-3 .experience-item-3,.pdf-generation.template-3 .project-item-3,.pdf-generation.template-3 .education-item-3{margin-bottom:16px}.pdf-generation .skill-years-3{background-color:#0000!important;border-radius:0!important;padding:0!important}.pdf-generation .skill-tag-3{background-color:#0000!important;border:none!important;padding:0!important}.pdf-generation.pdf-desktop-mode .resume-skill-dot{display:none!important}.pdf-generation.pdf-desktop-mode .resume-date-badge,.pdf-generation.pdf-desktop-mode .resume-skill-experience,.pdf-generation.pdf-desktop-mode .skill-exp-2,.pdf-generation.pdf-desktop-mode .skill-years-3{background-color:#0000!important;border-radius:0!important;padding:0!important}.pdf-generation.pdf-desktop-mode .skill-tag-3{background-color:#0000!important;border:none!important;padding:0!important}.pdf-generation.pdf-desktop-mode{color:#000!important;width:190mm!important;max-width:190mm!important;min-height:auto!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border-radius:0!important;margin:0!important;padding:12mm!important;font-size:13px!important;line-height:1.3!important;overflow:visible!important}.pdf-generation.pdf-desktop-mode *{-webkit-print-color-adjust:exact!important;-moz-print-color-adjust:exact!important;print-color-adjust:exact!important;word-wrap:break-word!important}.pdf-generation{--bg-color:white!important;--text-color:black!important;--muted-text:#666!important;--surface-bg:#f5f5f5!important;--border-color-light:#e0e0e0!important;--success-color:#10b981!important;overflow-wrap:break-word!important;box-sizing:border-box!important}.pdf-generation.pdf-desktop-mode.template-1 .resume-contact-info{flex-direction:row!important;align-items:center!important;gap:26px!important;display:flex!important}.pdf-generation.pdf-desktop-mode.template-1 .resume-experience-header,.pdf-generation.pdf-desktop-mode.template-1 .resume-education-header{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;display:flex!important}.pdf-generation.pdf-desktop-mode.template-1 .resume-skill-item{page-break-inside:avoid!important;break-inside:avoid!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.pdf-generation.pdf-desktop-mode.template-1 .resume-section{margin-bottom:12px!important}.pdf-generation.pdf-desktop-mode.template-1 .resume-section-title{page-break-after:avoid!important;break-after:avoid!important;margin-bottom:6px!important}.pdf-generation.pdf-desktop-mode.template-1 .resume-experience-item,.pdf-generation.pdf-desktop-mode.template-1 .resume-education-item{page-break-inside:avoid!important;break-inside:avoid!important;margin-bottom:8px!important}.pdf-generation.pdf-desktop-mode.template-1 .resume-header{margin-bottom:12px!important;padding-bottom:10px!important}.pdf-generation.pdf-desktop-mode.template-1 .resume-skills-list{gap:2px!important}.pdf-generation.pdf-desktop-mode.template-1 .resume-skill-item{padding:1px 0!important}.pdf-generation.pdf-desktop-mode.template-1 .resume-experience-description{margin-top:4px!important;line-height:1.3!important}.pdf-generation.pdf-desktop-mode.template-1 .resume-project-tech{margin:4px 0!important}.pdf-generation.pdf-desktop-mode.template-1 .resume-experience-description,.pdf-generation.pdf-desktop-mode.template-1 .resume-summary-text{page-break-inside:avoid!important;break-inside:avoid!important;orphans:3!important;widows:3!important}.pdf-generation.pdf-desktop-mode.template-2 .resume-header-2{flex-direction:row!important;justify-content:space-between!important;margin-bottom:16px!important;padding-bottom:12px!important;display:flex!important}.pdf-generation.pdf-desktop-mode.template-2 .resume-body-2{grid-template-columns:1fr 2fr!important;gap:20px!important;display:grid!important}.pdf-generation.pdf-desktop-mode.template-2 .resume-right-column{text-align:right!important;margin-top:0!important}.pdf-generation.pdf-desktop-mode.template-2 .skill-item-2{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-bottom:3px!important;display:flex!important}.pdf-generation.pdf-desktop-mode.template-2 .experience-item-2,.pdf-generation.pdf-desktop-mode.template-2 .project-item-2,.pdf-generation.pdf-desktop-mode.template-2 .education-item-2{page-break-inside:avoid!important;break-inside:avoid!important;margin-bottom:8px!important}.pdf-generation.pdf-desktop-mode.template-2 .resume-section{margin-bottom:14px!important}.pdf-generation.pdf-desktop-mode.template-2 .resume-section-title-2{page-break-after:avoid!important;break-after:avoid!important;margin-bottom:10px!important}.pdf-generation.pdf-desktop-mode.template-2 .resume-summary-2{margin-bottom:16px!important}.pdf-generation.pdf-desktop-mode.template-3 .resume-two-column{grid-template-columns:2fr 1fr!important;gap:30px!important;display:grid!important}.pdf-generation.pdf-desktop-mode.template-3 .resume-side-column{border-left:1px solid var(--border-color)!important;border-top:none!important;margin-top:0!important;padding-top:0!important;padding-left:30px!important}.pdf-generation.pdf-desktop-mode.template-3 .project-header-3,.pdf-generation.pdf-desktop-mode.template-3 .exp-header-3{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;display:flex!important}.pdf-generation.pdf-desktop-mode.template-3 .skill-item-3{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.pdf-generation.pdf-desktop-mode.template-3 .experience-item-3,.pdf-generation.pdf-desktop-mode.template-3 .project-item-3,.pdf-generation.pdf-desktop-mode.template-3 .education-item-3{page-break-inside:avoid!important;break-inside:avoid!important;margin-bottom:12px!important}.pdf-generation.pdf-desktop-mode.template-1 p,.pdf-generation.pdf-desktop-mode.template-2 p,.pdf-generation.pdf-desktop-mode.template-3 p{orphans:2;widows:2;page-break-inside:avoid!important;break-inside:avoid!important}.pdf-generation.pdf-desktop-mode.template-1 h1,.pdf-generation.pdf-desktop-mode.template-1 h2,.pdf-generation.pdf-desktop-mode.template-1 h3,.pdf-generation.pdf-desktop-mode.template-2 h1,.pdf-generation.pdf-desktop-mode.template-2 h2,.pdf-generation.pdf-desktop-mode.template-2 h3,.pdf-generation.pdf-desktop-mode.template-2 h4{page-break-after:avoid!important;break-after:avoid!important;page-break-inside:avoid!important;break-inside:avoid!important}.pdf-generation.pdf-desktop-mode.template-2 .skills-list-2{margin:0!important}.pdf-generation.pdf-desktop-mode.template-2 .skill-item-2{padding:2px 0!important}.pdf-generation.pdf-desktop-mode.template-2 .education-item-2 h4,.pdf-generation.pdf-desktop-mode.template-2 .experience-item-2 h4,.pdf-generation.pdf-desktop-mode.template-2 .project-item-2 h4{margin-bottom:2px!important}.pdf-generation.pdf-desktop-mode.template-2 .education-item-2 p,.pdf-generation.pdf-desktop-mode.template-2 .experience-item-2 p,.pdf-generation.pdf-desktop-mode.template-2 .project-item-2 p{margin:1px 0!important}.resume-section-separator{background-color:#e5e7eb;height:1px;margin:20px 0}.resume-summary-2{margin-bottom:24px}.resume-summary-2 p{color:var(--text-color);margin:0;line-height:1.6}.pdf-generation.template-2 .resume-left-side,.pdf-generation.template-2 .resume-right-side{flex-direction:column;gap:12px;display:flex}.pdf-generation.template-2 .resume-section{flex-shrink:0}.pdf-generation.pdf-desktop-mode.template-2 .resume-left-side,.pdf-generation.pdf-desktop-mode.template-2 .resume-right-side{min-height:-moz-fit-content!important;min-height:fit-content!important}.pdf-generation.pdf-desktop-mode.template-2 .resume-section:last-child{page-break-after:auto!important}.resume-skills-list{flex-direction:column;gap:4px;display:flex}.resume-skill-item{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.pdf-generation.template-1 .resume-skill-item{page-break-inside:avoid;break-inside:avoid;margin-bottom:2px}.pdf-generation.template-1 .resume-contact-item{page-break-inside:avoid;break-inside:avoid;white-space:nowrap}.pdf-generation.template-1 .resume-experience-header,.pdf-generation.template-1 .resume-education-header,.pdf-generation.template-1 .resume-project-tech{page-break-inside:avoid;break-inside:avoid}.resume-skill-name{color:var(--text-color);font-size:14px;font-weight:500}.resume-skill-right{align-items:center;gap:8px;display:flex}.resume-skill-rating{align-items:center;gap:2px;display:flex}.resume-skill-dot{background-color:#e0e0e0;border-radius:2px;width:8px;height:8px}.resume-skill-dot.filled{background-color:#666}.resume-skill-level{color:var(--muted-text);font-size:12px;font-weight:500}.resume-skill-experience{background-color:var(--surface-bg);color:var(--muted-text);border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.resume-project-tech{color:var(--text-color);margin:8px 0;font-size:13px}.resume-education-grade{color:var(--muted-text);margin:4px 0 0;font-size:13px;font-weight:500}.completion-message{font-size:12px;font-weight:500}.completion-complete{color:var(--success-color)}.completion-incomplete{color:#f59e0b}.completion-low{color:#dc2626}.template-selector{gap:12px;display:flex}.template-btn{border:1.5px solid var(--border-color-light);background-color:var(--bg-color);color:var(--text-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);margin-top:2px;margin-right:.5rem;padding:6px 20px;font-size:14px;font-weight:500}.template-btn:hover{background-color:var(--surface-bg)}.template-btn.active{background-color:var(--success-color);color:var(--bg-color);border-color:var(--success-color)}.resume-no-data{text-align:left;color:var(--muted-text);margin:16px 0;font-style:italic}.resume-contact-item{align-items:center;gap:6px;display:flex}.resume-contact-symbol{color:var(--muted-text);flex-shrink:0;font-size:12px}.resume-header-2{border-bottom:2px solid #2563eb;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;display:flex}.resume-left-column{flex:1}.resume-right-column{text-align:right;flex:1}.resume-name-2{color:#2563eb;margin:0 0 8px;font-size:32px;font-weight:700}.resume-title-2{color:#6b7280;margin:8px 0 0;font-size:16px}.resume-contact-2 p{color:#6b7280;margin:4px 0;font-size:14px}.resume-body-2{grid-template-columns:1fr 2fr;gap:30px;display:grid}.resume-section-title-2{color:#2563eb;border-bottom:1px solid var(--border-color-light);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.skills-list-2{margin:0;padding:0;list-style:none}.skills-list-2 li{border-bottom:1px solid var(--border-color-light);color:var(--text-color);padding:6px 0}.skill-item-2{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.skill-name-2{color:var(--text-color);font-weight:500}.skill-details-2{gap:8px;font-size:12px;display:flex}.skill-rating-2{color:var(--muted-text);font-weight:500}.skill-exp-2{background:var(--surface-bg);color:var(--text-color);border-radius:8px;padding:2px 6px;font-weight:500}.education-item-2,.experience-item-2,.project-item-2{margin-bottom:16px}.education-item-2 h4,.experience-item-2 h4,.project-item-2 h4{color:var(--text-color);margin:0 0 4px;font-size:14px;font-weight:600}.education-item-2 p,.experience-item-2 p,.project-item-2 p{color:var(--muted-text);margin:2px 0;font-size:13px}.resume-header-3{text-align:center;border-bottom:2px solid var(--border-color);margin-bottom:24px;padding-bottom:20px}.resume-name-3{color:var(--text-color);margin:0 0 12px;font-size:32px;font-weight:700}.resume-contact-3{color:#6b7280;font-size:14px;font-weight:500}.resume-contact-3 div{margin:4px 0}.project-duration-2{color:#6b7280;margin:2px 0;font-size:12px;font-weight:500}.project-header-3{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.project-duration-3{color:#6b7280;white-space:nowrap;font-size:12px}.resume-summary-3{margin-bottom:24px}.resume-summary-3 h2{color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color-light);margin:0 0 8px;padding-bottom:8px;font-size:16px;font-weight:600}.resume-two-column{grid-template-columns:2fr 1fr;gap:30px;display:grid}.resume-side-column{border-left:1px solid var(--border-color);padding-left:30px}.resume-section-title-3{color:var(--text-color);border-bottom:2px solid var(--border-color-light);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.experience-item-3,.project-item-3,.education-item-3{margin-bottom:16px}.exp-header-3{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.experience-item-3 h3,.project-item-3 h3,.education-item-3 h4{color:var(--text-color);margin:0;font-size:14px;font-weight:600}.company-3,.experience-item-3 p,.project-item-3 p,.education-item-3 p{color:var(--muted-text);margin:2px 0;font-size:13px}.exp-header-3 span{color:var(--muted-text);white-space:nowrap;font-size:12px}.skill-tag-3{background:var(--surface-bg);color:var(--text-color);border:1px solid var(--border-color-light);border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.skill-item-3{border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;padding:4px 0;display:flex}.skill-name-3{color:var(--text-color);font-weight:500}.skill-meta-3{gap:6px;font-size:11px;display:flex}.skill-level-3{color:var(--muted-text);font-weight:500}.skill-years-3{background:var(--surface-bg);color:var(--text-color);border-radius:8px;padding:2px 6px;font-weight:500}@media (max-width:768px){.resume-body-2,.resume-two-column{grid-template-columns:1fr;gap:20px}.resume-modal-header{flex-direction:column;align-items:flex-start;position:relative}.resume-header-left{width:100%;padding-right:60px}.resume-modal-title{margin-bottom:6px;font-size:18px}.completion-message{margin-bottom:8px;font-size:11px}.template-selector{align-items:center;gap:6px;width:100%;display:flex}.template-btn{margin-right:.5rem;padding:5px 22px;font-size:11px}.resume-download-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-top:0;padding:0;display:flex;right:6px}.resume-download-btn .download-text{display:none}.resume-download-btn svg{width:20px;height:20px;margin:0!important}.resume-modal-content{max-height:65vh}.resume-content:not(.pdf-generation){padding:16px;font-size:11px}.resume-header{margin-bottom:12px;padding-bottom:12px}.resume-name{margin-bottom:6px;font-size:20px}.resume-contact-info{flex-direction:column;align-items:flex-start;gap:8px;font-size:10px}.resume-social-links{gap:8px;font-size:10px}.resume-section{margin-bottom:16px}.resume-section-title{margin-bottom:8px;font-size:14px}.resume-summary-text{font-size:11px;line-height:1.5}.resume-skill-item{flex-direction:column;align-items:flex-start;gap:4px;padding:6px 0}.resume-skill-name{font-size:12px}.resume-skill-right{flex-wrap:wrap;gap:6px}.resume-skill-level{font-size:10px}.resume-skill-experience{padding:2px 8px;font-size:10px}.resume-experience-header{flex-direction:column;gap:4px}.resume-experience-role{font-size:12px}.resume-experience-company{font-size:11px}.resume-date-badge{align-self:flex-start;padding:3px 8px;font-size:10px}.resume-experience-description{font-size:11px;line-height:1.4}.resume-project-tech{margin:6px 0;font-size:11px}.resume-education-header{flex-direction:column;gap:4px}.resume-education-degree{font-size:12px}.resume-education-institution,.resume-education-grade{font-size:11px}.resume-side-column{border-left:none;padding-left:0}.template-2 .resume-content{padding:16px;font-size:11px}.template-2 .resume-header-2{flex-direction:column;margin-bottom:16px;padding-bottom:12px}.template-2 .resume-right-column{text-align:left;margin-top:8px}.template-2 .resume-name-2{font-size:22px}.template-2 .resume-title-2{font-size:13px}.template-2 .resume-contact-2 p{font-size:11px}.template-2 .resume-summary-2{margin-bottom:16px}.template-2 .resume-summary-2 p{font-size:11px}.template-2 .resume-section-title-2{margin-bottom:10px;font-size:13px}.template-2 .skill-item-2{flex-direction:column;align-items:flex-start;gap:4px;padding:6px 0}.template-2 .skill-name-2{font-size:12px}.template-2 .skill-details-2{font-size:10px}.template-2 .education-item-2 h4,.template-2 .experience-item-2 h4,.template-2 .project-item-2 h4{font-size:12px}.template-2 .education-item-2 p,.template-2 .experience-item-2 p,.template-2 .project-item-2 p{font-size:11px}.resumeHeader-action-btn{flex-direction:column;gap:1rem}.resume-header-right{gap:.5rem;width:100%;margin-top:0!important}}.gh-backdrop{z-index:9999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.gh-modal{text-align:center;width:min(440px,90vw);font-family:var(--font-body-alt);opacity:0;background:#fff;border-radius:20px;padding:max(20px,min(5vw,34px)) max(16px,min(4vw,28px));transition:all .3s;position:relative;transform:scale(.7);box-shadow:0 18px 35px #00000026}.gh-modal-visible{opacity:1;transform:scale(1)}.gh-close{cursor:pointer;color:#444;background:0 0;border:none;font-size:26px;transition:color .2s;position:absolute;top:12px;right:16px}.gh-close:hover{color:#000}.gh-hero{height:max(80px,min(15vw,120px));margin-bottom:10px;position:relative}.gh-circle{background:#4c8fff;border-radius:50%;width:max(60px,min(12vw,90px));height:max(60px,min(12vw,90px));animation:3s ease-in-out infinite float;position:absolute;top:10px;left:calc(50% - max(30px,min(6vw,45px)))}.gh-circle.small{background:#ffb14c;width:max(25px,min(5vw,40px));height:max(25px,min(5vw,40px));animation-delay:.5s;top:max(30px,min(6vw,45px));left:calc(50% + max(25px,min(5vw,40px)))}.gh-title{margin:0;font-size:max(20px,min(5vw,26px));font-weight:700}.gh-title span{color:#4c8fff}.gh-subtitle{color:#666;margin-top:6px;font-size:max(13px,min(3vw,15px))}.gh-text{color:#444;margin:max(15px,min(4vw,20px)) 0;font-size:max(13px,min(3vw,15px));line-height:1.5}.gh-profile-completion{background:#f8f9fa;border-radius:12px;margin:max(15px,min(4vw,20px)) 0;padding:max(12px,min(3vw,16px))}.gh-completion-header{justify-content:space-between;margin-bottom:8px;display:flex}.gh-completion-label{color:#495057;font-size:max(12px,min(3vw,14px))}.gh-completion-percentage{color:#4c8fff;font-size:max(12px,min(3vw,14px));font-weight:600}.gh-progress-bar{background:#e9ecef;border-radius:4px;height:8px}.gh-progress-fill{background:#ff4c4c;border-radius:4px;height:100%;transition:width .3s}.gh-primary-btn{color:#fff;background:#4c8fff;border-radius:10px;margin-top:8px;padding:max(10px,min(2.5vw,12px)) max(16px,min(4vw,20px));font-size:max(13px,min(3vw,15px));font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.gh-primary-btn:hover{background:#3a6fe0}.gh-footer-note{color:#555;margin-top:max(15px,min(4vw,20px));font-size:max(12px,min(3vw,14px))}@media (max-width:480px){.gh-backdrop{padding:10px}.gh-modal{border-radius:15px}.gh-close{font-size:22px;top:8px;right:12px}}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}.signup-recruiter-modal{max-width:400px}.signup-landing{min-height:100vh;font-family:var(--font-body-alt);background:linear-gradient(135deg,#1e3a5f 0%,#4a90e2 50%,#87ceeb 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.signup-landing:before{content:"";background:radial-gradient(circle,#ffffff1a 1px,#0000 1px) 0 0/50px 50px;width:200%;height:200%;animation:20s ease-in-out infinite float;position:absolute;top:-50%;left:-50%}.signup-container{text-align:center;z-index:1;width:100%;max-width:1200px;position:relative}.animate-fade-up{opacity:0;transition:all .8s;transform:translateY(30px)}.animate-fade-up-delay{opacity:0;transition:all .8s .3s;transform:translateY(30px)}.signup-landing.visible .animate-fade-up,.signup-landing.visible .animate-fade-up-delay{opacity:1;transform:translateY(0)}.signup-header{justify-content:center;margin-bottom:20px;display:flex}.logo-landing{object-fit:contain;background:#fff;border-radius:15px;width:150px;height:auto;padding:10px;box-shadow:0 4px 15px #0000001a}.role-selection h2{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:25px;font-size:max(1.2rem,min(2vw,1.2rem));font-weight:600}.role-cards{grid-template-columns:repeat(2,1fr);gap:25px;max-width:600px;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:0 20px;display:grid}.role-card{cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;text-align:center;aspect-ratio:1;background:#fffffff2;border:2px solid #1e3a5f33;border-radius:20px;flex-direction:column;justify-content:center;padding:20px 15px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.8s forwards slideUp;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}.role-card:first-child{animation-delay:.6s}.role-card:nth-child(2){animation-delay:.8s}.role-card:before{content:"";background:linear-gradient(90deg,#0000,#4a90e233,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.role-card:hover:before{left:100%}.role-card:hover,.role-card.hovered{border-color:#4a90e2;transform:translateY(-15px)scale(1.02);box-shadow:0 25px 50px #1e3a5f4d}.card-icon{margin-bottom:10px;font-size:2.5rem;animation:2s infinite bounce;display:block}.role-card h3{color:#1e3a5f;margin-bottom:15px;font-size:max(1rem,min(2vw,1.2rem));font-weight:700}.role-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a5f 0%,#4a90e2 100%);border:none;border-radius:25px;width:100%;padding:10px 20px;font-size:max(.8rem,min(1.5vw,.9rem));font-weight:600;transition:all .3s;position:relative;overflow:hidden}.role-card button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.role-card button:hover:before{left:100%}.role-card button:hover{transform:scale(1.05);box-shadow:0 15px 30px #4a90e266}@media (max-width:768px){.signup-landing{min-height:100vh;min-height:100dvh;padding:10px}.signup-container{flex-direction:column;justify-content:space-between;height:100%;display:flex}.role-cards{gap:12px;max-width:400px;padding:0 10px}.role-card{aspect-ratio:1.2}.legal-links{margin-top:8px}.separator{display:none}}@media (max-width:480px){.role-cards{grid-template-columns:1fr;gap:10px;max-width:280px}.role-selection h2{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:25px;font-size:max(1.5rem,min(3vw,1rem));font-weight:600}.links-container{gap:8px}.legal-link{padding:2px 6px;font-size:.65rem}.separator{display:inline}}.legal-links{margin-top:5px;padding:3px}.animate-fade-up-delay-2{opacity:0;transition:all .8s .6s;transform:translateY(30px)}.signup-landing.visible .animate-fade-up-delay-2{opacity:1;transform:translateY(0)}.links-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}.legal-link{color:#fffc;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:2px 6px;font-size:.6rem;font-weight:400;text-decoration:none;transition:all .3s}.legal-link:hover{color:#ffffffe6;background:#ffffff0d}.separator{color:#ffffff80;margin:0 3px;font-size:.6rem}.pagination-container{border-top:1px solid var(--border-color-light);font-family:var(--font-body-alt);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:20px 0;display:flex}.pagination-rows-selector{color:var(--text-color);background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:12px;min-width:180px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.pagination-rows-selector label{white-space:nowrap;color:var(--text-color);font-weight:600}.pagination-select{border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);min-width:70px;color:var(--text-color);cursor:pointer;transition:var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23666' d='M7 10L3 6h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding:8px 32px 8px 12px;font-size:14px;font-weight:600;box-shadow:0 1px 2px #0000000d}.pagination-select:hover{border-color:var(--btn-bg);background-color:var(--bg-color);box-shadow:0 2px 4px #0000001a}.pagination-select:focus{border-color:var(--btn-bg);box-shadow:0 0 0 3px var(--highlight-bg), 0 2px 4px #0000001a;outline:none}.pagination-info{color:var(--text-color);text-align:center;white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:500}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-pages{align-items:center;gap:4px;display:flex}.pagination-btn{min-width:32px;height:32px;color:var(--text-color);font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0 8px;font-weight:500;display:flex}.pagination-btn-nav{color:var(--muted-text)}.pagination-btn-nav:hover:not(:disabled){background:var(--card-bg);color:var(--text-color)}.pagination-btn-nav:active:not(:disabled){background:var(--surface-bg);transform:scale(.96)}.pagination-btn-nav:disabled{color:var(--border-color);cursor:not-allowed;opacity:.5}.pagination-btn-page{min-width:32px}.pagination-btn-page:hover:not(.pagination-btn-active){background:var(--card-bg)}.pagination-btn-page:active:not(.pagination-btn-active){background:var(--surface-bg)}.pagination-btn-active{font-weight:700;transform:scale(1.05);box-shadow:0 2px 8px #007aff4d;background:var(--btn-bg)!important;color:#fff!important;border:2px solid var(--btn-bg)!important}.pagination-btn-active:hover{box-shadow:0 3px 10px #007aff66;background:var(--btn-hover)!important;border-color:var(--btn-hover)!important}.pagination-ellipsis{width:32px;height:32px;color:var(--muted-text);letter-spacing:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}@media (max-width:768px){.pagination-container{flex-flow:column;justify-content:center;align-items:stretch;gap:12px;min-height:auto;padding:12px 8px}.pagination-rows-selector{display:none}.pagination-controls{flex-shrink:0;order:1;justify-content:center;align-self:center;gap:4px}.pagination-info{text-align:center;white-space:nowrap;min-width:0;text-overflow:unset;order:2;margin-top:4px;font-size:12px;overflow:visible}.pagination-btn{min-width:36px;height:36px;padding:0 6px;font-size:13px}.pagination-btn-nav{min-width:36px}.pagination-pages{gap:2px}.pagination-ellipsis{width:36px;height:36px;font-size:14px}}@media (max-width:480px){.pagination-container{gap:8px;padding:8px 4px}.pagination-info{margin-top:6px;font-size:11px}.pagination-btn{min-width:32px;height:32px;padding:0 4px;font-size:12px}.pagination-btn-nav{min-width:32px}.pagination-ellipsis{width:32px;height:32px;font-size:12px}.pagination-controls{gap:2px}.pagination-pages{gap:1px}}.admin-pagination-container{border-top:1px solid var(--border-color-light);justify-content:space-between;align-items:center;margin-top:20px;padding:16px 0;display:flex}.admin-pagination-info{color:var(--muted-text);margin:0;font-size:14px;font-weight:500}.admin-pagination{align-items:center;gap:4px;display:flex}.admin-page-btn{border:1px solid var(--border-color);background:var(--bg-color);width:32px;height:32px;color:var(--text-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.admin-page-btn:hover:not(:disabled){background:var(--card-bg);border-color:var(--btn-bg)}.admin-page-btn:disabled{color:var(--border-color);cursor:not-allowed;background:var(--card-bg);opacity:.5}.admin-page-active{box-shadow:var(--shadow-sm);background:var(--btn-bg)!important;color:var(--text-on-primary)!important;border-color:var(--btn-bg)!important}.admin-page-active:hover{background:var(--btn-hover)!important;border-color:var(--btn-hover)!important}.admin-page-ellipsis{width:32px;height:32px;color:var(--muted-text);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}@media (max-width:768px){.admin-pagination-container{flex-direction:column;align-items:flex-start;gap:12px}.admin-pagination{align-self:flex-end}}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;margin-bottom:1rem;animation:1s linear infinite spin}.loading-spinner.sm{border-width:2px;width:20px;height:20px}.loading-spinner.md{border-width:3px;width:32px;height:32px}.loading-spinner.lg{border-width:4px;width:40px;height:40px}.loading-spinner.xl{border-width:5px;width:56px;height:56px}.loading-spinner.xxl{border-width:6px;width:72px;height:72px}.loading-spinner-center{justify-content:center;align-items:center;width:100%;min-height:200px;display:flex}.signup-prompt-modal{width:-moz-fit-content;width:fit-content;max-width:400px}.signup-prompt-modal .modal-content{padding:0}.signup-prompt-content{text-align:center;padding:25px 20px}.signup-prompt-icon{margin-bottom:20px;font-size:60px;animation:2s ease-in-out infinite wave}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.signup-prompt-title{color:var(--text-color);margin-bottom:8px;font-size:22px;font-weight:700}.signup-prompt-subtitle{color:#666;margin-bottom:18px;font-size:14px}.signup-prompt-benefits{text-align:left;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:12px;margin-bottom:18px;padding:14px}.benefit-item{color:var(--text-color);align-items:center;gap:8px;margin-bottom:9px;font-size:13px;display:flex}.benefit-item:last-child{margin-bottom:0}.benefit-icon{color:#667eea;flex-shrink:0;font-size:14px}.signup-prompt-actions{flex-direction:column;gap:9px;margin-bottom:14px;display:flex}.btn-primary-prompt{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:11px 16px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.btn-primary-prompt:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary-prompt{color:#667eea;cursor:pointer;background:0 0;border:2px solid #667eea;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .3s}.btn-secondary-prompt:hover{color:#fff;background:#667eea}.signup-prompt-divider{text-align:center;margin:14px 0;position:relative}.signup-prompt-divider:before{content:"";background:#ddd;height:1px;position:absolute;top:50%;left:0;right:0}.signup-prompt-divider span{color:#999;background:#fff;padding:0 10px;font-size:12px;position:relative}.social-login-buttons{justify-content:center;display:flex}.social-btn{border:1px solid var(--border-color);cursor:pointer;color:#333;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.social-btn:hover{background:#f8f9fa;box-shadow:0 1px 6px #2021241a}.social-icon{width:14px;height:14px}.login-required-modal{width:-moz-fit-content;width:fit-content;max-width:400px}.login-required-modal .modal-content{padding:0}.login-required-content{text-align:center;padding:20px 30px}.login-required-icon{margin-bottom:20px;font-size:50px}.login-required-title{color:var(--text-color);margin:12px 0;font-size:20px;font-weight:700}.login-required-benefits{text-align:left;background:linear-gradient(135deg,#ffeaa7 0%,#fdcb6e 100%);border-radius:12px;margin-bottom:15px;padding:12px 20px}.benefits-intro{color:#2d3436;margin-bottom:10px;font-size:15px;font-weight:600}.login-required-actions{flex-direction:column;gap:10px;display:flex}.btn-primary-login{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.btn-primary-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary-login{color:#667eea;cursor:pointer;background:0 0;border:none;margin-bottom:6px;padding:10px;font-size:14px;font-weight:500;text-decoration:underline;transition:opacity .2s}.btn-secondary-login:hover{opacity:.8}.login-divider{text-align:center;margin-bottom:20px;position:relative}.login-divider:before{content:"";background:#ddd;height:1px;position:absolute;top:50%;left:0;right:0}.login-divider span{color:#999;background:#fff;padding:0 15px;font-size:12px;position:relative}.social-login-buttons-compact{justify-content:center;display:flex}.social-btn-compact{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:280px;padding:12px 24px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.social-btn-compact:hover{border-color:#4285f4;transform:translateY(-1px);box-shadow:0 2px 8px #4285f433}.social-btn-compact img{width:20px;height:20px}.social-proof-toast{z-index:9999;opacity:0;background:#fff;border-radius:12px;align-items:center;gap:16px;max-width:380px;padding:16px 20px;animation:.4s forwards slideUp;display:flex;position:fixed;bottom:20px;right:20px;transform:translateY(20px);box-shadow:0 8px 30px #00000026}.toast-close-btn{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:8px;right:8px}.toast-close-btn:hover{color:#333}.toast-content{flex:1;align-items:center;gap:12px;display:flex}.toast-icon{color:#ff6b6b;font-size:28px;animation:2s ease-in-out infinite pulse}.toast-text{flex:1}.toast-title{color:#2d3436;margin-bottom:2px;font-size:14px}.toast-title strong{color:#ff6b6b;font-weight:700}.toast-subtitle{color:#636e72;font-size:12px}.toast-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.toast-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.mobile-right-group{align-items:center;gap:12px;display:none}.mobile-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s;display:none;box-shadow:0 2px 8px #667eea4d}.mobile-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (max-width:768px){.mobile-right-group{display:flex}.mobile-login-btn{display:block}.signup-prompt-modal,.login-required-modal{width:95vw;max-width:95vw}.signup-prompt-content{padding:30px 20px}.signup-prompt-title{font-size:24px}.social-login-buttons{flex-direction:column}.social-btn{justify-content:center;width:100%}.social-proof-toast{max-width:none;bottom:10px;left:10px;right:10px}.toast-action-btn{padding:6px 12px;font-size:12px}}body.dark-mode .signup-prompt-content,body.dark-mode .login-required-content{background:var(--bg-color);color:var(--text-color)}body.dark-mode .signup-prompt-title,body.dark-mode .login-required-title,body.dark-mode .benefit-item{color:var(--text-color)}body.dark-mode .signup-prompt-subtitle,body.dark-mode .toast-subtitle{color:#999}body.dark-mode .signup-prompt-benefits,body.dark-mode .login-required-benefits{background:#667eea1a}body.dark-mode .social-btn,body.dark-mode .social-btn-compact{color:var(--text-color);background:#ffffff0d;border-color:#ffffff1a}body.dark-mode .social-btn:hover,body.dark-mode .social-btn-compact:hover{background:#ffffff1a;border-color:#fff3}body.dark-mode .social-proof-toast{background:var(--card-bg);box-shadow:0 8px 30px #00000080}body.dark-mode .toast-title{color:var(--text-color)}body.dark-mode .signup-prompt-divider span,body.dark-mode .login-divider span{background:var(--bg-color)}.contact-us-modal.modal-wrapper{width:90%!important;max-width:600px!important}.contact-modal-form{flex-direction:column;gap:1.25rem;display:flex}.contact-modal-info{background:var(--bg-color);color:#555;border-radius:6px;padding:.875rem;font-size:.875rem}.contact-modal-info p{color:var(--text-color);margin:.25rem 0}.contact-modal-group{flex-direction:column;gap:.5rem;display:flex}.contact-modal-group label{color:var(--text-color);font-size:.9rem;font-weight:600}.contact-modal-group input,.contact-modal-group textarea{border:1px solid #ddd;border-radius:6px;padding:.75rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.contact-modal-group input:focus,.contact-modal-group textarea:focus{border-color:#667eea;outline:none}.contact-modal-group textarea{resize:vertical;min-height:120px}.contact-modal-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:.875rem;font-size:1rem;font-weight:600;transition:transform .2s}.contact-modal-submit:hover:not(:disabled){transform:translateY(-2px)}.contact-modal-submit:disabled{opacity:.6;cursor:not-allowed}.webinar-home-screen{min-height:100vh;position:relative;overflow-x:hidden}.webinar-home-screen:before{content:"";pointer-events:none;background:radial-gradient(circle,#4285f414 0%,#0000 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:-400px;right:-400px}.webinar-home-content{padding:var(--space-4) var(--space-3);z-index:1;margin:0 20px;position:relative}.webinar-hero-section{text-align:center;margin-bottom:var(--space-2)}.webinar-hero-title{font-size:var(--font-size-xl);background:linear-gradient(135deg, var(--text-color) 0%, var(--link-color) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-1);letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1.2}.webinar-hero-subtitle{font-size:var(--font-size-sm);color:var(--muted-text);max-width:700px;margin:0 auto var(--space-1);line-height:1.6}.webinar-main-layout{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:2fr 1fr;display:grid}.webinar-left-panel{gap:var(--space-4);flex-direction:column;display:flex}.webinar-right-panel{flex-direction:column;display:flex}.webinar-action-card-compact{background:var(--card-bg);border:1px solid var(--border-color-light);border-radius:var(--radius-md);padding:var(--space-4);transition:var(--transition-smooth);box-shadow:var(--shadow-sm)}.webinar-card-header{gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.webinar-card-icon-wrapper{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.webinar-card-content{flex:1}.webinar-card-description{font-size:var(--font-size-sm);color:var(--muted-text);line-height:1.4}.webinar-feature-badge{padding:4px var(--space-2);background:var(--success-light);color:var(--success-color);border-radius:var(--radius-sm);align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.webinar-landing-action-btn{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-smooth);border:none;font-weight:600}.webinar-landing-host-btn{background:linear-gradient(135deg, var(--btn-bg), #0a84ff);color:#fff}.webinar-landing-host-btn:hover{background:linear-gradient(135deg, var(--btn-bg), #004e9c);transform:translateY(-1px)}.webinar-landing-join-btn{background:linear-gradient(135deg, var(--success-color), var(--hero-green));color:#fff}.webinar-landing-join-btn:hover{background:linear-gradient(135deg,#e081e9 0%,#e3455a 100%);transform:translateY(-1px)}.webinar-landing-join-btn:disabled{background:var(--success-color);color:var(--bg-color);cursor:not-allowed;transform:none}.webinar-room-code-input{width:100%;padding:var(--space-2);background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:var(--font-size-sm);transition:var(--transition-smooth);text-align:center;text-transform:uppercase}.webinar-features-showcase{text-align:center;margin-top:var(--space-5)}.webinar-showcase-title{font-size:var(--font-size-lg);color:var(--text-color);margin-bottom:var(--space-4);font-weight:700}.webinar-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.webinar-feature-icon-box{border-radius:var(--radius-md);width:56px;height:56px;margin:0 auto var(--space-3);color:#fff;justify-content:center;align-items:center;display:flex}@media (max-width:1024px){.webinar-main-layout{gap:var(--space-4);grid-template-columns:1fr}.webinar-hero-title{font-size:var(--font-size-xl)}.webinar-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.webinar-home-content{padding:var(--space-3) var(--space-2);margin:0 10px}.webinar-main-layout{gap:var(--space-3);grid-template-columns:1fr}.webinar-hero-title{font-size:var(--font-size-lg);line-height:1.3}.webinar-hero-subtitle{font-size:var(--font-size-md);padding:0 var(--space-2)}.webinar-features-grid{gap:var(--space-3);grid-template-columns:1fr}.webinar-card-header{gap:var(--space-2);flex-direction:row;align-items:flex-start}.webinar-card-icon-wrapper{flex-shrink:0;width:40px;height:40px}.webinar-card-title{font-size:var(--font-size-md)}.webinar-card-description{font-size:var(--font-size-sm)}.webinar-action-card-compact{padding:var(--space-3)}.webinar-feature-badge{padding:3px var(--space-1);font-size:.65rem}.webinar-landing-action-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}}@media (max-width:480px){.webinar-home-content{padding:var(--space-2) var(--space-1);margin:0 5px}.webinar-hero-section{margin-bottom:var(--space-3)}.webinar-hero-title{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.webinar-hero-subtitle{font-size:var(--font-size-sm);padding:0 var(--space-1)}.webinar-main-layout,.webinar-action-cards-compact{gap:var(--space-2)}.webinar-action-card-compact{padding:var(--space-2)}.webinar-card-header{text-align:center;gap:var(--space-2);flex-direction:column}.webinar-card-icon-wrapper{align-self:center;width:36px;height:36px}.webinar-card-content{text-align:center}.webinar-card-title{font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.webinar-card-description{font-size:.8rem;line-height:1.3}.webinar-card-features{justify-content:center;gap:var(--space-1);margin-bottom:var(--space-2)}.webinar-feature-badge{padding:2px 6px;font-size:.6rem}.webinar-landing-action-btn{padding:var(--space-2);font-size:.85rem}.webinar-room-code-input{padding:var(--space-2);font-size:var(--font-size-sm)}.webinar-input-label-small{font-size:.7rem}.webinar-features-showcase{margin-top:var(--space-4)}.webinar-showcase-title{font-size:var(--font-size-md);margin-bottom:var(--space-3)}.webinar-feature-card{padding:var(--space-2)}.webinar-feature-icon-box{width:40px;height:40px;margin-bottom:var(--space-2)}.webinar-feature-card h4{font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.webinar-feature-card p{font-size:.8rem}}@media (max-width:360px){.webinar-home-content{padding:var(--space-2) var(--space-1);margin:0}.webinar-hero-title{font-size:var(--font-size-md)}.webinar-hero-subtitle{font-size:.8rem}.webinar-action-card-compact{padding:var(--space-2)}.webinar-card-title{font-size:.9rem}.webinar-card-description{font-size:.75rem}.webinar-landing-action-btn{padding:10px;font-size:.8rem}}.webinar-status-section,.webinar-others-section,.webinar-combined-section{background:var(--card-bg);border:1px solid var(--border-color-light);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:var(--space-4)}.webinar-tabs-header{gap:var(--space-1);margin-bottom:var(--space-2);border-bottom:2px solid var(--border-color-light);display:flex}.webinar-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--muted-text);font-size:var(--font-size-md);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-weight:600;display:flex}.webinar-tab:hover{color:var(--link-color)}.webinar-tab.active{color:var(--link-color);border-bottom-color:var(--link-color)}.webinar-tab-content{min-height:200px}.webinar-sub-tabs{gap:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-color-light);display:flex}.webinar-sub-tab{padding:var(--space-2) var(--space-3);color:var(--muted-text);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:600}.webinar-sub-tab:hover{color:var(--link-color)}.webinar-sub-tab.active{color:var(--link-color);border-bottom-color:var(--link-color)}.webinar-completed-badge{padding:2px var(--space-2);color:#6b7280;border-radius:var(--radius-sm);background:#6b72801a;font-size:.7rem;font-weight:600}.webinar-registered-badge{padding:2px var(--space-2);color:#10b981;border-radius:var(--radius-sm);background:#10b9811a;font-size:.7rem;font-weight:600}.webinar-view-more-btn{width:100%;padding:var(--space-2);margin-top:var(--space-3);background:var(--surface-bg);border:1px solid var(--border-color);color:var(--link-color);font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:var(--transition-smooth);cursor:pointer;font-weight:600}.webinar-view-more-btn:hover{background:var(--highlight-bg);border-color:var(--link-color)}.webinar-status-list,.webinar-others-list{gap:var(--space-2);flex-direction:column;display:flex}.webinar-status-list.scrollable,.webinar-others-list.scrollable{max-height:500px;padding-right:var(--space-2);overflow-y:auto}.webinar-status-list.scrollable::-webkit-scrollbar{width:6px}.webinar-others-list.scrollable::-webkit-scrollbar{width:6px}.webinar-status-list.scrollable::-webkit-scrollbar-track{background:var(--surface-bg);border-radius:3px}.webinar-others-list.scrollable::-webkit-scrollbar-track{background:var(--surface-bg);border-radius:3px}.webinar-status-list.scrollable::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.webinar-others-list.scrollable::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.webinar-status-list.scrollable::-webkit-scrollbar-thumb:hover{background:var(--muted-text)}.webinar-others-list.scrollable::-webkit-scrollbar-thumb:hover{background:var(--muted-text)}.webinar-status-item{padding:var(--space-3);background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition-smooth)}.webinar-status-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.webinar-status-info{margin-right:var(--space-3);flex:1}.webinar-status-actions{gap:var(--space-2);flex-shrink:0;align-items:center;display:flex}.webinar-other-item{padding:var(--space-3);background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition-smooth);justify-content:space-between;align-items:center;display:flex}.webinar-status-item:hover,.webinar-other-item:hover{background:var(--highlight-bg);border-color:var(--link-color);transform:translateY(-1px)}.webinar-other-topic,.webinar-status-topic{font-size:var(--font-size-sm);color:var(--text-color);margin:0 0 var(--space-1) 0;word-break:break-word;font-weight:600;line-height:1.3}.webinar-status-badge{align-items:center;gap:var(--space-1);padding:4px var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:600;display:flex}.webinar-start-btn{align-items:center;gap:var(--space-1);padding:6px var(--space-3);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;border:none;font-size:.75rem;font-weight:600;display:flex}.webinar-start-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.webinar-join-btn-small{padding:6px var(--space-3);background:var(--success-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;border:none;width:80px;height:32px;font-size:.75rem;font-weight:600}.webinar-join-btn-small:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.webinar-control-button-small{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;padding:8px;display:flex}.webinar-control-button-small:hover{background:var(--highlight-bg);border-color:var(--link-color)}.webinar-control-button-small.active{background:var(--link-color);color:#fff;border-color:var(--link-color)}.webinar-other-details{align-items:center;gap:var(--space-3);margin:var(--space-1) 0;flex-wrap:wrap;display:flex}.webinar-other-date,.webinar-other-duration,.webinar-other-room{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--muted-text);display:flex}.webinar-other-room{background:var(--highlight-bg);padding:2px var(--space-2);border-radius:var(--radius-sm);color:var(--link-color);font-weight:600}.webinar-status-date,.webinar-registration-count,.webinar-other-host{font-size:var(--font-size-sm);color:var(--muted-text);margin:0}.webinar-registration-count{align-items:center;gap:var(--space-1);margin-top:var(--space-1);display:flex}.webinar-action-cards-compact{gap:var(--space-3);flex-direction:column;display:flex}.webinar-action-card-compact{background:var(--card-bg);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--space-3);transition:var(--transition-smooth);position:relative;overflow:hidden}.webinar-action-card-compact:hover{box-shadow:var(--shadow-md);border-color:var(--border-color);transform:translateY(-2px)}.webinar-action-card-compact .webinar-card-icon-wrapper{width:48px;height:48px;margin-bottom:var(--space-3)}.webinar-action-card-compact .webinar-card-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.webinar-action-card-compact .webinar-card-content{flex-direction:column;flex:1;display:flex}.webinar-action-card-compact .webinar-card-title{font-size:var(--font-size-lg);color:var(--text-color);margin:0 0 var(--space-1) 0;font-weight:700;line-height:1.3}.webinar-action-card-compact .webinar-card-description{font-size:var(--font-size-sm);color:var(--muted-text);margin:0;line-height:1.4}.webinar-action-card-compact .webinar-card-action-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:var(--transition-smooth);margin-top:var(--space-1);border:1px;align-self:flex-start;font-weight:600}.webinar-form-container-compact{background:var(--card-bg);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);width:100%;max-width:650px;padding:var(--space-4);box-shadow:var(--shadow-md)}.webinar-form-title{font-size:var(--font-size-xl);color:var(--text-color);margin-bottom:var(--space-3);text-align:center;font-weight:700}.webinar-form-grid{gap:var(--space-3);flex-direction:column;display:flex}.webinar-form-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.webinar-form-group{margin-bottom:0}.webinar-form-full-width{grid-column:1/-1}.webinar-form-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-md);color:var(--text-color);margin-bottom:var(--space-2);font-weight:600;display:flex}.webinar-form-input,.webinar-form-input[type=number]{width:100%;padding:var(--space-2);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:var(--font-size-sm);transition:var(--transition-smooth)}.webinar-form-input:focus{border-color:var(--link-color);box-shadow:0 0 0 2px #007aff1a}.webinar-form-textarea{width:100%;padding:var(--space-2);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:var(--font-size-sm);font-family:var(--font-body-alt);transition:var(--transition-smooth);resize:vertical;min-height:60px}.webinar-form-textarea:focus{border-color:var(--link-color);box-shadow:0 0 0 2px #007aff1a}.webinar-file-upload{position:relative}.webinar-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.webinar-file-label{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface-bg);border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--muted-text);transition:var(--transition-smooth);font-size:var(--font-size-sm);display:flex}.webinar-file-label:hover{border-color:var(--link-color);background:var(--highlight-bg);color:var(--text-color)}.webinar-form-actions{gap:var(--space-2);margin-top:var(--space-1);justify-content:flex-end;display:flex}.webinar-form-button-secondary{padding:var(--space-2) var(--space-4);background:var(--surface-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:var(--transition-smooth);margin-top:8px;font-weight:500}.webinar-form-button-secondary:hover{background:var(--highlight-bg);border-color:var(--link-color)}.webinar-form-button{padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-sm);border:1px var(--border-color);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-smooth);box-shadow:var(--shadow-sm);margin-top:8px;font-weight:500}.webinar-form-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.webinar-success-modal{max-width:450px!important}.webinar-modal-content{text-align:center;padding:var(--space-3)}.webinar-modal-icon{width:60px;height:60px;margin:0 auto var(--space-2);background:var(--highlight-bg);border-radius:50%;justify-content:center;align-items:center;display:flex}.webinar-modal-title{font-size:var(--font-size-lg);color:var(--text-color);margin-bottom:var(--space-2);font-weight:700}.webinar-modal-text{font-size:var(--font-size-sm);color:var(--muted-text)}.webinar-topic-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.webinar-countdown,.webinar-countdown-public{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--muted-text);display:flex}.countdown-timer{color:var(--link-color);background:var(--highlight-bg);padding:2px var(--space-1);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs)}.countdown-timer.expired{color:var(--success-color);background:#10b9811a;animation:2s infinite pulse}.webinar-start-btn:disabled,.webinar-join-btn-small:disabled{opacity:.5;cursor:not-allowed;transform:none}.webinar-start-btn:disabled:hover,.webinar-join-btn-small:disabled:hover{box-shadow:none;transform:none}.webinar-error-notification{color:#fff;z-index:10001;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:12px;align-items:center;gap:12px;min-width:400px;max-width:600px;padding:16px 24px;animation:.4s cubic-bezier(.68,-.55,.265,1.55) slideDown;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #f5576c66}.webinar-error-content{flex:1;align-items:center;gap:12px;display:flex}.webinar-error-icon{flex-shrink:0}.webinar-error-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.webinar-error-close:hover{background:#ffffff4d;transform:scale(1.1)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-30px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.webinar-validating-overlay{z-index:10002;color:#fff;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.webinar-validating-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.webinar-datetime{color:var(--muted-text);font-weight:500;font-size:var(--font-size-xs)}.webinar-modal-subtext{font-size:var(--font-size-sm);color:var(--muted-text);margin-bottom:var(--space-3)}.webinar-modal-actions{justify-content:center;display:flex}.webinar-modal-button{padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:var(--transition-smooth);box-shadow:var(--shadow-sm);border:1px;font-weight:600}.webinar-modal-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.webinar-action-cards{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.webinar-action-card{background:var(--card-bg);border:1px solid var(--border-color-light);border-radius:var(--radius-xl);padding:var(--space-4);transition:var(--transition-smooth);position:relative;overflow:hidden}.webinar-action-card:before{content:"";opacity:0;height:4px;transition:var(--transition-smooth);position:absolute;top:0;left:0;right:0}.webinar-action-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-color);transform:translateY(-4px)}.webinar-action-card:hover:before{opacity:1}.webinar-card-icon-wrapper{border-radius:var(--radius-lg);color:#fff;width:64px;height:64px;margin-bottom:var(--space-3);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.webinar-host-gradient{background:var(--gradient-primary)}.webinar-join-gradient{background:linear-gradient(135deg, var(--success-color), var(--hero-green))}.webinar-card-title{font-size:var(--font-size-xl);color:var(--text-color);margin-bottom:var(--space-2);font-weight:700}.webinar-card-description{color:var(--muted-text);font-size:var(--font-size-md);margin-bottom:var(--space-3);line-height:1.6}.webinar-card-features{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.webinar-feature-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--highlight-bg);border:1px solid var(--border-color);color:var(--link-color);border-radius:9999px;font-size:.75rem;font-weight:500;display:flex}.webinar-other-description{color:var(--muted-text);font-size:var(--font-size-sm);line-height:1.5}.webinar-description-toggle{color:var(--link-color);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:0;font-weight:600}.webinar-description-toggle:hover{color:var(--text-color)}.webinar-join-input-group{margin-bottom:var(--space-2)}.webinar-input-label-small{color:var(--muted-text);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;display:block}.webinar-room-code-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:var(--font-size-lg);text-align:center;text-transform:uppercase;letter-spacing:.2em;font-family:var(--font-body-alt);transition:var(--transition-smooth);font-weight:600}.webinar-room-code-input:focus{border-color:var(--success-color);box-shadow:0 0 0 4px #00997a1a}.webinar-card-action-btn{width:100%;padding:var(--space-3);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-md);transition:var(--transition-smooth);box-shadow:var(--shadow-md)}.webinar-host-btn{background:var(--gradient-primary);color:#fff}.webinar-host-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.webinar-features-showcase{margin-top:var(--space-5)}.webinar-showcase-title{text-align:center;font-size:var(--font-size-2xl);color:var(--text-color);margin-bottom:var(--space-4);font-weight:700}.webinar-features-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.webinar-feature-card{background:var(--surface-bg);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center;transition:var(--transition-smooth)}.webinar-feature-card:hover{background:var(--card-bg);border-color:var(--border-color);box-shadow:var(--shadow-md);transform:translateY(-4px)}.webinar-feature-icon-box{width:56px;height:56px;margin:0 auto var(--space-3);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;display:flex}.webinar-blue-box{background:linear-gradient(135deg, var(--hero-blue), #2563eb)}.webinar-purple-box{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.webinar-green-box{background:linear-gradient(135deg, var(--hero-green), #059669)}.webinar-orange-box{background:linear-gradient(135deg, var(--hero-yellow), #d97706)}.webinar-feature-card h4{font-size:var(--font-size-md);color:var(--text-color);margin-bottom:var(--space-2);font-weight:600}.webinar-feature-card p{font-size:var(--font-size-sm);color:var(--muted-text);line-height:1.5}.webinar-form-screen{background:var(--hero-bg);min-height:80vh;padding:var(--space-3) var(--space-2);justify-content:center;align-items:center;display:flex}.webinar-form-screen-joinWeb{background:var(--hero-bg,#f5f7fa);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.webinar-form-container-joinWeb{background:var(--card-bg,#fff);width:100%;max-width:480px;box-shadow:var(--shadow-lg,0 15px 40px #0000001a);border-radius:16px;padding:32px;animation:.4s fadeIn}.webinar-form-title-joinWeb{text-align:center;color:var(--text-color,#111);margin-bottom:24px;font-size:1.8rem;font-weight:700}.webinar-form-group-joinWeb{margin-bottom:18px}.webinar-form-label-joinWeb{color:var(--muted-text,#555);margin-bottom:6px;font-size:.95rem;font-weight:600;display:block}@media (max-width:1024px){.webinar-hero-title{font-size:var(--font-size-2xl)}.webinar-main-layout,.webinar-action-cards{grid-template-columns:1fr}.webinar-features-grid{grid-template-columns:repeat(2,1fr)}.webinar-form-row{grid-template-columns:1fr 1fr}.webinar-status-header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.webinar-status-actions{justify-content:flex-start;width:100%}}@media (max-width:768px){.webinar-hero-title{font-size:var(--font-size-xl)}.webinar-hero-subtitle{font-size:var(--font-size-md)}.webinar-main-layout{gap:var(--space-1);grid-template-columns:1fr}.webinar-features-grid{grid-template-columns:1fr}.webinar-form-screen{padding:var(--space-4) var(--space-3)}.webinar-form-container-compact{padding:var(--space-3)}.webinar-form-row{grid-template-columns:1fr}.webinar-tabs-header{gap:var(--space-1);flex-wrap:wrap}.webinar-tab{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.webinar-sub-tabs{flex-wrap:wrap}.webinar-sub-tab{padding:var(--space-1) var(--space-2);font-size:.8rem}.webinar-status-item,.webinar-other-item{padding:var(--space-2)}.webinar-status-header{flex-direction:column;align-items:flex-start}.webinar-status-actions{width:100%;margin-top:var(--space-2);justify-content:flex-start}.webinar-other-details{align-items:flex-start;gap:var(--space-1);flex-direction:column}.webinar-error-notification{min-width:300px;max-width:90vw;margin:0 var(--space-2)}}@media (max-width:480px){.webinar-home-content{padding:var(--space-4) var(--space-3)}.webinar-hero-title{font-size:var(--font-size-lg)}.webinar-action-card-compact{padding:var(--space-3)}.webinar-feature-icon-box{width:48px;height:48px}.webinar-form-container-compact{padding:var(--space-2);margin:var(--space-2)}.webinar-form-title{font-size:var(--font-size-lg)}.webinar-form-container-joinWeb{padding:var(--space-3);margin:var(--space-2)}.webinar-form-title-joinWeb{font-size:var(--font-size-lg)}.webinar-tabs-header{justify-content:center}.webinar-tab{text-align:center;flex:1;min-width:0}.webinar-status-topic,.webinar-other-topic{font-size:.85rem}.webinar-status-badge{padding:2px 6px;font-size:.65rem}.webinar-start-btn,.webinar-join-btn-small{padding:4px 8px;font-size:.7rem}.webinar-control-button-small{padding:6px}.webinar-error-notification{min-width:280px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.webinar-modal-content{padding:var(--space-2)}.webinar-modal-title{font-size:var(--font-size-md)}.webinar-modal-text{font-size:.8rem}}@media (max-width:360px){.webinar-form-container-compact,.webinar-form-container-joinWeb{padding:var(--space-2);margin:var(--space-1)}.webinar-status-section,.webinar-others-section,.webinar-combined-section{padding:var(--space-2)}.webinar-tab{padding:6px 8px;font-size:.75rem}.webinar-sub-tab{padding:4px 6px;font-size:.7rem}.webinar-status-item,.webinar-other-item{padding:var(--space-1)}.webinar-error-notification{min-width:260px;padding:var(--space-1) var(--space-2)}}@media (hover:none) and (pointer:coarse){.webinar-landing-action-btn,.webinar-start-btn,.webinar-join-btn-small,.webinar-control-button-small{min-width:44px;min-height:44px}.webinar-tab,.webinar-sub-tab,.webinar-room-code-input{min-height:44px}}.webinar-live-topic-row{align-items:center;gap:var(--space-2);display:flex}.webinar-live-indicator{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.webinar-live-status{color:#10b981;font-weight:600}.webinar-join-live-btn{color:#fff!important;background:linear-gradient(135deg,#10b981,#059669)!important}.webinar-join-live-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important}.webinar-upcoming-item{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.webinar-upcoming-content{flex:1}.webinar-upcoming-actions{gap:var(--space-2);flex-direction:row;flex-shrink:0;align-items:flex-start;display:flex}.webinar-register-btn{padding:6px var(--space-3);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;border:none;width:80px;height:32px;font-size:.75rem;font-weight:600}.webinar-register-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width:768px){.webinar-upcoming-item{flex-direction:column;align-items:stretch}.webinar-upcoming-actions{margin-top:var(--space-2);flex-direction:row;justify-content:center;align-items:center}.webinar-register-btn,.webinar-join-btn-small{text-align:center;width:80px;height:32px}}.webinar-screen{background:var(--bg-color);flex-direction:column;height:100vh;display:flex}.webinar-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color-light);box-shadow:var(--shadow-sm);z-index:var(--z-sticky);background:#fffffff2}.webinar-header-top{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;display:flex}.webinar-header-center{flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.webinar-topic-header{flex-direction:column;display:flex}.webinar-topic-title{color:var(--text-color);align-items:center;margin:0;font-size:1rem;font-weight:700}.webinar-session-duration{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);color:var(--text-color);font-weight:600;display:flex}.webinar-header-left{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.webinar-logo-link{transition:var(--transition-smooth);align-items:center;text-decoration:none;display:flex}.webinar-logo-link:hover{opacity:.8;transform:scale(1.05)}.webinar-logo{object-fit:contain;width:auto;height:45px}.webinar-logo-compact{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;font-weight:700;font-size:var(--font-size-sm);display:flex}.webinar-live-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--danger-color);font-size:var(--font-size-sm);color:#fff;border-radius:9999px;font-weight:700;display:flex;box-shadow:0 0 20px #ff4f4f66}.webinar-live-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.webinar-room-code-display{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex}.webinar-room-label{color:var(--muted-text);font-size:.75rem;font-weight:500}.webinar-room-code{font-family:Courier New,monospace;font-size:var(--font-size-md);letter-spacing:.15em;color:var(--link-color);font-weight:700}.webinar-copy-btn{padding:var(--space-1);background:var(--surface-bg);border-radius:var(--radius-sm);color:var(--muted-text);transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.webinar-copy-btn:hover{background:var(--card-bg);color:var(--text-color)}.webinar-header-right{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.webinar-participant-badge,.webinar-duration-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--highlight-bg);border:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--link-color);border-radius:9999px;font-weight:600;display:flex}.webinar-badge-label{color:var(--muted-text);font-weight:400}.webinar-leave-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--danger-color);font-weight:600;font-size:var(--font-size-sm);transition:var(--transition-smooth);background:#ff4f4f1a;border:1px solid #ff4f4f4d;display:flex}.webinar-leave-button:hover{background:#ff4f4f33;transform:translateY(-2px)}.webinar-stats-dashboard{gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-bg);border-bottom:1px solid var(--border-color-light);grid-template-columns:repeat(4,1fr);display:grid}.webinar-stat-card{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-color);border:1px solid var(--border-color-light);border-radius:var(--radius-md);transition:var(--transition-smooth);display:flex}.webinar-stat-card:hover{background:var(--card-bg);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.webinar-stat-icon-wrapper{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.webinar-blue-gradient{background:var(--gradient-primary)}.webinar-purple-gradient{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.webinar-green-gradient{background:linear-gradient(135deg, var(--success-color), var(--hero-green))}.webinar-orange-gradient{background:linear-gradient(135deg, var(--warning-color), #d97706)}.webinar-stat-info{flex:1;min-width:0}.webinar-listing-grid{gap:var(--space-4);display:grid}.webinar-other-topic-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.webinar-form-error{color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:6px;align-items:center;gap:8px;margin-bottom:20px;padding:12px;display:flex}.webinar-roomcode-hint{color:#666;margin-top:4px;font-size:12px;display:block}.webinar-roomcode-input{letter-spacing:2px;font-family:monospace}.webinar-stat-label{color:var(--muted-text);margin-bottom:2px;font-size:.6875rem;font-weight:500;line-height:1}.webinar-stat-value{font-size:var(--font-size-lg);color:var(--text-color);font-weight:700;line-height:1}.webinar-control-bar-compact{margin-right:var(--space-3);align-items:center;gap:8px;display:flex}.webinar-control-button-small{color:#424242;cursor:pointer;background:#ffffffe6;border:1px solid #0000001a;border-radius:6px;justify-content:center;align-items:center;width:40px;height:36px;transition:all .2s;display:flex;position:relative}.webinar-control-button-small:hover{background:var(--shadow-md);border-color:#0003;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.webinar-control-button-small.inactive{color:var(--danger-color);background:#ff4f4f1a;border-color:#ff4f4f4d}.webinar-control-button-small.active{color:var(--link-color);background:#007aff1a;border-color:#007aff4d}.webinar-notification-badge-small{background:var(--danger-color);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.webinar-main{background:var(--surface-bg);flex:1;display:flex;position:relative;overflow:hidden}.webinar-video-container{background:var(--bg-color);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.webinar-video-element{object-fit:contain;background:#000;width:100%;height:100%}.webinar-video-overlay{bottom:var(--space-4);left:var(--space-4);right:var(--space-4);pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.webinar-video-label-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-color);box-shadow:var(--shadow-md);background:#fffffff2;font-weight:600;display:flex}.webinar-badge-dot{background:var(--success-color);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.webinar-chat-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--border-color-light);width:400px;box-shadow:var(--shadow-md);background:#fffffff2;flex-direction:column;display:flex}.webinar-chat-header{padding:var(--space-3);border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;display:flex}.webinar-chat-header-left{align-items:center;gap:var(--space-3);display:flex}.webinar-chat-header h3{font-size:var(--font-size-lg);color:var(--text-color);font-weight:700}.webinar-message-count{min-width:24px;height:24px;padding:0 var(--space-2);background:var(--highlight-bg);border:1px solid var(--border-color);color:var(--link-color);border-radius:9999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.webinar-close-chat-btn{background:var(--surface-bg);width:32px;height:32px;color:var(--muted-text);border-radius:var(--radius-sm);transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.webinar-close-chat-btn:hover{background:var(--card-bg);color:var(--text-color)}.webinar-chat-messages{padding:var(--space-3);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.webinar-chat-messages::-webkit-scrollbar{width:6px}.webinar-chat-messages::-webkit-scrollbar-track{background:var(--surface-bg)}.webinar-chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.webinar-empty-chat-state{text-align:center;padding:var(--space-5) var(--space-4)}.webinar-empty-chat-icon{width:64px;height:64px;margin:0 auto var(--space-3);background:var(--surface-bg);border-radius:var(--radius-lg);color:var(--muted-text);justify-content:center;align-items:center;display:flex}.webinar-empty-chat-title{font-size:var(--font-size-lg);color:var(--text-color);margin-bottom:var(--space-2);font-weight:600}.webinar-empty-chat-text{font-size:var(--font-size-sm);color:var(--muted-text)}.webinar-chat-message{gap:var(--space-3);align-items:flex-start;display:flex}.webinar-message-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.webinar-message-content{flex:1;min-width:0}.webinar-message-header{align-items:center;gap:var(--space-2);margin-bottom:2px;display:flex}.webinar-message-sender{font-weight:600;font-size:var(--font-size-sm);color:var(--link-color)}.webinar-message-time{color:var(--muted-text);font-size:.6875rem}.webinar-message-text{color:var(--text-color);font-size:var(--font-size-sm);word-wrap:break-word;margin:0;line-height:1.4}.webinar-chat-input-container{padding:var(--space-3);border-top:1px solid var(--border-color-light);gap:var(--space-2);background:var(--surface-bg);display:flex}.webinar-chat-input{padding:var(--space-2) var(--space-3);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:var(--font-size-md);transition:var(--transition-smooth);flex:1}.webinar-chat-input:focus{border-color:var(--link-color);box-shadow:0 0 0 3px #007aff1a}.webinar-chat-input::placeholder{color:var(--muted-text)}.webinar-send-button{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);width:48px;height:48px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.webinar-send-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.webinar-send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1024px){.webinar-stats-dashboard{grid-template-columns:repeat(2,1fr)}.webinar-chat-panel{z-index:var(--z-modal);position:absolute;top:0;bottom:0;right:0}}@media (max-width:768px){.webinar-header-top{gap:var(--space-3);padding:var(--space-3);flex-direction:column}.webinar-header-left,.webinar-header-right{justify-content:space-between;width:100%}.webinar-control-bar-compact{gap:6px}.webinar-header{display:flex}.webinar-header-center{position:static;transform:none}.webinar-topic-title{text-align:center}.webinar-session-duration{justify-content:center;gap:.5rem;display:flex}.webinar-stats-dashboard{padding:var(--space-3);grid-template-columns:1fr}.webinar-control-bar{padding:var(--space-2) var(--space-3)}.webinar-control-group{flex-wrap:wrap;justify-content:center}.webinar-chat-panel{width:100%}.webinar-video-overlay{bottom:var(--space-3);left:var(--space-3);right:var(--space-3)}}@media (max-width:480px){.webinar-control-label{display:none}.webinar-control-button{padding:var(--space-2);min-width:60px}}.webinar-waiting-overlay{z-index:9999;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.webinar-waiting-modal{text-align:center;background-color:#fff;border-radius:12px;max-width:400px;padding:40px}.webinar-waiting-icon{color:#10b981;margin-bottom:20px}.webinar-participant-controls{gap:8px;margin-top:8px;display:flex}.webinar-participant-control-btn{color:#424242;cursor:pointer;background:#ffffffe6;border:1px solid #0000001a;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;transition:all .2s;display:flex}.webinar-participant-control-btn:hover{background:#fff;border-color:#0003;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.webinar-participant-control-btn.active{color:var(--link-color);background:#007aff1a;border-color:#007aff4d}.webinar-participant-control-btn.inactive{color:var(--danger-color);background:#ff4f4f1a;border-color:#ff4f4f4d}.webinar-loading-overlay,.webinar-session-ended-overlay{z-index:9999;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.webinar-loading-modal,.webinar-session-ended-modal{text-align:center;background-color:#fff;border-radius:12px;max-width:400px;padding:40px}.webinar-loading-icon{color:#3b82f6;margin-bottom:20px}.webinar-session-ended-icon{color:#ef4444;margin-bottom:20px}.webinar-modal-title{color:#1f2937;margin-bottom:10px;font-size:1.5rem;font-weight:600}.webinar-modal-text{color:#6b7280;margin-bottom:20px;font-size:.9375rem}.webinar-modal-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .2s}.webinar-modal-button:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.webinar-video-element-background{background-color:#000}.webinar-waiting-title{color:#1f2937;margin-bottom:10px;font-size:1.25rem;font-weight:600}.webinar-waiting-text{color:#6b7280;margin-bottom:20px}.webinar-waiting-dots{justify-content:center;gap:8px;display:flex}.webinar-waiting-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.webinar-waiting-dot:nth-child(2){animation-delay:.2s}.webinar-waiting-dot:nth-child(3){animation-delay:.4s}.webinar-autoplay-warning{color:#fff;z-index:9999;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:12px;align-items:center;gap:16px;min-width:400px;padding:16px 24px;animation:.3s ease-out slideDown;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #3b82f64d}.webinar-autoplay-content{flex:1;align-items:center;gap:12px;display:flex}.webinar-autoplay-icon{flex-shrink:0;animation:2s ease-in-out infinite pulse}.webinar-autoplay-enable{color:#2563eb;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .2s}.webinar-autoplay-enable:hover{background:#f0f9ff;transform:scale(1.05)}@media (max-width:768px){.webinar-autoplay-warning{min-width:90%;padding:12px 16px;top:70px}}.user-wallet-modal-width{max-width:400px}.user-wallet-container{max-width:1200px;margin:0 auto;padding:1rem}.user-wallet-page-header{margin-bottom:1rem}.user-wallet-page-header h1{color:var(--text-color);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.user-wallet-page-header p{color:var(--muted-text);font-size:.875rem}.user-wallet-main-grid{grid-template-columns:1fr 350px;gap:1rem;margin-bottom:1rem;display:grid}.user-wallet-features-section{flex-direction:column;gap:1rem;display:flex}.user-wallet-features-card{background:var(--card-bg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);transition:box-shadow var(--transition-smooth);border-radius:12px;height:100%;padding:1.5rem}.user-wallet-features-card:hover{box-shadow:var(--shadow-md)}.user-wallet-features-card h3{color:var(--text-color);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.user-wallet-features-list{flex-direction:column;gap:.75rem;display:flex}.user-wallet-feature-item{background:var(--surface-bg);transition:all var(--transition-smooth);border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.user-wallet-feature-item:hover{background:var(--highlight-bg)}.user-wallet-feature-text{color:var(--text-color);font-size:.875rem;font-weight:500}.user-wallet-feature-price{color:var(--link-color);font-size:.75rem;font-weight:600}.user-wallet-card-section{flex-direction:column;display:flex}.user-wallet-resume-card{background:var(--card-bg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);transition:box-shadow var(--transition-smooth);text-align:center;border-radius:12px;flex-direction:column;align-items:center;height:100%;padding:1.25rem;display:flex}.user-wallet-resume-card:hover{box-shadow:var(--shadow-md)}.user-wallet-resume-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.user-wallet-resume-icon{color:var(--link-color);font-size:1.25rem}.user-wallet-resume-header h3{color:var(--text-color);margin:0;font-size:1rem;font-weight:600}.user-wallet-balance-amount-small{color:var(--text-color);margin:.5rem 0 .125rem;font-size:1.75rem;font-weight:700}.user-wallet-balance-label-small{color:var(--muted-text);margin:0 0 1rem;font-size:.6875rem}.user-wallet-add-money-btn{background:var(--btn-bg);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-smooth);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;display:flex}.user-wallet-add-money-btn:hover{background:var(--btn-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-wallet-divider{background:var(--border-color-light);width:100%;height:1px;margin:1rem 0}.user-wallet-coins-list{width:100%}.user-wallet-coins-list-title{color:var(--text-color);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.8125rem;font-weight:600;display:flex}.user-wallet-coins-items{flex-direction:column;gap:.5rem;display:flex}.user-wallet-coins-item{background:var(--surface-bg);transition:all var(--transition-smooth);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.user-wallet-coins-item:hover{background:var(--highlight-bg)}.user-wallet-coins-item-label{color:var(--text-color);font-size:.75rem;font-weight:500}.user-wallet-coins-item-value{color:#f59e0b;font-size:.8125rem;font-weight:600}.user-wallet-coins-section-inline{flex-direction:column;gap:1rem;width:100%;display:flex}.user-wallet-modal-content{padding:1.25rem}.user-wallet-modal-title{color:var(--text-color);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.user-wallet-modal-body{margin-bottom:1rem}.user-wallet-modal-label{color:var(--text-color);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.user-wallet-recommended-label{color:var(--muted-text);margin:.75rem 0 .375rem;font-size:.6875rem;font-weight:400;display:block}.user-wallet-modal-footer{border-top:1px solid var(--border-color-light);gap:.75rem;padding-top:1rem;display:flex}.user-wallet-btn-cancel,.user-wallet-btn-process{cursor:pointer;transition:all var(--transition-smooth);border:none;border-radius:8px;flex:1;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600}.user-wallet-btn-cancel{background:var(--surface-bg);color:var(--text-color);border:1px solid var(--border-color-light)}.user-wallet-btn-cancel:hover:not(:disabled){background:var(--highlight-bg)}.user-wallet-btn-process{background:var(--btn-bg);color:#fff}.user-wallet-btn-process:hover:not(:disabled){background:var(--btn-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-wallet-btn-cancel:disabled,.user-wallet-btn-process:disabled{opacity:.5;cursor:not-allowed}.user-wallet-amount-options{grid-template-columns:repeat(3,1fr);gap:.375rem;margin-bottom:.75rem;display:grid}.user-wallet-amount-button{background:var(--surface-bg);border:1px solid var(--border-color-light);color:var(--text-color);cursor:pointer;transition:all var(--transition-smooth);border-radius:6px;padding:.5rem;font-size:.75rem;font-weight:500}.user-wallet-amount-button:hover{border-color:var(--link-color);background:var(--highlight-bg)}.user-wallet-amount-button.selected{background:var(--link-color);border-color:var(--link-color);color:#fff}.user-wallet-input-group{align-items:center;margin-bottom:.375rem;display:flex;position:relative}.user-wallet-input-prefix{color:var(--muted-text);font-size:.9375rem;font-weight:600;position:absolute;left:.875rem}.user-wallet-input-group input{border:2px solid var(--border-color-light);background:var(--card-bg);width:100%;color:var(--text-color);transition:all var(--transition-smooth);border-radius:8px;padding:.75rem .875rem .75rem 2.25rem;font-size:.9375rem}.user-wallet-input-group input:focus{border-color:var(--link-color);outline:none;box-shadow:0 0 0 3px #007aff1a}.user-wallet-payment-breakdown{background:var(--surface-bg);border-radius:8px;margin-top:1rem;padding:.875rem}.user-wallet-payment-breakdown h4{color:var(--text-color);margin:0 0 .5rem;font-size:.8125rem;font-weight:600}.user-wallet-breakdown-row{color:var(--muted-text);justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.8125rem;display:flex}.user-wallet-total-row{border-top:1px solid var(--border-color-light);color:var(--text-color);margin-top:.375rem;padding-top:.5rem;font-size:.9375rem;font-weight:600}.user-wallet-transaction-section{animation:.3s fadeIn}.user-wallet-transaction-card{background:var(--card-bg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);transition:box-shadow var(--transition-smooth);border-radius:12px;padding:1.5rem}.user-wallet-transaction-card:hover{box-shadow:var(--shadow-md)}.user-wallet-transaction-card h3{color:var(--text-color);margin:0;font-size:1.125rem;font-weight:600}.user-wallet-transaction-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.user-wallet-transaction-filters{gap:.5rem;display:flex}.user-wallet-filter-select{border:1px solid var(--border-color-light);background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:all var(--transition-smooth);border-radius:8px;padding:.5rem .75rem;font-size:.875rem}.user-wallet-filter-select:focus{border-color:var(--link-color);outline:none;box-shadow:0 0 0 3px #007aff1a}.user-wallet-transaction-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.user-wallet-transaction-item{background:var(--surface-bg);border:1px solid var(--border-color-light);transition:all var(--transition-smooth);border-radius:8px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.user-wallet-transaction-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-wallet-transaction-icon-wrapper{flex-shrink:0}.user-wallet-transaction-type-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:700;display:flex}.user-wallet-transaction-type-icon.credit{color:#10b981;background:#10b9811a}.user-wallet-transaction-type-icon.debit{color:#ef4444;background:#ef44441a}.user-wallet-transaction-details{flex:1}.user-wallet-transaction-details h4{color:var(--text-color);margin-bottom:.25rem;font-size:1rem;font-weight:600}.user-wallet-transaction-breakdown{color:var(--muted-text);margin-bottom:.25rem;font-size:.6875rem;line-height:1.3}.user-wallet-transaction-id{color:var(--muted-text);margin-bottom:.25rem;font-size:.75rem}.user-wallet-transaction-date{color:var(--muted-text);font-size:.75rem}.user-wallet-transaction-amount-status{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.5rem;display:flex}.user-wallet-invoice-btn{background:var(--highlight-bg);color:var(--link-color);cursor:pointer;transition:all var(--transition-smooth);border:none;border-radius:6px;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:flex}.user-wallet-invoice-btn:hover{background:#007aff26}.user-wallet-transaction-amount{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.user-wallet-transaction-amount.credit{color:#10b981}.user-wallet-transaction-amount.debit{color:#ef4444}.user-wallet-transaction-status{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.user-wallet-status-icon{font-size:1rem}.user-wallet-status-icon.success{color:#10b981}.user-wallet-status-icon.pending{color:#f59e0b}.user-wallet-status-icon.failed{color:#ef4444}.user-wallet-status-text{text-transform:capitalize;font-size:.75rem;font-weight:500}.user-wallet-status-text.completed{color:#10b981}.user-wallet-status-text.pending{color:#f59e0b}.user-wallet-status-text.failed{color:#ef4444}.user-wallet-empty-state{text-align:center;padding:3rem 1rem}.user-wallet-empty-icon{color:var(--muted-text);opacity:.5;margin-bottom:1rem}.user-wallet-empty-state p{color:var(--muted-text);font-size:1rem}@media (max-width:1024px){.user-wallet-main-grid{grid-template-columns:1fr}.user-wallet-card-section{order:-1}}@media (max-width:768px){.user-wallet-container{padding:1rem}.user-wallet-amount-options{grid-template-columns:repeat(2,1fr)}.user-wallet-modal-footer{flex-direction:column}.user-wallet-transaction-item{flex-direction:column;align-items:flex-start;gap:1rem}.user-wallet-transaction-amount-status{justify-content:space-between;align-items:center;width:100%;display:flex}.user-wallet-transaction-status{justify-content:flex-start}.user-wallet-coins-stats-row{grid-template-columns:1fr}}@media (max-width:480px){.user-wallet-amount-options{grid-template-columns:1fr}}.admin-webinar-container{max-width:1200px;padding:var(--space-4);margin:0 auto}.admin-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-header h1{font-size:var(--font-size-xl);color:var(--text-color);margin:0;font-weight:700}.admin-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--space-2) var(--space-3);background:var(--surface-bg);border:1px solid var(--border-color);color:var(--text-color);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);font-weight:500}.filter-btn:hover{background:var(--highlight-bg);border-color:var(--link-color)}.filter-btn.active{background:var(--link-color);color:#fff;border-color:var(--link-color)}.admin-loading,.admin-empty-state{text-align:center;padding:var(--space-6);color:var(--muted-text)}.admin-empty-state{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.admin-webinar-list{gap:var(--space-4);flex-direction:column;display:flex}.admin-webinar-card{background:var(--card-bg);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--space-4);transition:var(--transition-smooth)}.admin-webinar-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.webinar-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.webinar-info{flex:1}.webinar-title{font-size:var(--font-size-lg);color:var(--text-color);margin:0 0 var(--space-2) 0;font-weight:600}.webinar-meta{gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.webinar-meta span{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--muted-text);display:flex}.webinar-description{font-size:var(--font-size-sm);color:var(--text-color);margin:var(--space-2) 0;line-height:1.5}.webinar-attachment{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--link-color);margin-top:var(--space-2);display:flex}.webinar-status-section{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.status-badge{padding:4px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:600}.room-code{font-size:var(--font-size-sm);color:var(--text-color);background:var(--highlight-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.webinar-actions{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color-light);justify-content:flex-end;display:flex}.approve-btn,.reject-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);font-weight:500;display:flex}.approve-btn{background:var(--success-color);color:#fff;border:1px solid var(--success-color)}.approve-btn:hover:not(:disabled){background:#0d8043;transform:translateY(-1px)}.reject-btn{background:var(--danger-color);color:#fff;border:1px solid var(--danger-color)}.reject-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.approve-btn:disabled,.reject-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-note{background:var(--warning-bg);border:1px solid var(--warning-color);border-radius:var(--radius-sm);padding:var(--space-2);margin-top:var(--space-3);font-size:var(--font-size-sm)}.webinar-timestamps{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-color-light)}.webinar-timestamps small{color:var(--muted-text);font-size:var(--font-size-xs)}.webinar-details-modal{padding:1.5rem}.webinar-details-user-section{border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.webinar-details-user-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.webinar-details-user-name{margin:0;font-size:1.25rem;font-weight:700}.webinar-user-actions{align-items:center;gap:.5rem;display:flex}.webinar-user-profile-text{color:#202021;margin-bottom:6px;font-size:1rem;font-weight:500}.webinar-details-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.webinar-stat-card{text-align:center;border-radius:8px;padding:.75rem}.webinar-stat-card.approved{background:#10b9811a}.webinar-stat-card.rejected{background:#ef44441a}.webinar-stat-card.success{background:#3b82f61a}.webinar-stat-value{font-size:1.5rem;font-weight:700}.webinar-stat-value.approved{color:#10b981}.webinar-stat-value.rejected{color:#ef4444}.webinar-stat-value.success{color:#3b82f6}.webinar-stat-label{color:#6b7280;margin-top:.25rem;font-size:.75rem}.webinar-details-content h3{margin:0 0 1rem;font-size:1.1rem;font-weight:700}.webinar-details-fields{flex-direction:column;gap:.75rem;display:flex}.webinar-detail-field label{color:#222428;margin-bottom:.25rem;font-size:1rem;font-weight:600;display:block}.webinar-detail-value{font-size:.9rem}.webinar-detail-topic-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.webinar-detail-topic{margin:0;font-size:1.25rem;font-weight:700}.webinar-detail-room-code{color:#3b82f6;background:#3b82f61a;border-radius:6px;padding:.25rem .75rem;font-family:monospace;font-size:1rem;font-weight:700}.webinar-details-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.webinar-previous-section{border-top:2px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.webinar-previous-list{flex-direction:column;gap:.5rem;max-height:200px;display:flex;overflow-y:auto}.webinar-previous-item{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;font-size:.875rem}.webinar-previous-item-title{color:var(--text-color);margin-bottom:.25rem;font-weight:600}.webinar-previous-item-date{color:var(--muted-text);font-size:.75rem}@media (max-width:768px){.admin-header{flex-direction:column;align-items:stretch}.admin-filters{justify-content:center}.webinar-card-header{flex-direction:column;align-items:stretch}.webinar-status-section{align-items:flex-start}.webinar-meta{gap:var(--space-1);flex-direction:column}.webinar-actions{justify-content:stretch}.approve-btn,.reject-btn{flex:1;justify-content:center}}.webinar-details-main{align-items:flex-start;gap:2rem;display:flex}.webinar-details-content{flex:1}.webinar-design-section{flex:0 0 400px;max-width:400px}.webinar-design-section h3{margin-bottom:1rem;font-size:1.1rem;font-weight:600}.webinar-design-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;position:relative;overflow:hidden}.webinar-design-preview{cursor:pointer;width:100%;height:200px;display:block;position:relative;overflow:hidden}.webinar-design-image{object-fit:contain;width:100%;height:100%;transition:transform .3s}.webinar-design-preview:hover .webinar-design-image{transform:scale(1.05)}.webinar-design-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.webinar-design-preview:hover .webinar-design-overlay{opacity:1}.webinar-expand-icon{color:#fff;stroke-width:2px;width:32px;height:32px}.webinar-design-fallback{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.webinar-design-icon{opacity:.5;font-size:2rem}.webinar-design-filename{color:#6b7280;word-break:break-all;font-size:.875rem}.webinar-design-link{color:#fff;background-color:#3b82f6;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.webinar-design-link:hover{color:#fff;background-color:#2563eb;text-decoration:none}@media (max-width:768px){.webinar-details-main{flex-direction:column;gap:1.5rem}.webinar-design-section{flex:none;width:100%;max-width:100%}}.notification-dropdown{display:inline-block;position:relative}.notification-bell{cursor:pointer;color:var(--text-color,#333);background:0 0;border:none;border-radius:50%;padding:8px;transition:background-color .2s;position:relative}.notification-bell:hover{background-color:var(--hover-bg,#f5f5f5)}.notification-badge{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:2px 6px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notification-dropdown-menu{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:320px;max-height:400px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.notification-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-header h4{color:#374151;margin:0;font-size:14px;font-weight:600}.clear-all-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:12px}.notification-list{max-height:320px;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:4px;padding:12px 16px;transition:background-color .2s;display:flex}.notification-item:hover{background-color:#f9fafb}.notification-item.high-priority{border-left:3px solid #3b82f6}.notification-content,.notification-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.notification-header-flex{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.notification-title{color:#374151;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.notification-message{color:#6b7280;font-size:12px;line-height:1.4}.notification-time{color:#9ca3af;white-space:nowrap;flex-shrink:0;font-size:11px}.notification-empty{text-align:center;color:#9ca3af;padding:24px 16px;font-size:13px}.notification-dropdown.admin .notification-bell{color:var(--admin-text-color,#333)}.notification-dropdown.admin .notification-dropdown-menu{border-color:var(--admin-border-color,#e5e7eb)}.notification-dropdown.recruiter .notification-bell{color:var(--recruiter-text-color,#4a5568)}.notification-dropdown.recruiter .notification-dropdown-menu{border-color:var(--recruiter-border-color,#e2e8f0)}.notification-dropdown.user .notification-bell{color:#6b7280;font-size:18px}.notification-dropdown.user .notification-bell:hover{color:#374151;background-color:#f3f4f6}.notification-dropdown.user .notification-dropdown-menu{border-color:#d1d5db;box-shadow:0 10px 25px #00000026}@media (max-width:768px){.notification-dropdown-menu{width:280px;right:-20px}.notification-dropdown.user .notification-dropdown-menu{right:-10px}}@media (max-width:480px){.notification-dropdown-menu{width:260px;right:-40px}.notification-dropdown.user .notification-dropdown-menu{right:-30px}}.admin-layout{background-color:#f8fafc;min-height:100vh;display:flex}.admin-main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:220px;padding:0;display:flex}.dashboard-container{flex:1;padding:16px;overflow-y:auto}.dashboard-container.table-page{flex-direction:column;height:calc(100vh - 63px);display:flex;overflow-y:hidden}.admin-navbar-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:15px 32px;display:flex;position:-webkit-sticky;position:sticky;top:0}.admin-navbar-title-main{color:#1f2937;margin:0;font-size:28px;font-weight:600}.admin-header-left,.admin-header-right,.admin-profile-section{align-items:center;gap:16px;display:flex}.mobile-menu-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;font-size:20px;transition:all .2s;display:none}.mobile-menu-btn:hover{color:#374151;background:#e5e7eb}@media (max-width:768px){.mobile-menu-btn{display:flex}.admin-profile-section .admin-user-details,.admin-profile-section .admin-profile-icon{display:none}.admin-navbar-header{align-items:center;gap:12px;display:flex}.admin-navbar-title-main{flex:1}.dashboard-sidebar{z-index:1000;width:280px;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.dashboard-sidebar-header{background:var(--bg-color);color:#fff;padding:24px 20px}.admin-profile-info{align-items:center;gap:12px;display:flex}.admin-profile-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.admin-profile-details h4{margin:0;font-size:16px;font-weight:600}.admin-profile-details p{opacity:.9;margin:0;font-size:14px}.dashboard-sidebar-link{padding:16px 20px;font-size:16px}.sidebar-icon{margin-right:16px;font-size:20px}.sidebar-label{font-size:16px;font-weight:500}.dashboard-sidebar-nav{padding:24px 0}.dashboard-sidebar-item.active .dashboard-sidebar-link{color:#fff;background:#6366f1;border-radius:8px;margin:0 16px}.dashboard-sidebar.open{transform:translate(0)!important}.sidebar-overlay{z-index:999;background:#0000004d;width:100%;height:100%;position:fixed;top:0;left:0;display:block!important}.dashboard-sidebar{width:280px!important;margin-left:0!important;left:0!important;transform:translate(-100%)!important}.dashboard-sidebar.open{left:0!important;transform:translate(0)!important}.admin-main-content{margin-left:0}}.admin-user-info{align-items:center;gap:12px;display:flex}.admin-profile-icon{color:#fff;text-transform:capitalize;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.admin-user-details{flex-direction:column;display:flex}.admin-user-name{color:#1f2937;font-size:16px;font-weight:600;line-height:1.2}.admin-user-role{color:#6b7280;text-transform:capitalize;font-size:14px;line-height:1.2}.admin-logout-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.admin-logout-btn:hover{background:#b91c1c}.notification-dropdown{margin-right:16px;position:relative}.notification-bell-admin{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;font-size:20px;transition:all .2s;position:relative}.notification-bell-admin:hover{color:#374151;background:#f3f4f6}.notification-badge-admin{color:#fff;text-align:center;background:#dc2626;border-radius:10px;min-width:16px;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.2;position:absolute;top:2px;right:2px}.notification-dropdown-menu-admin{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:320px;max-height:400px;margin-top:8px;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.notification-header-admin{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px}.notification-header-admin h4{color:#1f2937;margin:0;font-size:16px;font-weight:600}.notification-list-admin{max-height:300px;overflow-y:auto}.notification-item-admin{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:flex-start;padding:12px 16px;transition:background .2s;display:flex}.notification-item-admin:hover{background:#f9fafb}.notification-item-admin:last-child{border-bottom:none}.notification-icon-admin{margin-top:2px;margin-right:6px;font-size:16px}.notification-content-admin{flex:1}.notification-title-admin{color:#1f2937;margin-bottom:4px;font-size:14px;font-weight:600}.notification-message-admin{color:#6b7280;margin-bottom:4px;font-size:13px;line-height:1.4}.notification-time-admin{color:#9ca3af;font-size:12px}.notification-empty-admin{text-align:center;color:#9ca3af;padding:32px 16px;font-size:14px}.notification-item-admin.high-priority:hover{background:#fef2f2}.notification-item-admin.high-priority .notification-title{color:#dc2626}@media (max-width:1200px){.admin-main-content{padding:0}.dashboard-container{max-width:100%}}@media (max-width:1024px){.dashboard-sidebar{transition:transform .3s;transform:translate(-100%)}.admin-main-content{margin-left:0}.admin-navbar-header{padding:12px 20px}.admin-navbar-title-main{font-size:24px}.dashboard-container{padding:20px}}@media (max-width:768px){.admin-navbar-header{height:auto;padding:10px 16px;position:relative}.admin-navbar-title-main{font-size:20px}.mobile-menu-btn{display:block}.admin-header-right,.desktop-only{display:none}.mobile-sidebar-dropdown{z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;max-height:70vh;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.mobile-sidebar-dropdown.active{display:block}.mobile-nav-item-admin{color:#374151;border-bottom:1px solid #f3f4f6;align-items:center;padding:12px 16px;text-decoration:none;transition:background .2s;display:flex}.mobile-nav-item-admin:hover{background:#f9fafb}.mobile-nav-item-admin.active{color:#fff;background:#6366f1}.mobile-nav-icon{width:20px;margin-right:12px;font-size:18px}.mobile-nav-label{font-size:15px;font-weight:500}.dashboard-sidebar{z-index:1000;transition:transform .3s;position:fixed;transform:translate(-100%)}.dashboard-sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:999;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.sidebar-overlay.active{display:block}.admin-main-content{margin-left:0}.notification-dropdown-menu-admin{width:280px;position:fixed;top:60px;left:auto;right:0}.notification-dropdown-admin{margin-right:0}.dashboard-container{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.dashboard-main-content{flex-direction:column;gap:1rem;display:flex}.dashboard-left-section,.dashboard-right-section{width:100%}.chart-row{flex-direction:column;gap:1rem;display:flex}.chart-container{width:100%;margin-bottom:1rem}}@media (max-width:480px){.admin-navbar-header{padding:8px 12px}.admin-navbar-title-main{font-size:18px}.admin-header-left,.admin-header-right{gap:12px}.notification-dropdown-menu-admin{width:90vw;max-width:320px;position:fixed;top:55px;left:auto;right:8px}.mobile-menu-btn{padding:6px;font-size:18px}.dashboard-container{padding:12px}}@media (max-width:768px){.dashboard-container{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.dashboard-main-content{flex-direction:column;gap:1rem;display:flex}.dashboard-left-section,.dashboard-right-section{width:100%}.chart-row{flex-direction:column;gap:1rem;display:flex}.chart-container{width:100%;margin-bottom:1rem}}.dashboard-sidebar{background:#fff;border-right:1px solid #e2e8f0;width:220px;height:100vh;padding:0;position:fixed;overflow-y:auto}.dashboard-sidebar-header{border-bottom:1px solid #e2e8f0;padding:15px 20px}.sidebar-brand{color:#6366f1;margin:0;font-size:24px;font-weight:700}.sidebar-subtitle{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:400}.dashboard-sidebar-nav{padding:20px 0}.dashboard-sidebar-nav ul{margin:0;padding:0;list-style:none}.dashboard-sidebar-item{margin:4px 16px}.dashboard-sidebar-link:hover{color:#334155;background-color:#f1f5f9;text-decoration:none}.dashboard-sidebar-item.active .dashboard-sidebar-link{color:#fff;background-color:#6366f1}.sidebar-icon{justify-content:center;width:20px;margin-right:12px;font-size:18px;display:flex}.sidebar-label{font-size:16px;text-decoration:none}.sidebar-footer{border-top:1px solid #e2e8f0;padding:16px;position:absolute;bottom:0;left:0;right:0}.sidebar-logout-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.sidebar-logout-btn:hover{background:#b91c1c}.dashboard-sidebar-link{color:#25293b;border-radius:8px;align-items:center;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-toggle{z-index:1001;color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;padding:10px;display:none;position:fixed;top:20px;left:20px}@media (max-width:1024px){.dashboard-sidebar{z-index:1000;transition:transform .3s;transform:translate(-100%)}.dashboard-sidebar.open{transform:translate(0)}.sidebar-overlay,.sidebar-toggle{display:block}}@media (max-width:768px){.dashboard-sidebar{width:100vw;height:100vh}.sidebar-brand{font-size:20px}.sidebar-subtitle{font-size:12px}.dashboard-sidebar-link{padding:10px 14px}.sidebar-icon{margin-right:10px;font-size:16px}.sidebar-label{font-size:16px}}@media (max-width:480px){.dashboard-sidebar{width:100vw;height:100vh}.dashboard-sidebar-header{padding:12px 16px}.sidebar-brand{font-size:18px}.dashboard-sidebar-nav{padding:16px 0}.dashboard-sidebar-item{margin:2px 12px}.dashboard-sidebar-link{padding:8px 12px}}.dashboard-header{margin-bottom:32px}.dashboard-title{color:#1e293b;margin:0 0 8px;font-size:32px;font-weight:700}.dashboard-subtitle{color:#64748b;margin:0;font-size:16px}.dashboard-section{margin-top:40px}.dashboard-section-title{color:#1e293b;margin:0 0 20px;font-size:18px;font-weight:600}.dashboard-main-content{grid-template-columns:2fr 1fr;align-items:start;gap:32px;display:grid}.dashboard-left-section,.dashboard-right-section{width:100%}@media (max-width:1024px){.dashboard-main-content{grid-template-columns:1fr;gap:24px}}@media (max-width:768px){.dashboard-header{margin-bottom:20px}.dashboard-title{font-size:24px}.dashboard-subtitle{font-size:14px}.dashboard-main-content{grid-template-columns:1fr;gap:16px}.dashboard-section{margin-top:24px}.dashboard-section-title{margin-bottom:16px;font-size:16px}.dashboard-charts-row{flex-direction:column;gap:1rem;display:flex}.dashboard-chart-item{width:100%;margin-bottom:1rem}}.dashboard-stats-container{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.dashboard-stat-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:22px;transition:all .2s;position:relative;overflow:hidden}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #7197a3e2}.dashboard-stat-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.dashboard-stat-icon{color:var(--card-accent,#6366f1);background:var(--card-bg,#6366f11a);border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;font-size:22px;display:flex}.dashboard-stat-value{color:#1e293b;margin:0 0 4px;font-size:22px;font-weight:700}.dashboard-stat-label{color:#1e293b;margin-bottom:5px;font-size:22px;font-weight:500}.dashboard-stat-card.total-projects{--card-accent:#6366f1;--card-bg:#6366f11a}.dashboard-stat-card.approved-projects{--card-accent:#10b981;--card-bg:#10b9811a}.dashboard-stat-card.pending-projects{--card-accent:#f59e0b;--card-bg:#f59e0b1a}.dashboard-stat-card.rejected-projects{--card-accent:#ef4444;--card-bg:#ef44441a}@media (max-width:768px){.dashboard-stats-container{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.dashboard-stat-card{padding:16px}.dashboard-stat-icon{width:32px;height:32px;margin-bottom:8px;font-size:18px}.dashboard-stat-value{font-size:18px}.dashboard-stat-label{font-size:14px}}@media (max-width:480px){.dashboard-stat-card{padding:12px}.dashboard-stat-icon{width:28px;height:28px;font-size:16px}.dashboard-stat-value{font-size:16px}.dashboard-stat-label{font-size:12px}}.dashboard-table-wrapper{flex-direction:column;flex:1;padding:0 24px 24px;display:flex;overflow-x:auto;overflow-y:hidden}.dashboard-table{border-collapse:collapse;background:var(--card-bg);width:100%;color:var(--text-color);border-radius:8px;flex:1;overflow:hidden}.dashboard-table thead{background:var(--table-header-bg,#f5f5f5);text-align:left}.dashboard-table th,.dashboard-table td{border-bottom:1px solid var(--border-color-light,#ddd);padding:4px 8px}.dashboard-table th{color:var(--text-muted,#555);font-size:13px;font-weight:600}.dashboard-table td{height:24px;font-size:12px}.dashboard-actions .btn{padding:6px 12px;font-size:13px}.admin-project-card{background:var(--card-bg,#fff);color:var(--text-color,#000);border-radius:10px;flex-direction:column;width:100%;max-width:900px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 0 10px #0000001a}.admin-project-card-header{border-bottom:1px solid var(--border-color-light,#eee);background:var(--header-bg,#fafafa);padding:1.2rem}.admin-project-card-header h2{margin:0;font-size:20px}.admin-project-subtitle{color:var(--text-muted,#777);margin-top:4px;font-size:14px}.admin-project-card-body{flex-direction:column;flex:1;gap:1.2rem;padding:1.5rem;display:flex;overflow-y:visible}.admin-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;font-size:14px;display:grid}.admin-project-section h4{margin-bottom:.5rem;font-size:16px;font-weight:600}.admin-description-block{background:var(--background-light,#f9f9f9);border-radius:6px;padding:1rem;line-height:1.5}.admin-availability-list{padding:0;font-size:14px;list-style:none}.admin-availability-list li{margin-bottom:4px}.admin-project-section p{margin:0}.admin-project-card-footer{border-top:1px solid var(--border-color-light,#ddd);background-color:var(--card-bg,#fff);z-index:10;justify-content:flex-end;gap:.75rem;margin-top:auto;padding:1rem 1.5rem;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px}.btn-outline{border:1px solid var(--primary-color,#007bff);color:var(--primary-color,#007bff);background:0 0}.btn-success{background-color:var(--success-color,#28a745);color:#fff}.btn-danger{background-color:var(--danger-color,#dc3545);color:#fff}.project-card-body::-webkit-scrollbar{width:6px}.project-card-body::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.modal-admin-project-width{max-width:600px}.dashboard-table-wrapper{height:auto;position:relative}.pagination-admin{justify-content:right;align-items:center;gap:8px;padding:16px 0;display:flex;bottom:0;right:24px}.pagination-btn-admin{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:40px;padding:8px 12px;font-size:14px;transition:all .2s}.pagination-btn-admin:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.pagination-btn-admin:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.pagination-btn-admin.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.pagination-btn-admin.active:hover{background:#2563eb;border-color:#2563eb}.empty-row td{border-bottom:1px solid var(--border-color-light,#ddd);height:24px}.dashboard-table-container{flex-direction:column;flex:1;display:flex}.table-controls{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.search-bar{flex:1;max-width:400px}.search-input{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.filter-bar-absolute{border:1px solid var(--border-color-light,#ccc);background:var(--card-bg,#fff);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;transition:box-shadow .2s;display:flex}.filter-bar-absolute:focus-within{box-shadow:0 0 0 2px #0a84ff4d}.filter-icon{font-size:16px;transition:transform .12s;display:inline-block;transform:translateY(3px)}.filter-box:hover .filter-icon,.filter-bar-absolute:hover .filter-icon{transform:translateY(2px)}.filter-dropdown{cursor:pointer;width:180px;color:var(--text-color,#000);background:0 0;border:none;outline:none;padding:6px 10px;font-size:14px}.filter-dropdown:focus{box-shadow:none;outline:none}.filter-dropdown option{color:var(--text-color,#000);background:#fff;border:none}@media (max-width:1024px){.admin-layout .dashboard-table th,.admin-layout .dashboard-table td{padding:.15rem}.admin-layout .dashboard-table th{font-size:11px}.admin-layout .dashboard-table td{font-size:10px}}@media (max-width:768px){.dashboard-table{min-width:500px}.dashboard-actions{flex-direction:column;gap:4px}.dashboard-actions .btn{padding:4px 8px;font-size:10px}.filter-bar-absolute{width:100%;margin-left:0}.dashboard-table-container{padding:16px}.table-controls{background:#fff!important;border-radius:.5rem!important;flex-direction:column!important;gap:1rem!important;margin-bottom:1rem!important;padding:1rem!important;display:flex!important;position:relative!important;box-shadow:0 1px 3px #0000001a!important}.search-bar{width:100%!important;position:relative!important;top:auto!important;left:auto!important}.search-input,.admin-search-input{width:100%!important}.filter-bar-absolute{width:100%!important;margin-left:0!important;position:relative!important;top:auto!important;right:auto!important}.filter-dropdown{width:100%!important}}@media (max-width:640px){.filter-icon{transform:translateY(2px)}.pagination{flex-wrap:wrap;gap:4px;padding:8px 12px;font-size:12px;bottom:10px}.pagination-btn{min-width:32px;padding:6px 8px;font-size:11px}.dashboard-table{min-width:400px}}@media (max-width:480px){.dashboard-table-wrapper{padding:.8rem}.modal-admin-project-width{max-width:95%;margin:10px}.admin-project-card-header{padding:.8rem}.admin-project-card-body{padding:1rem}}.admin-search-input{color:#333!important;background:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;width:100%!important;padding:8px 12px!important;font-family:inherit!important;font-size:14px!important}.dashboard-table-wrapper{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;min-height:calc(100vh - 120px);padding:1.5rem;display:flex;overflow-x:auto}.dashboard-table tbody tr{height:10px}.dashboard-table tbody td{vertical-align:middle;padding:8px 12px}.dashboard-table{border-collapse:collapse;flex:1;width:100%;min-width:600px}.dashboard-table th,.dashboard-table td{text-align:left;border-bottom:1px solid var(--border-color-light);height:24px;padding:4px 8px;font-size:14px}.dashboard-table th{background-color:var(--surface-bg);color:var(--text-color);font-weight:600;font-size:var(--font-size-md)}.dashboard-actions{gap:8px;display:flex}.btn.danger{border-color:var(--danger-color);color:var(--danger-color)}.purchase-status{color:var(--text-color);text-transform:lowercase}.modal-admin-project-width{width:90%;max-width:500px}.admin-purchase-card{color:#1d1d1f;background:linear-gradient(#fff,#f9f9f9);border-radius:18px;padding:24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Arial,sans-serif;box-shadow:0 4px 20px #00000014}.admin-purchase-card h2{color:#000;margin-bottom:20px;font-size:20px;font-weight:600}.admin-info-grid{grid-template-columns:1fr;gap:14px;margin-bottom:24px;display:grid}.admin-info-grid div{font-size:15px;line-height:1.4}.admin-info-grid strong{color:#3a3a3c;font-weight:600}.admin-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/ %3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:1px solid #d2d2d7;border-radius:12px;width:100%;padding:10px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.admin-select:focus{border-color:#0071e3;outline:none;box-shadow:0 0 0 3px #0071e34d}.admin-purchase-card-footer{gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:100px;padding:10px 20px;font-size:15px;font-weight:500;transition:all .2s}.btn:active{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f633}.btn-success{color:#fff;background:#0071e3}.btn-success:hover{background:#005bb5}.btn-outline{color:#0071e3;background:0 0;border:1px solid #0071e3}.btn-outline:hover{background:#0071e314}.status-approved{color:#10b981;background:#d1fae5;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:500}.status-pending{color:#f59e0b;background:#fef3c7;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:500}.status-rejected{color:#ef4444;background:#fee2e2;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:500}.modal-admin-overview-width{width:1200px;max-width:72vw;max-height:90vh;padding-top:36px;overflow-y:auto}.modal-content-overview{max-height:80vh;padding:0;overflow-y:auto}.modal-content-overview .profile-container-overview{margin:0;padding:0}.modal-content-overview .card-overview{margin-bottom:16px}.modal-content-overview .profile-header-overview{border-radius:0}@media (max-width:768px){.modal-admin-overview-width{width:95vw;max-width:95vw;margin:10px}.modal-content-overview{max-height:85vh}}.dashboard-sections{flex-direction:column;gap:10px;display:flex}.charts-grid{grid-template-columns:1fr 2fr;gap:20px;margin-bottom:10px;display:grid}.first-row{grid-template-columns:1fr 2fr;gap:20px;display:grid}.second-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s;box-shadow:0 4px 12px #00000014}.chart-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #7197a3e2}.chart-card h3{color:#1f2937;text-align:center;margin:0 0 16px;font-size:22px;font-weight:600}.recent-projects-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014}.section-header-admin{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header-admin h3{color:#1f2937;margin:0;font-size:22px;font-weight:600}.see-more-btn{background:linear-gradient(135deg, var(--btn-bg), #0a84ff);color:#fff;border-radius:var(--radius-xl);cursor:pointer;border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.see-more-btn:hover{background:#4261a3}.projects-table{border-collapse:collapse;width:100%}.projects-table th{text-align:left;color:#374151;background:#f8fafc;border-bottom:2px solid #e5e7eb;padding:12px;font-weight:600}.projects-table td{border-bottom:1px solid #f3f4f6;padding:12px}.project-name{color:#1f2937;font-weight:500}.author-name{color:#6b7280}.category-badge{color:#1e40af;background:#dbeafe;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500}.status-badge{text-transform:capitalize;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500}.status-approved{color:#166534;background:#dcfce7}.status-pending{color:#92400e;background:#fef3c7}.status-rejected{color:#991b1b;background:#fee2e2}.created-date{color:#6b7280;font-size:14px}.no-data{text-align:center;color:#6b7280;padding:24px;font-style:italic}.chart-legend{flex-direction:column;gap:6px;margin-top:12px;display:flex}.legend-item{align-items:center;gap:6px;font-size:16px;display:flex}.legend-color{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-label{color:#374151;flex:1}.legend-value{color:#1f2937;font-size:16px;font-weight:600}.custom-tooltip{color:#fff;background:#000c;border-radius:6px;padding:8px 12px;font-size:14px;box-shadow:0 4px 12px #00000026}.tooltip-label{margin-bottom:2px;font-weight:500}.tooltip-value{font-size:16px;font-weight:600}@media (max-width:768px){.charts-grid,.first-row,.second-row{flex-direction:column;gap:16px;display:flex}.chart-card{width:100%;margin-bottom:16px;padding:16px}.chart-card h3{margin-bottom:12px;font-size:18px}.recent-projects-section{margin-top:16px;padding:16px}.section-header-admin{align-items:flex-start;gap:12px}.section-header-admin h3{font-size:18px}.projects-table{font-size:14px}.projects-table th,.projects-table td{padding:8px}}@media (max-width:480px){.chart-card{padding:12px}.chart-card h3{font-size:16px}.recent-projects-section{padding:12px}.projects-table{font-size:12px}.projects-table th,.projects-table td{padding:6px}}@media (min-width:480px){.admin-login-card{padding:24px 20px}}@media (max-width:360px){.admin-login-modal .modal-wrapper{width:95%;margin:10px}.admin-login-card{padding:20px 16px}.login-title{font-size:20px}.admin-icon{width:40px;height:40px;font-size:16px}}.login-header{text-align:center;margin-bottom:20px}.admin-icon{color:#fff;background:linear-gradient(135deg,#4285f4,#34a853);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:18px;display:flex;box-shadow:0 4px 12px #4285f44d}.login-title{color:var(--text-color);font-size:22px;font-weight:400;font-family:var(--font-body-alt);margin:0 0 6px}.login-subtitle{color:var(--muted-text);margin:0;font-size:14px;line-height:1.3}.login-form,.input-group{margin-bottom:16px}.input-wrapper{border:1px solid var(--border-color);background:var(--bg-color);border-radius:8px;transition:all .2s;position:relative}.email-input:invalid,.password-input:invalid{box-shadow:none!important;border-color:inherit!important}.input-wrapper:hover{border-color:#1a73e8;box-shadow:0 1px 6px #2021241a}.input-wrapper.focused{border-color:#1a73e8;box-shadow:0 1px 6px #1a73e833}.input-wrapper.error{border-color:#ea4335;box-shadow:0 1px 6px #ea433533}.password-input{width:100%;color:var(--text-color);background:0 0;font-size:14px;position:relative;border:none!important;border-radius:8px!important;outline:none!important;padding:12px 40px 12px 12px!important}.email-input{width:100%;color:var(--text-color);background:0 0;outline:none;font-size:14px;position:relative;border:none!important;border-radius:8px!important;padding:10px!important}.email-input::placeholder{color:var(--muted-text)!important}.password-input::placeholder{color:var(--muted-text)}.password-input:disabled{opacity:.6;cursor:not-allowed}.password-toggle{color:var(--muted-text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;transition:all .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{background:var(--highlight-bg);color:var(--btn-bg)}.password-toggle:disabled{opacity:.4;cursor:not-allowed}.error-message-AdminLogin{color:#ea4335;align-items:center;gap:6px;margin-top:60px;font-size:14px;display:flex;position:absolute}.error-message-AdminLogin.api-error{margin-top:8px;margin-bottom:4px;position:static}.submit-btn{background:var(--btn-bg);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:20px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){background:var(--btn-hover);box-shadow:var(--shadow-md)}.submit-btn:active:not(:disabled){transform:translateY(1px)}.submit-btn:disabled{color:#9aa0a6;cursor:not-allowed;box-shadow:none;background:#dadce0}.submit-btn.loading:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.login-footer{text-align:center;border-top:1px solid var(--border-color);padding-top:16px}.login-footer p{color:var(--muted-text);margin:0;font-size:12px}@media (max-width:480px){.admin-login-container{padding:16px}.admin-login-card{padding:32px 24px}.login-title{font-size:24px}.password-input{font-size:16px}}.admin-login-modal{max-width:380px}.rec-table-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.filters-group-adminRec{align-items:center;gap:12px;display:flex}.rec-table-controls .search-bar{flex:1;max-width:400px}.rec-table-controls .filter-bar-absolute-adminRec{border:1px solid var(--border-color-light,#ccc);background:var(--card-bg,#fff);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;transition:box-shadow .2s;display:flex}.rec-table-controls .filter-bar-absolute-adminRec:focus-within{box-shadow:0 0 0 2px #0a84ff4d}.rec-table-controls .filter-icon{color:var(--text-muted,#555);font-size:18px;transition:transform .12s;display:inline-block;transform:translateY(3px)}.rec-table-controls .filter-bar-absolute-adminRec:hover .filter-icon{transform:translateY(2px)}.rec-table-controls .filter-dropdown{cursor:pointer;width:150px;color:var(--text-color,#000);background:0 0;border:none;outline:none;padding:6px 10px;font-size:14px}.rec-table-controls .filter-dropdown:focus{box-shadow:none;outline:none}.rec-table-controls .filter-dropdown option{color:var(--text-color,#000);background:#fff;border:none}.highlighted-row{background-color:#fff3cd!important}.admin-projects-hide-mobile{display:table-cell}.admin-projects-mobile-info{display:none}.admin-projects-item-info{align-items:center;gap:.75rem;display:flex}.admin-projects-item-details{flex:1}.admin-projects-item-name{color:#1f2937;margin:0 0 .25rem;font-size:.875rem;font-weight:600}.admin-projects-mobile-label{color:#4b5563;margin-right:.5rem;font-weight:600}.admin-users-hide-mobile{display:table-cell}.admin-users-mobile-info{display:none}.admin-users-item-info{align-items:center;gap:.75rem;display:flex}.admin-users-item-details{flex:1}.admin-users-item-name{color:#1f2937;margin:0 0 .25rem;font-size:.875rem;font-weight:600}.admin-users-item-email{color:#6b7280;margin:0 0 .5rem;font-size:.75rem}.admin-users-mobile-label{color:#4b5563;margin-right:.5rem;font-weight:600}.admin-purchases-hide-mobile{display:table-cell}.admin-purchases-mobile-info{display:none}.admin-purchases-item-info{align-items:center;gap:.75rem;display:flex}.admin-purchases-item-details{flex:1}.admin-purchases-item-name{color:#1f2937;margin:0 0 .25rem;font-size:.875rem;font-weight:600}.admin-purchases-mobile-label{color:#4b5563;margin-right:.5rem;font-weight:600}.admin-recruiters-hide-mobile{display:table-cell}.admin-recruiters-mobile-info{display:none}.admin-recruiters-item-info{align-items:center;gap:.75rem;display:flex}.admin-recruiters-item-details{flex:1}.admin-recruiters-item-name{color:#1f2937;margin:0 0 .25rem;font-size:.875rem;font-weight:600}.admin-recruiters-item-email{color:#6b7280;margin:0 0 .5rem;font-size:.75rem}.admin-recruiters-mobile-label{color:#4b5563;margin-right:.5rem;font-weight:600}@media (max-width:768px){.table-controls{visibility:visible!important;opacity:1!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important}.rec-table-controls{visibility:visible!important;opacity:1!important;display:flex!important;position:relative!important}.search-bar{visibility:visible!important;display:block!important;position:relative!important;top:auto!important;left:auto!important}.filter-bar-absolute,.filter-bar-absolute-adminRec{visibility:visible!important;display:flex!important;position:relative!important;top:auto!important;right:auto!important}.filters-group-adminRec{visibility:visible!important;display:flex!important}.admin-projects-hide-mobile{display:none!important}.admin-projects-mobile-info{color:#6b7280;margin-top:.25rem;font-size:.75rem;display:flex}.admin-projects-item-details{flex:1;min-width:0}.admin-projects-item-name{margin-bottom:.25rem;font-size:.875rem}.admin-users-hide-mobile{display:none!important}.admin-users-mobile-info{color:#6b7280;margin-top:.25rem;font-size:.75rem;display:flex}.admin-users-item-details{flex:1;min-width:0}.admin-users-item-name{margin-bottom:.25rem;font-size:.875rem}.admin-users-item-email{margin-bottom:.5rem;font-size:.75rem}.admin-purchases-hide-mobile{display:none!important}.admin-purchases-mobile-info{color:#6b7280;margin-top:.25rem;font-size:.75rem;display:flex}.admin-purchases-item-details{flex:1;min-width:0}.admin-purchases-item-name{margin-bottom:.25rem;font-size:.875rem}.admin-recruiters-hide-mobile{display:none!important}.admin-recruiters-mobile-info{color:#6b7280;margin-top:.25rem;font-size:.75rem;display:flex}.admin-recruiters-item-details{flex:1;min-width:0}.admin-recruiters-item-name{margin-bottom:.25rem;font-size:.875rem}.admin-recruiters-item-email{margin-bottom:.5rem;font-size:.75rem}.dashboard-table-wrapper{overflow-x:auto}.dashboard-table{min-width:100%}.dashboard-table td{padding:.75rem .5rem}.dashboard-actions{flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.support-action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;justify-content:center;align-items:center;min-width:40px;height:40px;padding:.5rem;font-size:.75rem;transition:all .2s;display:flex}.support-action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.table-controls{background:#fff;border-radius:.5rem;flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.search-bar{width:100%}.admin-search-input{border:1px solid #d1d5db;border-radius:.5rem;width:100%;max-width:none;padding:.75rem;font-size:16px}.filter-bar-absolute{align-items:center;gap:.5rem;width:100%;display:flex}.filter-dropdown{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.75rem;font-size:16px}.rec-table-controls{background:#fff;border-radius:.5rem;flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.filters-group-adminRec{flex-direction:column;gap:.75rem}.filter-bar-absolute-adminRec{align-items:center;gap:.5rem;width:100%;display:flex}.dashboard-table-container{background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.dashboard-container.table-page{padding:.5rem}}@media (max-width:480px){.admin-projects-item-info,.admin-users-item-info,.admin-purchases-item-info,.admin-recruiters-item-info{flex-direction:column;align-items:flex-start;gap:.5rem}.dashboard-table td{padding:.5rem .25rem}.support-action-btn{padding:.4rem;font-size:.7rem}}.settings-container{max-width:1200px;margin:0;padding:20px}.settings-section{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0000001a}.settings-title{color:#1f2937;align-items:center;gap:8px;margin-bottom:20px;font-size:20px;font-weight:600;display:flex}.notification-toggles{flex-direction:column;gap:16px;display:flex}.toggle-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.toggle-info{align-items:center;gap:12px;font-weight:500;display:flex}.toggle-icon{font-size:20px}.toggle-icon.whatsapp{color:#25d366}.toggle-icon.email{color:#3b82f6}.toggle-switch{width:50px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider-Admin{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0}.slider-Admin:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider-Admin{background-color:#1078b9}input:checked+.slider-Admin:before{transform:translate(26px)}.import-section{flex-direction:column;gap:20px;display:flex}.file-upload{align-items:center;gap:12px;display:flex}.upload-btn-admin{color:#fff;cursor:pointer;background:#3b82f6;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-weight:500;transition:background .2s;display:flex}.upload-btn-admin:hover{background:#2563eb}.file-name{color:#6b7280;font-style:italic}.data-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.error-message-Admin{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:12px;padding:12px}.error-message-Admin p{color:#dc2626;margin:0;font-weight:500}.preview-table table{border-collapse:collapse;width:100%;margin-top:12px}.preview-table th,.preview-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:2px 6px;font-size:12px}.preview-table th:first-child,.preview-table td:first-child{align-items:center;gap:8px;display:flex}.preview-table th{background:#f3f4f6;font-weight:600}.view-more-section{text-align:center;margin-top:12px}.view-more-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-size:14px}.view-more-btn:hover{background:#2563eb}.template-preview{background:#f0f9ff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.template-content{background:#fff;border-left:4px solid #25d366;border-radius:8px;margin-top:12px;padding:16px}.template-content p{margin:4px 0}.template-content a{color:#3b82f6;text-decoration:none}.send-notifications-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:14px 24px;font-weight:600;transition:background .2s;display:flex}.send-notifications-btn:hover:not(:disabled){background:#059669}.send-notifications-btn:disabled{cursor:not-allowed;background:#9ca3af}.backend-config-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:15px 0;padding:15px}.backend-config-section h4{color:#495057;margin:0 0 10px}.config-options{flex-direction:column;gap:15px;display:flex}.endpoint-selection h5{color:#495057;margin:0 0 8px;font-size:14px}.radio-group{flex-direction:column;gap:8px;display:flex}.endpoints-section{background:#f8f9fa;border-radius:4px;margin-top:10px;padding:10px}.add-endpoint{gap:5px;margin-bottom:10px;display:flex}.add-endpoint input{border:1px solid #ddd;border-radius:3px;flex:1;padding:6px 8px;font-size:13px}.add-endpoint button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:3px;padding:6px 10px}.add-endpoint button:disabled{background:#ccc}.endpoint-item{background:#fff;border:1px solid #ddd;border-radius:3px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:5px 8px;font-size:13px;display:flex}.endpoint-item button{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50%;width:18px;height:18px;font-size:12px}.send-notifications-btn:disabled{opacity:.6;cursor:not-allowed}.template-content{font-size:11px;line-height:1.4}.excel-icon{color:#16a34a}.add-endpoint-section{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.add-endpoint-btn{color:#2b5bbd;cursor:pointer;background:#dde9ff;border:1px dashed #9ca3af;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.add-endpoint-btn:hover{color:#374151;background:#e5e7eb;border-color:#6b7280}.add-endpoint-input{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.add-endpoint-input input{border:1px solid #d1d5db;border-radius:6px;flex:1;min-width:200px;padding:8px 12px;font-size:14px}.add-endpoint-input input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.add-endpoint-input button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:background .2s}.add-endpoint-input button:first-of-type{color:#fff;background:#3b82f6}.add-endpoint-input button:first-of-type:hover{background:#2563eb}.add-endpoint-input button:last-of-type{color:#6b7280;background:#f3f4f6}.add-endpoint-input button:last-of-type:hover{background:#e5e7eb}.custom-endpoint{justify-content:space-between;position:relative}.remove-endpoint-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;margin-right:auto;font-size:14px;font-weight:700;transition:all .2s;display:flex}.remove-endpoint-btn:hover{color:#991b1b;background:#fecaca}@media (max-width:768px){.settings-container{padding:12px}.settings-section{padding:16px}.toggle-item{flex-direction:column;align-items:flex-start;gap:12px}.file-upload{flex-direction:column;align-items:flex-start}}.admin-settings-add-endpoint-btn{color:#0369a1;cursor:pointer;background:#e0f2fe;border:1px solid #0ea5e9;border-radius:3px;margin-top:12px;padding:6px 10px;font-size:12px}.admin-settings-add-form{align-items:center;gap:4px;margin-top:8px;display:flex}input.admin-settings-endpoint-input{border:1px solid #d1d5db!important;border-radius:3px!important;flex:1!important;width:auto!important;padding:4px 6px!important;font-size:12px!important}.admin-settings-add-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:3px;padding:4px 8px;font-size:11px}.admin-settings-add-btn:disabled{background:#9ca3af}.admin-settings-cancel-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:3px;padding:4px 8px;font-size:11px}.admin-settings-endpoint-item{justify-content:space-between;align-items:center;margin-right:auto;display:flex}.bulk-actions-container{z-index:999;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:400px;min-width:400px;max-width:400px;max-height:80vh;padding:20px;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%);box-shadow:0 8px 32px #00000026}.bulk-actions-content{flex:1;padding-right:5px;overflow-y:auto}.bulk-channel-selection{margin:8px 0}.channel-checkboxes{gap:100px;margin-top:10px;display:flex}.channel-checkbox{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.category-checkboxes{gap:120px;margin:6px 0 20px;display:flex}.category-checkbox{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.template-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:15px 0;padding:15px}.template-dropdown{border:1px solid #ddd;border-radius:4px;width:100%;margin:6px 0;padding:8px 12px}.template-preview{margin-top:10px}.template-content{background:#fff;border:1px solid #ddd;border-radius:6px;padding:15px;font-size:10px;line-height:1.4}.template-content p{margin:4px 0;font-size:10px}.template-content strong{font-size:10px}.bulk-actions-buttons{background:#fff;border-top:1px solid #e9ecef;margin-top:15px;padding:15px 0;position:-webkit-sticky;position:sticky;bottom:0}.bulk-actions-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bulk-actions-header h4{color:#1f2937;margin:0;font-size:16px}.bulk-actions-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;display:flex}.bulk-actions-close-btn:hover{color:#374151}.bulk-actions-buttons{gap:12px;margin-bottom:16px;display:flex}.bulk-action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:all .2s;display:flex}.bulk-whatsapp-btn{color:#fff;background:#137236}.bulk-whatsapp-btn:hover{background:#169385}.bulk-email-btn{color:#fff;background:#3b82f6}.bulk-email-btn:hover{background:#2563eb}.bulk-template-preview{border-top:1px solid #e5e7eb;padding-top:16px}.bulk-template-preview h5{color:#374151;margin:0 0 12px;font-size:14px}.bulk-template-content{background:#f9fafb;border-radius:8px;padding:12px;font-size:13px;line-height:1.4}.bulk-template-content p{margin:4px 0}.bulk-template-content a{color:#3b82f6;text-decoration:none}.error-message-admin{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:8px;padding:12px}.error-message-admin.bg-yellow-50{background-color:#fffbeb}.error-message-admin .border-yellow-200{border-color:#fde68a}.error-message-admin .text-yellow-400{color:#fbbf24}.error-message-admin .text-yellow-800{color:#92400e}.error-message-admin .text-yellow-600{color:#d97706}.error-message-admin .text-yellow-500{color:#f59e0b}.error-message-admin .flex{display:flex}.error-message-admin .items-center{align-items:center}.error-message-admin .text-red-400{color:#f87171}.error-message-admin .mr-2{margin-right:8px}.error-message-admin .text-sm{font-size:14px}.error-message-admin .text-red-800{color:#991b1b}.error-message-admin .font-medium{font-weight:500}.error-message-admin .text-red-600{color:#dc2626}.error-message-admin .text-xs{font-size:12px}.error-message-admin .text-red-500{color:#ef4444}.error-message-admin .mt-1{margin-top:4px}.bulk-action-btn.opacity-50{opacity:.5}.bulk-action-btn.cursor-not-allowed{cursor:not-allowed}.bulk-action-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-action-btn:disabled:hover{background:#137236}.lock-status{border-radius:6px;margin-top:4px;padding:10px;font-size:13px}.lock-status.checking{color:#374151;background-color:#f3f4f6;border:1px solid #d1d5db}.lock-status.warning{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;margin-bottom:10px}.lock-status.success{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;margin-bottom:10px}.locked-users-list{max-height:120px;margin:8px 0;overflow-y:auto}.locked-user{background:#0000000d;border-radius:4px;justify-content:space-between;align-items:center;margin:2px 0;padding:4px 8px;display:flex}.user-name{font-weight:500}.remaining-time{color:#d97706;font-size:11px;font-weight:600}.lock-info{color:#43474f;margin:8px 0 0;font-size:14px;font-style:italic}@media (max-width:768px){.bulk-actions-container{border-radius:12px 12px 0 0;min-width:auto;position:fixed;top:auto;bottom:0;left:0;right:0;transform:none}.bulk-actions-buttons{flex-direction:column}}.email-templates-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.email-templates-header h3{color:#1f2937;margin:0;font-size:1.5rem;font-weight:600}.add-template-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:all .2s;display:flex}.add-template-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.add-template-btn:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.templates-list{flex-direction:column;gap:12px;display:flex}.no-templates{text-align:center;color:#6b7280;padding:40px 20px}.no-templates p{margin-bottom:20px;font-size:1.1rem}.template-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.template-card:hover{border-color:#10b981;box-shadow:0 2px 8px #10b9811a}.template-info h4{color:#1f2937;margin:0 0 4px;font-size:1rem;font-weight:600}.template-date{color:#6b7280;margin:0;font-size:.65rem}.template-actions{gap:6px;display:flex}.template-action-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.template-action-btn svg{width:16px;height:16px}.template-action-btn:hover{color:#374151;background:#f3f4f6}.preview-btn-admin{color:#3b82f6}.preview-btn:hover{color:#2563eb}.edit-btn-admin{color:#048631}.edit-btn-admin:hover{color:#06d90d}.delete-btn-admin{color:#ef4444}.delete-btn-admin:hover{color:#dc2626}.email-template-modal{width:90vw;max-width:800px}.email-preview-modal{width:95vw;max-width:900px}.modal-header-admin{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:1rem;position:-webkit-sticky;position:sticky;top:0}.email-template-modal .modal-header-admin{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding:0 40px 16px 0;position:relative}.email-template-modal .modal-header h3{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.template-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#374151;font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;padding:12px;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.template-placeholders{margin-bottom:8px}.template-placeholders small{color:#6b7280;font-size:.75rem}.template-placeholders code{color:#10b981;background:#f3f4f6;border-radius:3px;padding:2px 4px;font-size:.7rem;font-weight:500}.form-group textarea{resize:vertical;border:1px solid #d1d5db;border-radius:6px;padding:12px;font-family:Courier New,monospace;font-size:.875rem;line-height:1.4;transition:border-color .2s}.template-preview{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.template-preview label{color:#374151;background:#f3f4f6;border-bottom:1px solid #e5e7eb;margin:0;padding:12px 16px;font-weight:500;display:block}.template-preview-content{border:1px solid #ddd;border-radius:4px;max-height:300px;padding:16px;overflow:auto}.preview-content{max-height:500px;padding:20px;overflow:auto}.email-preview-html{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:20px}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.save-btn-admin{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s}.save-btn-admin:hover:not(:disabled){background:#059669}.save-btn-admin:disabled{cursor:not-allowed;background:#9ca3af}.cancel-btn-admin{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s}.cancel-btn-admin:hover:not(:disabled){background:#4b5563}.template-delete-modal{padding:20px}.template-delete-modal h3{color:#1f2937;margin:0 0 16px}.template-delete-modal p{color:#6b7280;margin-bottom:16px}.template-delete-actions{justify-content:flex-end;gap:12px;display:flex}.template-delete-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:4px;padding:8px 16px}.view-more-container{text-align:center;margin:16px 0}.view-more-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:.875rem;transition:all .2s}.view-more-btn:hover{color:#1f2937;background:#e5e7eb}.template-delete-cancel-btn{color:#fff;cursor:pointer;background-color:#6b7280;border:none;border-radius:4px;padding:8px 16px}@media (max-width:768px){.email-templates-header{flex-direction:column;align-items:stretch;gap:16px}.template-card{flex-direction:column;align-items:stretch;gap:12px}.template-actions{justify-content:center}.email-template-modal,.email-preview-modal{width:95vw;margin:10px}.form-actions{flex-direction:column}}.reacrefralcode-container{padding:20px}.reacrefralcode-title{margin-bottom:10px;font-size:16px;font-weight:500}.reacrefralcode-field{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.reacrefralcode-label{color:#374151;font-size:14px}.reacrefralcode-select{border:1px solid #d1d5db;border-radius:4px;padding:8px;font-size:14px}.reacrefralcode-footer{justify-content:flex-end;gap:12px;display:flex}.reacrefralcode-btn{cursor:pointer;border:none;border-radius:4px;padding:8px 18px;font-size:14px}.reacrefralcode-cancel{color:#111827;background-color:#e5e7eb}.reacrefralcode-add{color:#fff;background-color:#3b82f6}.reacrefralcode-add:disabled{cursor:not-allowed;background-color:#9ca3af}.admin-billing-page{min-height:100vh;font-family:var(--font-body-alt)}.modal-invoice-width{max-width:1000px!important}.admin-billing-container{max-width:1280px;margin:0 auto}.admin-billing-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;display:grid}.admin-billing-stat-card{transition:box-shadow var(--transition-fast);background:#fff;border:.25px solid #c5d4f3;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a}.admin-billing-stat-card:hover{box-shadow:0 4px 6px #7197a3e2}.admin-billing-stat-content{justify-content:space-between;align-items:center;display:flex}.admin-billing-stat-label{color:#6b7280;margin:0 0 .25rem;font-size:.875rem;font-weight:500}.admin-billing-stat-value{color:#1f2937;margin:0;font-size:1.2rem;font-weight:700}.admin-billing-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;display:flex}.admin-billing-stat-card.admin-billing-green .admin-billing-stat-icon{color:#10b981;background:#d1fae5}.admin-billing-stat-card.admin-billing-blue .admin-billing-stat-icon{color:#3b82f6;background:#dbeafe}.admin-billing-stat-card.admin-billing-green-light .admin-billing-stat-icon{color:#059669;background:#d1fae5}.admin-billing-stat-card.admin-billing-red .admin-billing-stat-icon{color:#dc2626;background:#fee2e2}.admin-billing-filter-bar{background:#fff;border:.25px solid #c5d4f3;border-radius:8px;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.admin-billing-search-section{margin-bottom:1rem}.admin-billing-search-input-wrapper{max-width:500px;position:relative}.admin-billing-search-icon{color:#9ca3af;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-billing-search-input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:.5rem .75rem .5rem 2.5rem;font-size:.875rem;transition:border-color .2s}.admin-billing-search-input:focus{border-color:#6366f1}.admin-billing-filter-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-billing-date-filter{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-billing-date-label{color:#374151;font-size:.875rem;font-weight:600}.admin-billing-date-input{cursor:pointer!important;border:1px solid #d1d5db!important;border-radius:8px!important;outline:none!important;min-width:140px!important;padding:.5rem .75rem!important;font-size:.875rem!important;transition:border-color .2s!important}.admin-billing-date-input:focus{border-color:#6366f1}.admin-billing-date-separator{color:#6b7280;font-size:.875rem;font-weight:500}.admin-billing-clear-date-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.admin-billing-clear-date-btn:hover{background:#dc2626}.admin-billing-filter-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.admin-billing-filter-btn{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.admin-billing-filter-btn:hover{background:#e5e7eb}.admin-billing-filter-btn.admin-billing-active{color:#fff;background:#6366f1}.admin-billing-transactions-container{flex-direction:column;gap:1rem;display:flex}.admin-billing-loading-state{text-align:center;color:#6b7280;background:#fff;border-radius:8px;padding:3rem;font-size:1.125rem}.admin-billing-empty-state{text-align:center;background:#fff;border:.25px solid #c5d4f3;border-radius:8px;padding:3rem;box-shadow:0 1px 3px #0000001a}.admin-billing-empty-icon{color:#9ca3af;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;font-size:1.875rem;display:flex}.admin-billing-empty-state h3{color:#1f2937;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.admin-billing-empty-state p{color:#6b7280;margin:0}.admin-billing-transaction-card{transition:box-shadow var(--transition-fast);background:#fff;border:.25px solid #c5d4f3;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.admin-billing-transaction-card:hover{box-shadow:0 4px 6px #7197a3e2}.admin-billing-transaction-main{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.admin-billing-transaction-left{flex:1;gap:1rem;display:flex}.admin-billing-transaction-icon{color:#fff;background:#6366f1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;display:flex}.admin-billing-transaction-details{flex:1}.admin-billing-transaction-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.admin-billing-transaction-title{color:#1f2937;margin:0;font-size:1.125rem;font-weight:700}.admin-billing-status-badge{border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-billing-status-badge.admin-billing-paid{color:#065f46;background:#d1fae5}.admin-billing-status-badge.admin-billing-pending{color:#92400e;background:#fef3c7}.admin-billing-status-badge.admin-billing-failed{color:#991b1b;background:#fee2e2}.admin-billing-transaction-recruiter{color:#6b7280;margin:.25rem 0;font-size:.875rem;font-weight:500}.admin-billing-transaction-id{color:#9ca3af;margin:.25rem 0;font-size:.75rem}.admin-billing-transaction-date{color:#6b7280;align-items:center;gap:.25rem;margin:.25rem 0 0;font-size:.75rem;display:flex}.admin-billing-transaction-right{text-align:right;flex-direction:column;align-items:flex-end;gap:.5rem;margin-left:1rem;display:flex}.admin-billing-amount{color:#10b981;font-size:1.5rem;font-weight:700}.admin-billing-view-invoice-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.admin-billing-view-invoice-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 2px 4px #6366f14d}.admin-billing-transaction-meta{border-top:1px solid #e5e7eb;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;padding-top:1rem;display:grid}.admin-billing-meta-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.admin-billing-meta-item svg{color:#9ca3af}.admin-billing-meta-item strong{color:#1f2937}@media (max-width:768px){.admin-billing-page{padding:1rem}.admin-billing-stats-grid{grid-template-columns:1fr}.admin-billing-filter-actions{flex-direction:column;align-items:stretch}.admin-billing-filter-buttons{justify-content:center}.admin-billing-transaction-main{flex-direction:column;gap:1rem}.admin-billing-transaction-right{text-align:left;margin-left:0}.admin-billing-transaction-meta{grid-template-columns:1fr}}.rec-login-modal{scrollbar-width:none;-ms-overflow-style:none;max-width:450px;max-height:85vh;overflow-y:auto}.rec-login-modal::-webkit-scrollbar{display:none}.rec-auth-container{min-height:100%;font-family:var(--font-body-alt);flex-direction:column;display:flex}.rec-simple-container{font-family:var(--font-body-alt)}.rec-simple-content{padding:16px}.rec-auth-header{text-align:center;border-bottom:1px solid var(--border-color);background:var(--bg-color);padding:5px 16px 16px}.rec-auth-icon{color:#fff;background:linear-gradient(135deg,#4285f4,#34a853);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:18px;display:flex;box-shadow:0 4px 12px #4285f44d}.rec-auth-title{color:var(--text-color);font-size:22px;font-weight:400;font-family:var(--font-body-alt);margin:0 0 6px}.rec-auth-subtitle{color:var(--muted-text);margin:0;font-size:14px;line-height:1.3}.rec-auth-content{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex:1;padding:16px;overflow-y:auto}.rec-auth-content::-webkit-scrollbar{width:6px}.rec-auth-content::-webkit-scrollbar-track{background:0 0}.rec-auth-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.rec-auth-content::-webkit-scrollbar-thumb:hover{background:var(--muted-text)}.rec-auth-footer{border-top:1px solid var(--border-color);background:var(--bg-color);text-align:center;padding:12px 16px}.rec-auth-footer p{color:var(--muted-text);margin:0;font-size:14px}.Rec-Sign-Login{font-family:var(--font-body-alt)}.rec-login-header{text-align:center;margin-bottom:20px}.rec-login-icon{color:#fff;background:linear-gradient(135deg,#4285f4,#34a853);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;padding:8px;font-size:18px;display:flex;box-shadow:0 4px 12px #4285f44d}.rec-login-header h1{color:var(--text-color);font-size:22px;font-weight:400;font-family:var(--font-body-alt);margin:0 0 6px}.rec-login-header p{color:var(--muted-text);margin:0;font-size:14px;line-height:1.3}.rec-login-form{margin-bottom:16px}.rec-form-group{min-height:70px;margin-bottom:20px;position:relative}.rec-radio-group{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.rec-radio-option{background:var(--bg-color);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex;position:relative}.rec-radio-option:hover{background:var(--highlight-bg,#f8fafc);border-color:var(--btn-bg)}.rec-radio-option input[type=radio]{accent-color:var(--btn-bg);margin-right:12px;transform:scale(1.2)}.rec-radio-option span{cursor:pointer;color:var(--text-color);flex:1;margin:0;font-size:14px;font-weight:500}.rec-error-message{color:#ea4335;min-height:16px;font-size:12px;line-height:1.3;display:block;position:absolute}.rec-login-error-message{color:#ea4335;font-size:14px;line-height:1.3;display:block;position:absolute;bottom:140px}.rec-form-group label{color:var(--text-color);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.rec-input-wrapper{border:1px solid var(--border-color);background:var(--bg-color);border-radius:8px;transition:all .2s;position:relative}.rec-input-wrapper:hover{border-color:#1a73e8;box-shadow:0 1px 6px #2021241a}.rec-input-wrapper.focused{border-color:#1a73e8;box-shadow:0 1px 6px #1a73e833}.rec-input-icon{color:var(--muted-text);z-index:1;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.rec-input-wrapper input{width:100%!important;color:var(--text-color)!important;font-size:14px!important;font-family:var(--font-body-alt)!important;background:0 0!important;border:none!important;border-radius:8px!important;outline:none!important;padding:12px 40px!important;transition:all .2s!important}.rec-input-wrapper input::placeholder{color:var(--muted-text)}.rec-input-wrapper input:focus{outline:none}.rec-password-toggle{color:var(--muted-text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;transition:all .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.rec-password-toggle:hover{background:var(--highlight-bg);color:var(--btn-bg)}.rec-login-btn{background:var(--btn-bg);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:20px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.rec-login-btn:hover:not(:disabled){background:var(--btn-hover);box-shadow:var(--shadow-md)}.rec-login-btn:active:not(:disabled){transform:translateY(1px)}.rec-login-btn:disabled{color:#9aa0a6;cursor:not-allowed;box-shadow:none;background:#dadce0}.rec-login-footer{text-align:center;margin-top:16px}.rec-forgot-link{color:var(--btn-bg);margin:right;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.rec-forgot-link:hover{color:var(--btn-hover)}.rec-login-footer p{color:var(--muted-text);margin:12px 0 0;font-size:14px}.rec-signup-link{color:var(--btn-bg);font-weight:500;text-decoration:none;transition:color .2s}.rec-signup-link:hover{color:var(--btn-hover)}@media (max-width:480px){.rec-auth-container{max-height:90vh}.rec-auth-header{padding:16px 12px 12px}.rec-auth-content{padding:12px}.rec-auth-title{font-size:20px}.rec-auth-icon{width:40px;height:40px;font-size:16px}.rec-input-wrapper input{font-size:16px!important}.rec-form-group{min-height:60px;margin-bottom:16px}}@media (max-width:360px){.rec-login-modal{max-width:95vw;margin:5px}.rec-auth-header{padding:12px 8px 8px}.rec-auth-content{padding:8px}.rec-auth-icon{width:36px;height:36px;font-size:14px}.rec-auth-title{font-size:18px}}.rec-layout{background:#f8fafc;min-height:100vh;display:flex}.rec-sidebar{z-index:30;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:256px;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0}.rec-sidebar.collapsed{width:80px}.rec-sidebar-header{border-bottom:1px solid #e2e8f0;height:73px;padding:16px}.rec-header-content{justify-content:space-between;align-items:center;display:flex}.rec-logo-section{align-items:center;gap:12px;padding:0 0 0 1px;display:flex}.rec-toggle-btn{cursor:pointer;color:#4a5568;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.rec-toggle-btn:hover{background:#f7fafc}.rec-toggle-btn.centered{margin:0 auto}.rec-sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.rec-nav-list{flex-direction:column;gap:4px;margin:0;padding:0 12px;list-style:none;display:flex}.rec-nav-button{cursor:pointer;color:#1e293b;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:16px;transition:all .2s;display:flex}.rec-nav-button-1{cursor:pointer;color:#1e293b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px 16px;font-size:16px;transition:all .2s;display:flex}.rec-nav-button:hover,.rec-nav-button-1:hover{background:#f7fafc}.rec-nav-button.active,.rec-nav-button-1.active{color:#fff;background:#667eea}.rec-nav-content{align-items:center;gap:12px;display:flex}.rec-nav-content i{text-align:center;width:18px;font-size:18px}.rec-nav-label{font-size:16px;font-weight:600;display:flex}.rec-nav-label-1{display:none}.rec-nav-badge{color:#667eea;background:#e2e8f0;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.rec-nav-badge.active{color:#fff;background:#5a67d8}.rec-sidebar-footer{border-top:1px solid #e2e8f0;padding:16px}.rec-plan-display{margin-bottom:12px}.rec-plan-badge{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;font-size:12px;font-weight:600;transition:transform .2s;display:flex}.rec-plan-badge:hover{transform:scale(1.02)}.rec-plan-name{font-size:13px;font-weight:700}.rec-plan-status{opacity:.9;font-size:11px;font-weight:500}.rec-user-info{align-items:center;gap:12px;display:flex}.rec-notification-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 16px;font-weight:500;transition:all .2s;display:flex;position:relative}.rec-notification-btn:hover{color:#667eea;background:#f7fafc}.rec-bell-icon{font-size:18px}.rec-notification-badge{background:#e53e3e;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:12px}.rec-user-info-collapsed{justify-content:center;margin-bottom:12px;display:flex}.rec-user-avatar{text-transform:capitalize;text-align:center;color:#fff;cursor:pointer;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.rec-user-details{flex:1;min-width:0}.rec-user-name{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.rec-user-role{color:#718096;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.rec-logout-btn{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.rec-logout-btn:hover{background:#c53030}.rec-logout-btn.collapsed{padding:8px}.rec-desktop-logout-btn{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.rec-desktop-logout-btn:hover{background:#c53030}.rec-main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:256px;transition:margin-left .3s;display:flex}.rec-layout .rec-sidebar.collapsed+.rec-main-content{margin-left:80px}.rec-navbar-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:73px;padding:28px 20px;display:flex;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.rec-navbar-title-main{color:#2d3748;margin:0;font-size:24px;font-weight:700}.rec-profile-section{position:relative}.rec-profile-icon{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:all .3s;display:flex}.rec-profile-icon:hover{transform:scale(1.05);box-shadow:0 4px 15px #667eea4d}.rec-profile-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:120px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 30px #00000026}.rec-profile-dropdown button{color:#e53e3e;cursor:pointer;background:#fff;border:none;width:100%;padding:12px 16px;font-weight:500;transition:background .2s}.rec-mobile-menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:8px;display:none}.rec-mobile-menu-toggle span{background:var(--text-color);border-radius:2px;width:24px;height:3px;transition:all .3s}.rec-mobile-overlay{z-index:999;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.rec-navbar-right{align-items:center;gap:16px;display:flex}.rec-desktop-only{display:flex}.rec-mobile-user-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px;display:none}.rec-mobile-user-info{align-items:center;gap:12px;display:flex}.rec-mobile-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.rec-mobile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.rec-mobile-user-details{flex-direction:column;display:flex}.rec-mobile-user-name{font-size:16px;font-weight:600}.rec-mobile-user-role{opacity:.9;font-size:14px}.rec-mobile-menu-items{display:none}.rec-mobile-divider{background:#e2e8f0;height:1px;margin:16px 0}.rec-mobile-nav-item{width:100%;color:var(--text-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:16px;transition:background .2s;display:flex}.rec-mobile-nav-item:hover{background:var(--highlight-bg,#f7fafc)}.rec-mobile-nav-item.logout{color:#e53e3e}.rec-mobile-plan-badge{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin:16px;padding:12px 16px;font-weight:600;transition:transform .2s}.rec-mobile-plan-badge:hover{transform:scale(1.02)}.rec-mobile-plan-name{font-size:14px}@media (max-width:768px){.rec-mobile-menu-toggle{display:flex}.rec-desktop-only{display:none!important}.rec-sidebar-header,.rec-plan-display{display:none}.rec-mobile-user-header,.rec-mobile-menu-items,.rec-mobile-overlay{display:block}.rec-sidebar{z-index:1000;width:280px;transition:transform .3s;position:fixed;transform:translate(-100%)}.rec-sidebar.mobile-open{transform:translate(0)}.rec-main-content{margin-left:0!important}.rec-navbar-header{padding:16px 20px}.rec-navbar-title-main{font-size:20px}.rec-actions-grid,.rec-stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.rec-sidebar-nav{flex:none;padding:16px 0;overflow-y:auto}}.rec-dashboard-content{zoom:.8;transform-origin:0 0;background:#f8fafc;flex:1;min-height:100vh}.rec-top-nav{z-index:20;background:#fff;border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}.rec-nav-container{padding:16px 24px}.rec-nav-header{justify-content:space-between;align-items:center;display:flex}.rec-nav-title{color:#1a202c;margin:0;font-size:20px;font-weight:700}.rec-nav-subtitle{color:#718096;margin:0;font-size:14px}.rec-nav-actions{align-items:center;gap:16px;display:flex}.rec-notification-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-weight:500;transition:color .2s;position:relative}.rec-notification-btn:hover{color:#667eea}.rec-notification-dot{background:#e53e3e;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:8px}.rec-primary-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 24px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.rec-primary-btn:hover{background:#5a67d8}.rec-dashboard-main{padding:24px}.rec-welcome-card{background:#fff;border:.25px solid #c5d4f3;border-radius:8px;margin-bottom:1rem;padding:20px;box-shadow:0 1px 3px #0000001a}.rec-welcome-content{justify-content:space-between;align-items:center;display:flex}.rec-welcome-title{color:#1a202c;font-size:24px;font-weight:700}.rec-welcome-text{color:#4a5568;margin:0}.rec-wallet-info{color:#1a202c;border-radius:8px;min-width:200px;transition:all .2s}.rec-wallet-info:hover{border-color:#5a67d8}.test{gap:.5rem;display:flex}.test-icon-Text{gap:3px;display:flex}.walletText{color:#4a5568;font-family:inherit}.text_topup{color:#4a5568;font-family:inherit;font-size:12px;font-weight:500}.balnceSection-dash{justify-content:center;align-items:center;gap:.3rem;display:flex}.profileAccesDashText{color:var(--muted-text);width:150px;margin-top:5px;font-size:.75rem;font-weight:500}.balanceAmount{color:#1a202c;margin-left:3px;font-family:inherit;font-size:20px;font-weight:700}.tIcon{color:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.topICon{cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.topICon:hover{transform:scale(1.05)}.topICon[data-navigate=subscription]{cursor:pointer}.navigate-to-subscription{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wallet-header{justify-content:space-between;align-items:center;gap:3px;display:flex}.wallet-icon{color:#3d5ef3;font-weight:600}.wallet-label{color:#4a5568;font-size:14px;font-weight:600}.wallet-plan{color:#1a202c;font-size:16px;font-weight:700;line-height:1.2}.wallet-action{color:#5a67d8;cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:500;transition:color .2s;display:flex}.wallet-action:hover{color:#294ef6}.wallet-balance-row{justify-content:space-between;align-items:center;gap:6px;margin-top:8px;display:flex}.rec-right-section{flex-direction:column;gap:2px;display:flex}.rec-date-label{color:#718096;font-size:14px}.rec-date-value{color:#1a202c;margin:0;font-size:12px;font-weight:600}.rec-stats-section{margin-bottom:1rem}.rec-section-title-1{color:#1e293b;border-bottom:1px solid #e2e8f0;margin:0 0 16px;padding-bottom:8px;font-size:20px;font-weight:600}.rec-section-title-2{color:#1e293b;margin:0 0 16px;padding-bottom:2px;font-size:20px;font-weight:600}.rec-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.rec-stat-card{background:#fff;border:.25px solid #c5d4f3;border-radius:8px;padding:24px;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.rec-stat-card:hover{box-shadow:0 4px 6px #7197a3e2}.rec-stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.rec-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.rec-stat-badge{border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.rec-badge-positive{color:#22543d;background:#f0fff4}.rec-badge-info{color:#2a69ac;background:#ebf8ff}.rec-badge-warning{color:#c05621;background:#fffbeb}.rec-badge-default{color:#4a5568;background:#f7fafc}.rec-stat-title{color:#1e293b;margin:0 0 4px;font-size:18px;font-weight:500}.rec-stat-value{color:#1a202c;margin:0 0 4px;font-size:32px;font-weight:700}.rec-stat-subtitle{color:#718096;margin:0;font-size:16px}.bg-blue-100{background:#ebf8ff}.bg-purple-100{background:#faf5ff}.bg-yellow-100{background:ivory}.bg-red-100{background:#fed7d7}.bg-green-100{background:#f0fff4}.bg-indigo-100{background:#ebf4ff}.text-blue-600{color:#3182ce}.text-purple-600{color:#805ad5}.text-yellow-600{color:#d69e2e}.text-red-600{color:#e53e3e}.text-green-600{color:#38a169}.text-indigo-600{color:#667eea}.rec-quick-actions{background:#fff;border:.25px solid #c5d4f3;border-radius:8px;margin-bottom:1rem;padding:24px;box-shadow:0 1px 3px #0000001a}.rec-actions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.rec-action-card{text-align:left;cursor:pointer;background:0 0;border:2px solid #e2e8f0;border-radius:8px;padding:24px;transition:all .2s}.rec-action-primary{color:#fff;background:#667eea;border-color:#667eea}.rec-action-primary:hover{background:#5a67d8;border-color:#5a67d8}.rec-action-secondary{color:#4a5568}.rec-action-secondary:hover{color:#667eea;border-color:#667eea}.rec-action-icon{margin-bottom:12px;font-size:32px}.rec-action-title{color:#1e293b;margin:0 0 4px;font-size:18px;font-weight:600}.rec-action-subtitle{opacity:.8;margin:0;font-size:16px}.rec-action-primary .rec-action-subtitle{color:#fffc}.rec-activity-section{background:#fff;border:.25px solid #c5d4f3;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.rec-activity-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rec-view-all-btn{color:#4561df;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:16px;font-weight:500;transition:color .2s;display:flex}.rec-view-all-btn:hover{color:#5a67d8}.rec-activity-list{flex-direction:column;gap:4px;display:flex}.rec-activity-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.rec-activity-item:hover{background:#f7fafc}.rec-activity-border{border-bottom:1px solid #f1f5f9}.rec-activity-content{align-items:center;gap:16px;display:flex}.rec-activity-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rec-activity-text{flex:1}.rec-activity-title{color:#1a202c;margin:0 0 2px;font-size:16px;font-weight:600}.rec-activity-subtitle{color:#718096;margin:0;font-size:14px}.rec-activity-time{color:#a0aec0;font-size:14px;font-weight:500}@media (max-width:768px){.rec-dashboard-main{padding:16px}.rec-welcome-content{flex-direction:column;align-items:flex-start;gap:16px}.rec-right-section{align-items:flex-start;width:100%}.rec-date-section{text-align:left}.rec-stats-grid,.rec-actions-grid{grid-template-columns:1fr 1fr;gap:12px}.rec-stat-card,.rec-action-card{padding:16px}.rec-stat-value{font-size:24px}.rec-action-title{font-size:14px}.rec-action-subtitle{font-size:12px}.rec-nav-header{flex-direction:column;align-items:flex-start;gap:12px}.rec-activity-item{flex-direction:column;align-items:flex-start;gap:8px}.rec-activity-time{align-self:flex-end}}.rec-search-container{width:100%;height:100%}.resume-locked-title{color:#1e293b;margin-bottom:6px;font-size:22px;font-weight:700}.resume-locked-description{color:#475569;margin-bottom:6px;font-size:15px;line-height:1.6}.upgrade-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:10px 20px;font-size:15px;transition:all .2s ease-in-out}.upgrade-btn:hover{background:#1e40af}.rec-search-main{height:100%;padding:20px;overflow-y:auto}.rec-search-form{background-color:#fff;border:.25px solid #c5d4f3;border-radius:.5rem;margin-bottom:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.rec-form-title{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin:0 0 1rem;padding-bottom:.5rem;display:flex}.rec-form-title h3{color:#1f2937;font-size:1.125rem;font-weight:600}.search-note{color:red;font-size:.9rem}.rec-filters-container{margin-bottom:1rem}.rec-filters-row{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.rec-filters-row:last-child{margin-bottom:0}.rec-filters-row:last-child .rec-filter-group{flex:1;max-width:calc(33.333% - .67rem)}.clear-btn{color:#dc2626;cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:11px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.select-clear-btn{right:30px}@media (max-width:1200px){.clear-btn{right:10px}.select-clear-btn{right:25px}}@media (max-width:992px){.clear-btn{right:8px}.select-clear-btn{right:22px}}@media (max-width:768px){.rec-filters-row{flex-direction:column;gap:.75rem}.rec-filter-group{width:100%;max-width:100%}.rec-filters-row:last-child .rec-filter-group{max-width:100%}.clear-btn{right:12px}.select-clear-btn{right:30px}.advanced-filters.show{max-height:400px}}@media (max-width:480px){.clear-btn{right:10px}.select-clear-btn{right:25px}.advanced-filters.show{max-height:450px}}.candidate-count-badge{color:#fff;white-space:nowrap;cursor:pointer;background:#667eea;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:600;display:flex}.rec-filter-group{flex-direction:column;flex:1;min-width:200px;display:flex}.rec-label{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.rec-input{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d1d5db;border-radius:.375rem;width:100%;height:40px;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}.notice-select{color:#5f5f72f0}.notice-select.has-value,.notice-select option:not([disabled]){color:#111827}.notice-select option[disabled]{color:#77779e}.rec-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.rec-actions{flex-wrap:wrap;gap:.5rem;display:flex}.rec-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:.5rem;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.rec-btn-primary{color:#fff;background-color:#4f46e5}.rec-btn-primary:hover{background-color:#4338ca}.rec-btn-secondary{color:#fff;background-color:#6b7280}.rec-btn-myCandidtaes{color:#fff;background-color:#667eea;justify-content:center;display:flex}.rec-btn-secondary:hover{background-color:#4b5563}.rec-btn-success{color:#fff;background-color:#059669}.rec-btn-success:hover{background-color:#047857}.rec-btn:disabled{opacity:.6;cursor:not-allowed}.rec-results-header{background-color:#fff;border:.25px solid #c5d4f3;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000001a}.rec-results-text{color:#374151;margin:0}.rec-results-count{color:#1f2937;font-size:1.125rem}.rec-sort-section{align-items:center;display:flex}.rec-sort-label{color:#6b7280;width:60px;font-size:.875rem;font-weight:500}.rec-sort-select{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;width:200px!important}.rec-sort-select:focus{border-color:#4f46e5;outline:none}.rec-candidates-list{flex-direction:column;gap:1rem;display:flex}.rec-candidate-card{background-color:#fff;border:.5px solid #c5d4f3;border-radius:.5rem;padding:1rem;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.rec-candidate-card:hover{box-shadow:0 4px 6px #7197a3e2}.rec-candidate-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.rec-candidate-info{align-items:center;gap:1rem;display:flex}.rec-avatar{color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;font-weight:700;display:flex}.rec-avatar-indigo{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.rec-avatar-orange{background:linear-gradient(135deg,#f97316,#dc2626)}.rec-avatar-green{background:linear-gradient(135deg,#10b981,#059669)}.rec-candidate-details{flex:1}.rec-candidate-name{color:#1f2937;margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.rec-candidate-role{color:#6b7280;margin:0;font-size:.875rem}.rec-candidate-actions{flex-wrap:wrap;gap:.5rem;display:flex}.rec-action-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:.5rem;align-items:center;gap:.25rem;min-height:40px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.rec-shortlist-btn{color:#92400e;background-color:#fef3c7}.rec-shortlist-btn:hover{background-color:#fde68a}.rec-view-btn{color:#1d4ed8;background-color:#dbeafe}.rec-view-btn:hover{background-color:#bfdbfe}.rec-candidate-meta{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.rec-candidate-meta .rec-meta-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rec-meta-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.rec-meta-item i{color:#9ca3af}.rec-meta-item strong{color:#1f2937}.rec-skills-section{justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.rec-skills-label{color:#374151;font-size:.875rem;font-weight:600;display:block}.rec-skills-list{flex-wrap:wrap;gap:.5rem;display:flex}.rec-skill-tag{color:#5b21b6;background-color:#ede9fe;border-radius:9999px;padding:.4rem .6rem;font-size:.75rem;font-weight:500}.rec-summary-section{gap:.5rem;margin-bottom:0;display:flex}.rec-summary-label{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.rec-summary-text{color:#6b7280;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.rec-pagination{background-color:#fff;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000001a}.rec-pagination-text{color:#6b7280;margin:0;font-size:.875rem}.rec-pagination-controls{gap:.5rem;display:flex}.rec-page-btn{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.rec-page-btn:hover:not(:disabled){background-color:#f9fafb}.rec-page-btn:disabled{color:#9ca3af;cursor:not-allowed}.rec-page-active{color:#fff!important;background-color:#4f46e5!important;border-color:#4f46e5!important}@media (max-width:768px){.rec-search-main{padding:16px}.rec-filters-row{flex-wrap:wrap;gap:.75rem;display:flex}.rec-filter-group{min-width:unset;flex:calc(50% - .375rem)}.rec-filters-row:first-child .rec-filter-group:nth-child(3){flex:100%}.rec-filters-row:nth-child(2) .rec-filter-group{flex:calc(50% - .375rem)}.rec-filters-row:nth-child(2) .rec-filter-group:nth-child(3){flex:100%}.advanced-filters .rec-filter-group{flex:100%;max-width:100%}.rec-input{max-width:100%;height:auto;min-height:44px;padding:.5rem .75rem;font-size:16px}.rec-actions{gap:.5rem;margin-top:1rem;display:flex}.search-hide-mobile{display:none}.rec-btn{-webkit-tap-highlight-color:transparent;flex:1;justify-content:center;min-height:44px;padding:.6rem 1rem!important;font-size:.75rem!important}.rec-results-header{flex-direction:column;align-items:flex-start;padding:.75rem}.rec-candidate-header{flex-direction:column;align-items:flex-start}.rec-candidate-actions{justify-content:space-between;width:100%}.rec-action-btn{flex:1;justify-content:center;padding:.4rem .6rem;font-size:.8rem}.rec-candidate-meta{flex-direction:column;gap:.5rem;display:flex}.rec-pagination{flex-direction:column;align-items:flex-start;padding:.75rem}.rec-search-form,.rec-candidate-card{padding:1rem}}.select-wrapper{border-radius:14px;width:100%;max-height:200px;overflow-y:auto}.title-error-message{color:#ea4335;font-size:12px;line-height:1.3;display:block;position:absolute}.custom-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-position:right 14px center;background-repeat:no-repeat;background-size:18px;border:1px solid #d0d0d0;border-radius:14px;outline:none;width:100%;padding:12px 16px;font-size:15px;font-weight:500;transition:all .2s ease-in-out}.custom-select:hover{background-color:#fafafa;border-color:#8a8a8a}.custom-select:focus{border-color:#06f;box-shadow:0 0 0 3px #0066ff40}.custom-select option{cursor:pointer;padding:10px;font-size:15px}.custom-select option:hover{background-color:#f0f4ff}.select-wrapper::-webkit-scrollbar{width:6px}.select-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.select-wrapper::-webkit-scrollbar-thumb{background:#b5b5b5;border-radius:10px}.select-wrapper::-webkit-scrollbar-thumb:hover{background:#999}.shortlistmodal-close{background:var(--surface-bg);cursor:pointer;width:28px;height:28px;color:var(--muted-text);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:100;transition:all .2s ease-in-out;display:flex;top:.75rem;right:.75rem}.shortlistmodal-close:hover{background:var(--border-color-light);color:var(--text-color)}.rec-search-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1rem 2rem;display:flex}.rec-search-empty-icon{color:#6b7280;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;display:flex}.rec-search-empty h2{color:#1f2937;margin:0 0 0;font-size:1.5rem;font-weight:600}.rec-search-empty p{color:#6b7280;max-width:500px;margin:0;font-size:1rem;line-height:1.6}.rec-search-empty .no-found{color:#6b7280;max-width:400px;margin:0;font-size:1rem;line-height:1.6}.rec-search-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.rec-search-loading h2{color:#1f2937;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.rec-search-loading p{color:#6b7280;margin:0;font-size:1rem}.skills-input-container{cursor:text;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;flex-wrap:wrap;align-items:center;gap:4px;min-height:40px;padding:6px 8px;display:flex}.skills-input-container:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.skill-tag-inline{color:#5b21b6;background:#ede9fe;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:500;display:flex}.skill-remove-btn{color:#5b21b6;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:14px;line-height:1}.skill-remove-btn:hover{color:#4c1d95}.skill-input-field{min-height:24px;box-shadow:none!important;border:none!important;outline:none!important;height:auto!important;margin:0!important;padding:0 3px!important}.skill-input-field:focus{background:0 0!important}.popular-skills-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding-top:6px;display:flex}.popular-skill-btn{color:#475569;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-height:32px;padding:4px 8px;font-size:.75rem;transition:all .2s}.popular-skill-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.popular-skill-btn:disabled{opacity:.5;cursor:not-allowed}.advanced-filters-toggle{margin:.5rem 0}.advanced-filters-btn{color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:.2rem;padding:.5rem 0;font-size:.875rem;font-weight:600;transition:color .2s;display:flex}.arrowfilter{color:#374151;cursor:pointer;font-size:1rem;font-weight:600}.advanced-filters-btn:hover{color:#1f2937}.advanced-filters{opacity:0;max-height:0;transition:all .3s ease-in-out;overflow:hidden}.advanced-filters.show{opacity:1;max-height:300px;margin-bottom:1rem}@media (max-width:768px){.advanced-filters.show{max-height:400px}}@media (max-width:480px){.advanced-filters.show{max-height:450px}}.shortlisted-container{background-color:#f9fafb}.main-content{flex:1;overflow-y:auto}.content-wrapper{padding:20px}@media (max-width:768px){.content-wrapper{padding:16px}}.filter-actions-bar{background:#fff;border:.25px solid #c5d4f3;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000001a}.filter-buttons{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.filter-btn.active{color:#fff;background-color:#6366f1}.filter-btn:not(.active){color:#374151;background-color:#f3f4f6}.filter-btn:not(.active):hover{background-color:#e5e7eb}.action-controls{align-items:center;gap:.75rem;display:flex}.sort-select{border:1px solid #d1d5db;border-radius:.375rem;outline:none;padding:.5rem .75rem;font-size:.875rem}.sort-select:focus{border-color:#6366f1}.export-btn{color:#fff;cursor:pointer;background-color:#059669;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.export-btn:hover{background-color:#047857}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.stat-card{transition:box-shadow var(--transition-fast);background:#fff;border:.25px solid #c5d4f3;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.stat-card:hover{box-shadow:0 4px 6px #7197a3e2}.stat-content{justify-content:space-between;align-items:center;display:flex}.stat-label{color:#1e293b;font-size:.875rem;font-weight:500}.stat-value{color:#1e293b;margin-top:.25rem;font-size:1.5rem;font-weight:700}.stat-icon{border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;display:flex}.stat-icon-yellow{color:#d97706;background-color:#fef3c7}.stat-icon-blue{color:#2563eb;background-color:#dbeafe}.stat-icon-green{color:#059669;background-color:#d1fae5}.stat-icon-purple{color:#7c3aed;background-color:#e9d5ff}.candidate-card-new{background:#fff;border:.5px solid #c5d4f3;border-radius:.5rem;margin-bottom:.1rem;padding:1rem;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.candidate-card-new:hover{box-shadow:0 4px 6px #7197a3e2}.candidate-header-section{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.candidate-info-section{align-items:center;gap:1rem;display:flex}.candidate-avatar{color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;font-weight:700;display:flex}.avatar-indigo{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.avatar-pink{background:linear-gradient(135deg,#ec4899,#dc2626)}.candidate-name-row{align-items:center;gap:.5rem;display:flex}.candidate-name-new{color:#1f2937;font-size:1.25rem;font-weight:700}.shortlisted-badge{color:#d97706;background-color:#fef3c7;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.candidate-position-new{color:#6b7280;font-size:.875rem}.shortlisted-date{color:#9ca3af;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;display:flex}.candidate-action-buttons{gap:.5rem;display:flex}.schedule-btn{color:#fff;cursor:pointer;background-color:#059669;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.schedule-btn:hover{background-color:#047857}.view-btn{color:#3730a3;cursor:pointer;background-color:#e0e7ff;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.view-btn:hover{background-color:#c7d2fe}.remove-btn{color:#b91c1c;cursor:pointer;background-color:#fee2e2;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.remove-btn:hover{background-color:#fecaca}.candidate-meta-grid{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.meta-item-new{color:#1e293b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.meta-item-new svg{color:#9ca3af}.candidate-skills-status{grid-template-columns:1fr 1fr;margin-bottom:.75rem;display:grid}.staus-job-title{justify-content:space-between;display:flex}.status-section{flex-direction:column;display:flex}.status-jobtitle{justify-content:center;display:flex}.section-label{color:#1e293b;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.section-label2,.section-shortlistFor{color:#1e293b;text-align:center;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.skills-tags{flex-wrap:wrap;gap:.5rem;margin-top:.2rem;display:flex}.skill-tag-new{color:#3730a3;background-color:#eef2ff;border-radius:9999px;padding:.4rem .6rem;font-size:.75rem;font-weight:500}.status-notes-buttons{align-items:center;gap:.5rem;display:flex}.status-btn{cursor:pointer;text-transform:capitalize;border:none;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:flex}.status-shortlisted{color:#065f46;background-color:#d1fae5}.status-contacted{color:#065f46;background-color:#8df18da7}.status-shortlisted:hover{background-color:#a7f3d0}.status-interview{color:#1e40af;background-color:#dbeafe}.status-interview:hover{background-color:#bfdbfe}.status-btn-shortlistedfor{color:#065f46;background-color:#d1fae5;border:none;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.notes-btn{color:#374151;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:flex}.notes-btn:hover{background-color:#e5e7eb}.candidate-summary-section{gap:.5rem;display:flex}.candidate-summary-new{color:#6b7280;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.candidates-list{flex-direction:column;gap:1rem;display:flex}.pagination{background-color:#fff;border-radius:.5rem;margin-top:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.pagination-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.pagination-info{color:#6b7280;flex-shrink:0;margin:0;font-size:.875rem}.pagination-controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.pagination-btn{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background-color:#f9fafb}.pagination-btn:disabled{color:#9ca3af;cursor:not-allowed}.pagination-btn.active{color:#fff!important;background-color:#4f46e5!important;border-color:#4f46e5!important}.modal-overlay-shortlist{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:#fff;border-radius:.5rem;flex-direction:column;width:100%;max-width:28rem;max-height:80vh;margin:1rem;display:flex;box-shadow:0 20px 25px #00000026}.modal-large{flex-direction:column;max-width:42rem;max-height:80vh;display:flex;overflow:hidden}.modal-header{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:1rem;position:-webkit-sticky;position:sticky;top:0}.modal-header-content{justify-content:space-between;align-items:center;display:flex}.modal-title{color:#1f2937;font-size:1.25rem;font-weight:700}.modal-close-shortlist{cursor:pointer;color:#6b7280;z-index:10;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.25rem;transition:all .2s ease-in-out;display:flex}.modal-close-shortlist:hover{color:#374151;background:#e5e7eb}.modal-subtitle{color:#6b7280;font-size:.875rem}.modal-body{flex:1;min-height:0;padding:.85rem;overflow-y:auto}.modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem}.status-options{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.status-option{cursor:pointer;border:2px solid #e5e7eb;border-radius:.5rem;align-items:center;padding:.75rem;transition:all .2s;display:flex}.status-option:hover{border-color:#d1d5db}.status-option.selected{background-color:#eef2ff;border-color:#6366f1}.status-option input{margin-right:.75rem}.status-option label{color:#374151;font-size:.875rem;font-weight:500}.notes-section{margin-bottom:.75rem}.notes-header{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.notes-list{flex-direction:column;gap:.5rem;display:flex}.note-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem}.note-content{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.note-text{color:#374151;font-size:.75rem}.note-delete{color:#dc2626;cursor:pointer;background:0 0;border:none;margin-left:.5rem}.note-delete:hover{color:#b91c1c}.note-date{color:#6b7280;align-items:center;gap:.25rem;font-size:.55rem;display:flex}.empty-notes{text-align:center}.empty-notes-icon{color:#d1d5db}.empty-notes-text{color:#6b7280;font-size:.875rem}.note-form label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.note-textarea{resize:none;border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;padding:1rem;font-size:.875rem}.note-textarea:focus{border-color:#6366f1}.modal-actions{gap:.75rem;display:flex}.btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;flex:1;padding:.5rem 1rem;font-weight:500}.btn-cancel:hover{background-color:#fff}.btn-save{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:flex}.btn-save:hover:not(:disabled){background-color:#4f46e5}.btn-save:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.content-wrapper{padding:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.pagination-content{flex-direction:column;align-items:center;gap:.75rem}.pagination-info{order:2}.pagination-controls{order:1}.filter-actions-bar{flex-direction:column;align-items:stretch}.candidate-header-section{flex-direction:column;gap:1rem}.candidate-meta-grid{flex-direction:column;gap:.5rem;display:flex}.candidate-skills-status{grid-template-columns:1fr;gap:1rem}.filter-buttons{flex-wrap:nowrap;gap:.25rem;overflow-x:auto}.filter-btn{white-space:nowrap;flex-shrink:0;padding:.4rem .8rem;font-size:.75rem}}.dropdown-container{width:280px}.label{margin-bottom:6px;font-weight:600;display:block}.chip-container{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#0074d9;background:#e1f0ff;border-radius:20px;align-items:center;gap:.4rem;padding:5px 10px;font-size:13px;display:flex}.chip-close{cursor:pointer;color:#ff3b30;font-weight:700}.chip-close:hover{color:#d6291f}.dropdown-box{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px}.placeholder{color:#777;font-size:.85rem}.reset-btn{color:#fff;cursor:pointer;background:#534e4e;border:none;border-radius:6px;padding:.5rem 1.2rem;font-size:.875rem;font-weight:500}.reset-btn:hover{background:#252323}.dropdown-menu{width:inherit;z-index:100;background:#fff;border:1px solid #ccc;border-radius:6px;max-height:260px;margin-top:4px;padding:10px;position:absolute;overflow-y:auto;box-shadow:0 4px 10px #0000001a}.search-box{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:10px;padding:8px}.dropdown-list{overflow-y:auto}.dropdown-item{cursor:pointer;align-items:center;gap:8px;padding:6px;display:flex}.dropdown-item:hover{background:#f0f0f0;border-radius:4px}.no-results{text-align:center;color:#666;padding:10px}.dropdownSearch{gap:.5rem;display:flex}.filter-btnFilter{cursor:pointer;color:#fff;background-color:#6366f1;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.placehoderDiv-Shortlist{color:#777;justify-content:space-between;display:flex}.dropdown-shortlist-icon{justify-content:center;align-items:center;display:flex}.icon-stroke{font-size:14px;font-weight:lighter}.noshortlisted{text-align:center;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.no-shortlisted-icon{opacity:.7;font-size:4rem}.noshortlisted h2{color:#1f2937;margin:0 0 0;font-size:1.5rem;font-weight:600}.noshortlisted p{color:#6b7280;max-width:450px;font-size:1rem;line-height:1.5}.buttonContainer-shortlisted{justify-content:center;margin-top:1rem;display:flex}.buttonContainer-shortlisted .btn{color:#374151;cursor:pointer;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.buttonContainer-shortlisted .btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.candidate-summary-section .section-label{margin-bottom:.5rem}.shortlisted-candidates-add-note-header{flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.note-form-transition{opacity:0;max-height:0;transition:all .3s ease-in-out;overflow:hidden}.note-form-transition.show{opacity:1;max-height:200px;margin-top:.5rem}.plan-warning-modal{padding:1.2rem;width:90%!important;max-width:550px!important}.plan-warning-modal-content{text-align:center}.plan-warning-modal-title{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.plan-warning-modal-description{color:#6b7280;max-width:400px;margin-bottom:.5rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6}.plan-warning-modal-plans{text-align:center;margin-bottom:1rem}.plan-warning-modal-plans-label{color:#374151;text-align:center;margin-bottom:.5rem;font-size:1rem;font-weight:600}.plan-warning-modal-plans-list{background:#f8fafc;border-radius:.5rem;margin:0;padding:1rem;list-style:none}.plan-warning-modal-plan-item{color:#374151;border-bottom:1px solid #e2e8f0;padding:.5rem 0;font-size:.875rem}.plan-warning-modal-plan-item:last-child{border-bottom:none}.plan-modal-current-plan-card{text-align:center;background-color:#f8fafc;border-radius:.75rem;width:100%;margin:.5rem 0;padding:1rem}.plan-modal-current-plan-card .plan-icons{color:#000;justify-content:center;margin:0 auto .75rem;display:flex}.plan-modal-current-plan-card h4{color:#1f2937;font-size:1.25rem;font-weight:600}.plan-modal-current-plan-card p{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}.plan-modal-cards{justify-content:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.plan-modal-card{text-align:center;border-radius:.75rem;flex:1;width:50%;max-width:250px;padding:1rem}.plan-modal-card.professional{background-color:#f3e8ff}.plan-modal-card.enterprise{background-color:#fef3c7}.plan-modal-card .plan-icons{color:#000;justify-content:center;margin:0 auto .75rem;display:flex}.plan-modal-card h4{color:#1f2937;font-size:1.125rem;font-weight:600}.plan-modal-card p{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}@media (max-width:768px){.plan-modal-cards{flex-direction:column;gap:.75rem}.plan-modal-card{width:100%;max-width:none;padding:.75rem}}.plan-warning-modal-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.plan-warning-modal-actions .btn-cancel,.plan-warning-modal-actions .btn-save{border-radius:.5rem;min-width:120px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}@media (max-width:768px){.plan-warning-modal{width:95%!important;margin:1rem!important}.plan-warning-modal-content{padding:1.5rem 1rem}.plan-warning-modal-title{font-size:1.25rem}.plan-warning-modal-description{font-size:.875rem}.plan-warning-modal-actions{flex-direction:column;gap:.75rem}.plan-warning-modal-actions .btn-cancel,.plan-warning-modal-actions .btn-save{width:100%;min-width:unset}}@media (max-width:480px){.plan-warning-modal-content{padding:1rem .75rem}.plan-warning-modal-icon{margin-bottom:1rem}.plan-warning-modal-plans{margin-bottom:1.5rem}}.candidate-container-overview{color:var(--text-color);font-family:var(--font-body-alt);padding:20px}.candiate-card-overview{background:var(--card-bg);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0;box-shadow:var(--shadow-md)}.candiate-card-overview p{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.candidate-title-overview{font-size:var(--font-size-lg);margin-bottom:var(--space-2);font-weight:700}.candidate-section-subtitle-prof{color:#6b7280;margin:0;padding-bottom:10px;font-size:12px;font-weight:600}.candidate-profile-title-container{align-items:center;gap:8px;margin-bottom:4px;display:flex}.candidate-profile-title-icon{font-size:18px}.candidate-experience-timeline-overview{border-left:2px solid var(--hero-blue);padding-left:var(--space-1)}.candidate-profile-title-text{font-size:18px;font-weight:500}.candidate-profile-work-location-type{color:#fffc;margin-left:4px;font-size:12px;font-weight:400}.candidate-profile-experience-container{align-items:center;gap:8px;margin-bottom:4px;display:flex}.candidate-profile-experience-text{color:#ffffffe6;font-size:14px;font-weight:500}.candidate-profile-location-container{align-items:center;gap:8px;display:flex}.candidate-profile-location-text{color:#ffffffe6;font-size:14px;font-weight:500}.candidate-experience-section{gap:var(--space-2);padding-left:var(--space-2);padding-top:var(--space-2);flex-direction:column;display:flex}.candidate-experience-entry-overview{align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;max-width:100%;display:flex;position:relative;overflow:hidden}.candidate-dot-overview{background-color:var(--hero-blue);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:6px}.candidate-experience-content-overview{flex:1;min-width:0;max-width:100%;overflow:hidden}.candidate-header-overview{background:linear-gradient(135deg, var(--hero-blue), var(--hero-red));color:#fff;text-align:center;padding:var(--space-5) var(--space-3);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.profile-avatar-overview{margin-bottom:var(--space-2);display:inline-block;position:relative}.avatar-circle-overview{width:var(--avatar-lg);height:var(--avatar-lg);color:var(--hero-blue);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:auto;font-size:1.5rem;font-weight:700;display:flex}.profile-actions-overview{margin-top:var(--space-3)}.hire-btn-overview,.collab-btn-overview{padding:var(--btn-padding);border-radius:var(--btn-radius);cursor:pointer;border:none;margin:4px;font-weight:500}.hire-btn-overview{color:var(--hero-blue);background:#fff}.collab-btn-overview{color:#fff;background:0 0;border:2px solid #fff}.stats-section-overview-cand{background:var(--card-bg);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0;box-shadow:var(--shadow-sm)}.stats-grid-overview-cand{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.stat-box-overview-cand{text-align:center;padding:var(--space-2)}.stat-box-overview-cand h3{margin-bottom:4px;font-size:1.5rem}.green{color:var(--success-color)}.blue{color:var(--link-color)}.orange{color:var(--warning-color)}.skills-group-overview{margin-bottom:var(--space-3)}.skills-label-overview{font-size:var(--font-size-sm);margin-bottom:6px;font-weight:600}.skills-tags-overview span{background:var(--highlight-bg);color:var(--link-color);font-size:var(--font-size-sm);border-radius:9999px;margin:4px 6px 0 0;padding:2px 6px;display:inline-block}.green-tag,.blue-tag{background:var(--hero-blue);color:#fff}.projects-grid-overview{gap:var(--space-3);flex-wrap:wrap;display:flex}.project-card-overview{flex:260px;min-width:200px}.project-image-overview{background:var(--surface-bg);object-fit:cover;border-radius:var(--radius-sm);width:100%;height:200px;margin-bottom:10px}.project-title-overview{font-weight:600}.project-tech-overview,.project-tag-overview{font-size:var(--font-size-sm);opacity:.85}.green-text{color:var(--success-color)}.blue-text{color:var(--hero-blue)}.teal-text{color:teal}.experience-section{gap:var(--space-2);padding-left:var(--space-2);flex-direction:column;display:flex}.experience-timeline-overview{border-left:3px solid var(--hero-blue);padding-left:var(--space-1)}.experience-content-overview{flex:1;min-width:0;max-width:100%;overflow:hidden}.experience-entry-overview{align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;max-width:100%;display:flex;position:relative;overflow:hidden}.experience-role-overview{margin-bottom:4px;font-size:16px;font-weight:600}.dot-overview{background-color:var(--hero-blue);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:6px}.job-meta-overview{font-size:var(--font-size-sm);opacity:.7;margin-bottom:6px}.rates-grid-overview{gap:var(--space-3);flex-wrap:wrap;display:flex}.rate-card-overview{padding:var(--space-3);border-radius:var(--radius-md);color:#fff;flex:260px;height:auto;min-height:10px}.rate-card-overview.blue{background:var(--hero-blue)}.rate-card-overview.green{background:var(--hero-green)}.rate-card-overview.orange{background:var(--hero-yellow);color:#333}.price-overview{font-size:1.25rem;font-weight:700}.note-overview{font-size:var(--font-size-sm);opacity:.85}.verification-tags-overview{margin:var(--space-2) 0;flex-wrap:wrap;gap:12px;display:flex}.testimonial-overview{background:var(--surface-bg);padding:var(--space-3);border-radius:var(--radius-md);font-family:var(--font-body-alt);font-size:var(--font-size-sm);margin-top:var(--space-2)}.cta-section-overview{color:#faf8f8;padding:var(--space-5) var(--space-3);border-radius:var(--radius-lg);gap:var(--space-3);background:linear-gradient(90deg,#1e1d1d,#3a3838);flex-direction:column;display:flex}.cta-buttons-overview{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.cta-primary-overview{background:var(--btn-bg);color:#fff;padding:var(--btn-padding);border-radius:var(--btn-radius);border:none}.cta-secondary-overview{color:#fff;padding:var(--btn-padding);border-radius:var(--btn-radius);background:0 0;border:2px solid #fff}.cta-icons-overview{gap:var(--space-2);display:flex}.icon-overview{width:36px;height:36px;transition:background var(--transition-fast);cursor:pointer;background:#555;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.icon-overview:hover{background:#777}@media (max-width:768px){.candidate-container-overview{padding:6px}.candidate-header-overview{padding:10px 0 20px!important}.candidate-header-overview>div{text-align:center;flex-direction:column;gap:16px;max-width:100%!important}.candidate-header-overview>div>div:first-child{margin:0 auto;width:80px!important;height:80px!important}.candidate-header-overview h1{font-size:24px!important}.candidate-profile-title-container{flex-wrap:wrap;justify-content:center}.candidate-profile-title-text{font-size:16px}.candidate-profile-experience-container,.candidate-profile-location-container{justify-content:center}.candidate-header-overview+div{flex-direction:column;gap:16px;padding:20px 0 10px!important}.candidate-header-overview+div>div:first-child{flex-direction:column;gap:16px}.candidate-header-overview+div>div:first-child>div{justify-content:center}.candiate-card-overview{margin:16px 0;padding:16px}.stats-grid-overview{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.rate-card-overview{flex-direction:column;justify-content:space-between;width:100%;height:auto;min-height:160px;margin:0;display:flex}.projects-grid-overview,.rates-grid-overview,.cta-buttons-overview{flex-direction:column;align-items:center}.cta-icons-overview{justify-content:center}.profile-header-overview{padding:var(--space-4) var(--space-2);margin:0}.card-overview{margin:var(--space-2) 0;padding:var(--space-3)}.profile-header-overview .flex{margin-bottom:7px}}.location-overview{margin-bottom:20px}.modal-profile-width{width:-moz-fit-content;width:fit-content;max-width:1000px}.empty-text{color:var(--muted-text);font-size:.9rem;font-family:var(--font-body-alt);margin-top:.5rem}.experience-description{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;line-height:1.4;overflow:hidden}.buttonContainer{margin-bottom:6px}.candidate-icon-stroke{color:#777;cursor:pointer;font-size:20px;font-weight:lighter}.contact-info-wrapper{width:100%}.contact-info-section-overview{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 20px;display:flex}.contact-left-group,.contact-details-group{color:#374151;flex-wrap:wrap;align-items:center;gap:24px;font-size:14px;font-weight:600;display:flex}.contact-item{color:#6b7280;align-items:center;gap:8px;display:flex}.resume-section-overview{color:#6b7280;align-items:center;gap:4px;display:flex}.resume-show-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}@media (max-width:768px){.contact-info-section-overview{flex-direction:column;align-items:flex-start;gap:12px;width:100%;margin:0!important}.contact-left-group{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.resume-section-overview{width:100%}.contact-details-group{gap:16px;width:100%}.contact-info-wrapper{width:100%;margin:0}.contact-info-wrapper .card-overview{width:100%;margin:16px 0}}.rec-subs-app-container{background-color:var(--bg-color);min-height:100vh}.rec-subs-page{min-height:100vh;padding:24px}.rec-subs-page.rec-subs-jobseeker{background:linear-gradient(to bottom right,#dbeafe,#fff,#f3e8ff)}.rec-subs-page-container{max-width:1280px;margin:0 auto}.rec-subs-navbar{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.rec-subs-page-header{text-align:center;margin-bottom:3rem;animation:.5s ease-out fadeIn}.rec-subs-page-title{color:var(--text-color);margin-bottom:.5rem;font-size:2rem;font-weight:700}.rec-subs-page-subtitle{color:var(--muted-text);margin-bottom:1rem;font-size:1.25rem}.rec-subs-billing-toggle-container{background:var(--bg-color);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:.5rem;align-items:center;padding:.25rem;display:inline-flex}.rec-subs-billing-button{cursor:pointer;color:var(--muted-text);background:0 0;border:none;border-radius:.375rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .15s}.rec-subs-billing-button:hover{color:var(--text-color)}.rec-subs-billing-button.active.blue{background-color:var(--rec-subs-blue);color:#fff;box-shadow:var(--shadow-sm)}.rec-subs-billing-button.active.purple{background-color:var(--rec-subs-purple);color:#fff;box-shadow:var(--shadow-sm)}.rec-subs-billing-badge{color:#065f46;background-color:#d1fae5;border-radius:9999px;margin-left:.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.rec-subs-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2.25rem;display:grid}@media (min-width:768px){.rec-subs-pricing-grid{grid-template-columns:repeat(3,1fr)}}.rec-subs-pricing-card{background:var(--bg-color);border:.25px solid #c5d4f3;border-radius:1rem;padding:2rem;transition:box-shadow .3s;position:relative;box-shadow:0 1px 3px #0000001a}.rec-subs-pricing-card:hover{transform:translateY(-5px);box-shadow:0 4px 6px #7197a3e2}.rec-subs-pricing-card.rec-subs-popular{border-color:var(--rec-subs-blue);transform:scale(1.05);box-shadow:0 4px 6px #7197a3e2}.rec-subs-pricing-card.rec-subs-popular:hover{transform:scale(1.05)translateY(-5px)}.rec-subs-pricing-card.rec-subs-color-gray{background:var(--surface-bg)}.rec-subs-pricing-card.rec-subs-color-blue{background:#dbeafe}.rec-subs-pricing-card.rec-subs-color-purple{background:#f3e8ff}.rec-subs-pricing-card.rec-subs-color-amber{background:#fef3c7}.rec-subs-popular-badge{background:var(--rec-subs-blue);color:#fff;box-shadow:var(--shadow-md);border-radius:9999px;padding:.25rem 1rem;font-size:.875rem;font-weight:600;position:absolute;top:-1rem;left:50%;transform:translate(-50%)}.rec-subs-popular-badge.purple{background:var(--rec-subs-purple)}.rec-subs-card-header{text-align:center;margin-bottom:1.5rem}.rec-subs-card-icon{color:currentColor;width:2.7rem;height:2.7rem;margin:0 auto}.rec-subs-card-title{color:var(--text-color);margin-bottom:0;font-size:1.5rem;font-weight:700}.rec-subs-card-description{color:var(--muted-text);margin-bottom:.3rem;font-size:.875rem}.rec-subs-card-price{margin-bottom:.5rem}.rec-subs-price-amount{color:var(--text-color);font-size:2rem;font-weight:700}.rec-subs-price-note{color:var(--muted-text);text-align:center;margin-top:.25rem;font-size:.875rem}.rec-subs-btn{cursor:pointer;text-align:center;border:none;border-radius:.5rem;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.rec-subs-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.rec-subs-btn-gray{background-color:var(--rec-subs-gray-600);color:#fff}.rec-subs-btn-gray:hover{background-color:var(--rec-subs-gray-700)}.rec-subs-btn-blue{background-color:var(--rec-subs-blue);color:#fff}.rec-subs-btn-blue:hover{background-color:var(--rec-subs-blue-dark)}.rec-subs-btn-purple{background-color:var(--rec-subs-purple);color:#fff}.rec-subs-btn-purple:hover{background-color:var(--rec-subs-purple-dark)}.rec-subs-btn-amber{background-color:var(--rec-subs-amber);color:#fff}.rec-subs-btn-amber:hover{background-color:#d97706}.rec-subs-btn-green{background-color:var(--rec-subs-green);color:#fff}.rec-subs-btn-green:hover{background-color:#047857}.rec-subs-feature-list{margin:0;padding:0;list-style:none}.rec-subs-feature-item{align-items:flex-start;gap:.75rem;margin-bottom:.3rem;display:flex}.rec-subs-feature-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.rec-subs-feature-icon.included{color:#10b981}.rec-subs-feature-icon.highlight{color:var(--rec-subs-green)}.rec-subs-feature-icon.excluded{color:#6b7280}.rec-subs-feature-text{color:var(--text-color);font-size:.875rem}.rec-subs-feature-text.excluded{color:#6b7280}.rec-subs-feature-text.highlight{color:var(--text-color);font-weight:600}.rec-subs-plan-limits{border-top:2px solid var(--border-color);padding-top:1.5rem}.rec-subs-limits-title{color:var(--text-color);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.rec-subs-limits-list{flex-direction:column;gap:.5rem;display:flex}.rec-subs-limit-item{color:var(--muted-text);justify-content:space-between;font-size:.875rem;display:flex}.rec-subs-limit-value{color:var(--text-color);font-weight:600}.rec-subs-feature-section{background:var(--bg-color);box-shadow:var(--shadow-lg);border-radius:1rem;padding:2rem}.rec-subs-feature-section-title{color:var(--text-color);text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.rec-subs-feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}@media (min-width:768px){.rec-subs-feature-grid.two-col{grid-template-columns:repeat(2,1fr)}.rec-subs-feature-grid.three-col{grid-template-columns:repeat(3,1fr)}}.rec-subs-feature-card{background:var(--surface-bg);border-radius:.75rem;padding:1.5rem;transition:all .3s}.rec-subs-feature-card:hover{transform:scale(1.02);box-shadow:0 4px 6px #7197a3e2}.rec-subs-feature-icon-wrapper{border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;display:flex}.rec-subs-feature-icon-wrapper.green{color:var(--rec-subs-green);background-color:#d1fae5}.rec-subs-feature-icon-wrapper.purple{color:var(--rec-subs-purple-light);background-color:#f3e8ff}.rec-subs-feature-icon-wrapper.blue{color:var(--rec-subs-blue);background-color:#dbeafe}.rec-subs-feature-icon-wrapper.orange{color:#ea580c;background-color:#fed7aa}.rec-subs-feature-icon-wrapper.indigo{color:#4f46e5;background-color:#e0e7ff}.rec-subs-feature-icon-wrapper.rose{color:#e11d48;background-color:#ffe4e6}.rec-subs-feature-icon-wrapper svg{width:1.5rem;height:1.5rem}.rec-subs-feature-card-title{color:var(--text-color);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.rec-subs-feature-card-description{color:var(--muted-text);font-size:.875rem;line-height:1.6}.rec-profile-dropdown{background:var(--dropdown-bg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);min-width:180px;z-index:var(--z-dropdown);border-radius:.75rem;animation:.2s ease-out fadeSlide;position:absolute;top:48px;right:0;overflow:hidden}.rec-profile-dropdown button{all:unset;width:100%;color:var(--text-color);cursor:pointer;align-items:center;gap:.5rem;padding:.9rem 1rem;font-size:.875rem;transition:background .15s;display:flex}.rec-profile-dropdown button:hover{background:var(--surface-bg)}.current-plan-status{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:1rem 0;padding:1rem}.current-plan-status h3{color:#1e293b;margin:0 0 .5rem;font-size:1.1rem}.current-plan-status p{color:#64748b;margin:0;font-size:.9rem}.upgrade-modal{max-width:500px}.upgrade-modal-header{text-align:center;margin-bottom:1.5rem}.upgrade-modal-header h3{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem}.upgrade-modal-header p{color:#64748b;margin:0}.upgrade-plan-summary{background:#f8fafc;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.upgrade-plan-summary h4{color:#1e293b;margin:0 0 .5rem}.upgrade-price-breakdown{margin-top:1rem}.price-item{justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;display:flex}.price-item.total{border-top:1px solid #e2e8f0;padding-top:.5rem;font-size:1rem;font-weight:600}.upgrade-gst-section{margin-bottom:1.5rem}.upgrade-gst-checkbox{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.upgrade-gst-checkbox input[type=checkbox]{width:16px;height:16px}.upgrade-gst-input{margin-left:1.5rem}.upgrade-gst-number-input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.5rem;font-size:.9rem}.upgrade-gst-display{background:#f3f4f6;border-radius:6px;padding:.5rem;font-family:monospace}.upgrade-gst-error{color:#dc2626;margin-top:.25rem;font-size:.8rem}.upgrade-modal-footer{justify-content:flex-end;gap:1rem;display:flex}.upgrade-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.9rem}.upgrade-btn-cancel:hover{background:#f9fafb}.upgrade-btn-confirm{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.upgrade-btn-confirm:hover{background:#2563eb}.upgrade-btn-confirm:disabled{cursor:not-allowed;background:#9ca3af}.recruiter-plan-modal{max-width:400px}.rec-subs-upgrade-modal{max-width:380px}.rec-subs-modal-content{text-align:center;padding:16px}.rec-subs-modal-icon{color:#667eea;width:40px;height:40px;margin-bottom:12px}.rec-subs-modal-title{color:#1f2937;margin-bottom:12px;font-size:1.25rem;font-weight:600}.rec-subs-modal-description{color:#6b7280;margin-bottom:16px;font-size:.9rem;line-height:1.4}.rec-subs-modal-note{color:#9ca3af;margin-bottom:0;font-size:.8rem}.rec-subs-purchase-modal{max-width:450px}.rec-subs-purchase-content{padding:20px}.rec-subs-purchase-icon{color:#667eea;width:48px;height:48px;margin:0 auto 16px;display:block}.rec-subs-purchase-title{text-align:center;color:#1f2937;margin-bottom:20px;font-size:1.5rem;font-weight:600}.rec-subs-price-summary{text-align:center;background:#f8fafc;border-radius:8px;margin-bottom:24px;padding:16px}.rec-subs-price-main{color:#1f2937;font-size:2rem;font-weight:700}.rec-subs-price-period{color:#6b7280;font-size:1rem;font-weight:400}.rec-subs-gst-section{margin-bottom:20px}.rec-subs-gst-checkbox{cursor:pointer;color:#374151;align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;display:flex}.rec-subs-gst-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.rec-subs-gst-input{margin-left:24px}.rec-subs-gst-number-input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-family:monospace;font-size:.9rem}.rec-subs-gst-number-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.rec-subs-gst-error{color:#dc2626;margin-top:4px;font-size:.8rem}.rec-subs-gst-display{color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-family:monospace}.rec-subs-gst-value{font-weight:500}.rec-subs-price-breakdown{background:#f9fafb;border-radius:8px;margin-bottom:20px;padding:16px}.rec-subs-price-item{color:#374151;justify-content:space-between;margin-bottom:8px;font-size:.9rem;display:flex}.rec-subs-price-item:last-child{margin-bottom:0}.rec-subs-price-total{color:#1f2937;border-top:1px solid #e5e7eb;margin-top:8px;padding-top:8px;font-size:1rem;font-weight:600}.rec-subs-modal-actions{justify-content:flex-end;gap:12px;display:flex}.rec-subs-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.rec-subs-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.rec-subs-btn-proceed{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.rec-subs-btn-proceed:hover{background:#5a67d8}.rec-subs-btn-proceed:disabled{cursor:not-allowed;background:#9ca3af}.rec-subs-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.rec-subs-wallet-modal{max-width:450px}.rec-subs-wallet-content{padding:20px}.rec-subs-wallet-icon{text-align:center;color:#667eea;margin-bottom:16px}.rec-subs-amount-section{margin-bottom:20px}.rec-subs-amount-section label{color:#374151;margin-bottom:8px;font-weight:500;display:block}.rec-subs-amount-input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:1rem}.rec-subs-amount-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.rec-subs-recommended-amounts{margin-bottom:20px}.rec-subs-recommended-amounts label{color:#374151;margin-bottom:8px;font-weight:500;display:block}.rec-subs-amount-buttons{gap:8px;display:flex}.rec-subs-amount-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;padding:10px;font-weight:500;transition:all .2s}.rec-subs-amount-btn:hover{border-color:#667eea}.rec-subs-amount-btn.selected{color:#fff;background:#667eea;border-color:#667eea}.rec-subs-wallet-gst-section{margin-bottom:20px}.rec-subs-wallet-gst-checkbox{cursor:pointer;color:#374151;align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;display:flex}.rec-subs-wallet-gst-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.rec-subs-wallet-gst-input{margin-left:24px}.rec-subs-gst-display{color:#374151;background:#f3f4f6;border-radius:6px;padding:10px 12px;font-family:monospace}.rec-subs-wallet-breakdown{background:#f9fafb;border-radius:8px;margin-bottom:20px;padding:16px}.rec-subs-breakdown-title{color:#1f2937;margin-bottom:12px;font-weight:600}.rec-subs-breakdown-item{color:#374151;justify-content:space-between;margin-bottom:8px;font-size:.9rem;display:flex}.rec-subs-breakdown-item:last-child{margin-bottom:0}.rec-subs-breakdown-total{color:#1f2937;border-top:1px solid #e5e7eb;margin-top:8px;padding-top:8px;font-size:1rem;font-weight:600}.rec-subs-wallet-actions{justify-content:flex-end;gap:12px;display:flex}.rec-subs-error{color:#dc2626;margin-top:4px;font-size:.8rem}.payment-verifying-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.my-sub-container{max-width:1200px;margin:0 auto}.my-sub-header{margin-bottom:1rem}.my-sub-title{color:var(--text-color);margin-bottom:.5rem;font-size:2rem;font-weight:700}.my-sub-subtitle{color:var(--muted-text);font-size:1rem}.my-sub-content{grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.current-plan-card{background:var(--bg-color);box-shadow:var(--shadow-lg);border:1.5px solid var(--rec-subs-purple);border-radius:.85rem;padding:1.3rem}.plan-badge{background:linear-gradient(135deg, var(--rec-subs-purple), var(--rec-subs-blue));color:#fff;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.plan-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.plan-info h2{color:var(--text-color);margin-bottom:.25rem;font-size:1.35rem;font-weight:700}.plan-price{color:var(--rec-subs-purple);font-size:1.5rem;font-weight:700}.plan-price span{color:var(--muted-text);font-size:.85rem;font-weight:400}.plan-icon{width:3.2rem;height:3.2rem;color:var(--rec-subs-purple);background:linear-gradient(135deg,#f3e8ff,#dbeafe);border-radius:.75rem;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.plan-dates{background:var(--surface-bg);border-radius:.75rem;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;padding:.75rem;display:grid}.date-item{flex-direction:column;display:flex}.date-label{color:var(--muted-text);text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;font-weight:600}.date-value{color:var(--text-color);font-size:.9rem;font-weight:600}.date-status{color:var(--rec-subs-green);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;display:inline-flex}.plan-features-title{color:var(--text-color);margin-bottom:.75rem;font-size:1rem;font-weight:600}.usage-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.2rem;display:grid}.usage-item{text-align:center;background:var(--surface-bg);border-radius:.75rem;padding:.75rem}.usage-label{color:var(--muted-text);text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.usage-value{color:var(--rec-subs-purple);justify-content:center;align-items:center;gap:.25rem;font-size:1.2rem;font-weight:700;display:flex}.usage-limit{color:var(--muted-text);margin-top:.25rem;font-size:.75rem}.feature-list{margin:0 0 1rem;padding:0;list-style:none}.feature-item{background:var(--surface-bg);border-radius:.5rem;align-items:flex-start;gap:.6rem;margin-bottom:.8rem;padding:.6rem;transition:all .2s;display:flex}.feature-item:hover{background:var(--border-color)}.feature-icon{width:1rem;height:1rem;color:var(--rec-subs-green);flex-shrink:0;margin-top:.125rem}.feature-text{color:var(--text-color);font-size:.8rem}.action-buttons-Sub{gap:.75rem;margin-top:.5rem;display:flex}.btn-sub{cursor:pointer;border:none;border-radius:.4rem;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.6rem;font-size:.78rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-sub-upgrade{background:linear-gradient(135deg, var(--rec-subs-purple), var(--rec-subs-blue));color:#fff}.btn-sub-upgrade:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-sub-manage{background:var(--bg-color);color:var(--rec-subs-purple);border:2px solid var(--rec-subs-purple)}.btn-sub-manage:hover{background:var(--rec-subs-purple);color:#fff}.sidebar-sub{flex-direction:column;gap:1.2rem;display:flex}.info-card-sub{background:var(--bg-color);border:.25px solid #c5d4f3;border-radius:1rem;padding:1rem;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.info-card-sub:hover{box-shadow:0 4px 6px #7197a3e2}.info-card-title-sub{color:var(--text-color);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.info-card-title-sub svg{color:var(--rec-subs-purple)}.billing-info{flex-direction:column;gap:.75rem;display:flex}.billing-item{justify-content:space-between;font-size:.875rem;display:flex}.billing-label{color:var(--muted-text)}.billing-value{color:var(--text-color);font-weight:600}.billing-gst-note{color:var(--muted-text);text-align:right;margin-top:.25rem;font-size:.7rem;font-style:italic}.payment-loading-modal{background:var(--bg-color);text-align:center;z-index:10000;border-radius:1rem;max-width:320px;padding:2.5rem 2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0003}.payment-verifying-overlay{z-index:9999;pointer-events:auto;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.auto-renew{background:var(--surface-bg);border-radius:.5rem;align-items:center;gap:.5rem;margin-top:.35rem;padding:.75rem;display:flex}.auto-renew svg{color:var(--rec-subs-green);flex-shrink:0}.auto-renew-text{color:var(--text-color);font-size:.875rem}.wallet-description{color:var(--muted-text);margin-bottom:.25rem;font-size:.75rem;line-height:1.4}.wallet-profile-access{text-align:center;margin-bottom:.25rem;padding:.25rem}.profile-access-count{color:var(--rec-subs-purple);font-size:1.5rem;font-weight:700}.profile-access-label{color:var(--muted-text);font-size:.75rem;font-weight:500}.wallet-bottom-section{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.wallet-balance-compact .currency{color:var(--text-color);font-size:.9rem;font-weight:600;display:inline}.wallet-balance-compact .amount{color:var(--text-color);font-size:1rem;font-weight:700;display:inline}.balance-label-compact{color:var(--muted-text);margin-top:.15rem;font-size:.7rem}.btn-add-wallet-compact{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.4rem;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-add-wallet-compact:hover{opacity:.9;transform:translateY(-1px)}.quick-link{color:var(--text-color);border-radius:.5rem;align-items:center;gap:.75rem;padding:.35rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.quick-link:hover{background:var(--surface-bg);color:var(--rec-subs-purple)}.quick-link svg{width:1.25rem;height:1.25rem;color:var(--rec-subs-purple);flex-shrink:0}.upgrade-options{margin-top:2rem}.upgrade-title{color:var(--text-color);text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.upgrade-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.upgrade-card{background:var(--bg-color);border:2px solid var(--border-color);cursor:pointer;border-radius:1rem;padding:1.5rem;transition:all .3s}.upgrade-card:hover{border-color:var(--rec-subs-purple);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.upgrade-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.upgrade-card h3{color:var(--text-color);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.upgrade-price{color:var(--rec-subs-purple);font-size:1.5rem;font-weight:700}.upgrade-features{margin:0 0 1rem;padding:0;list-style:none}.upgrade-features li{color:var(--text-color);align-items:center;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.upgrade-features li svg{color:var(--rec-subs-green);flex-shrink:0}.btn-select{background:var(--rec-subs-purple);color:#fff;cursor:pointer;border:none;border-radius:.5rem;width:100%;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .3s}.btn-select:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.my-sub-container{padding:16px}.my-sub-content,.plan-dates,.usage-stats,.upgrade-grid{grid-template-columns:1fr}.action-buttons-Sub{flex-direction:column}.plan-header{flex-direction:column;gap:1rem}.plan-icon{align-self:center}}@media (max-width:640px){.my-sub-title,.plan-info h2,.plan-price{font-size:1.5rem}}.wallet-modal{max-width:350px}.wallet-modal-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:12px 12px 0;display:flex}.wallet-modal-icon{background:linear-gradient(135deg, var(--rec-subs-purple), var(--rec-subs-blue));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.wallet-modal-header h3{color:var(--text-color);margin:0;font-size:1rem;font-weight:600}.wallet-modal-body{padding:0 12px}.wallet-amount-input-section{margin-bottom:12px}.wallet-amount-input-section label{color:var(--text-color);margin-bottom:4px;font-size:.75rem;font-weight:500;display:block}.wallet-amount-input{border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-color);box-sizing:border-box;border-radius:6px;padding:6px 10px;font-size:.85rem;font-weight:500;transition:all .2s}.wallet-amount-input:focus{border-color:var(--rec-subs-blue);outline:none;box-shadow:0 0 0 2px #3b82f61a}.wallet-min-amount-error{color:#ef4444;margin-top:2px;margin-left:3px;font-size:.15rem}.wallet-recommended-amounts label{color:var(--text-color);margin-bottom:6px;font-size:.75rem;font-weight:500;display:block}.wallet-amount-buttons{flex-wrap:wrap;gap:4px;display:flex}.wallet-amount-btn{border:1px solid var(--border-color);background:var(--surface-bg);color:var(--text-color);cursor:pointer;white-space:nowrap;border-radius:14px;padding:4px 10px;font-size:.7rem;font-weight:500;transition:all .2s}.wallet-amount-btn:hover{border-color:var(--rec-subs-blue);background:var(--bg-color)}.wallet-amount-btn.wallet-selected{border-color:var(--rec-subs-blue);background:var(--rec-subs-blue);color:#fff}.wallet-modal-footer{gap:6px;padding:0 12px 12px;display:flex}.wallet-btn-cancel,.wallet-btn-confirm{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1;padding:6px 10px;font-size:.7rem;font-weight:600;transition:all .2s;overflow:hidden}.wallet-btn-cancel{border:1px solid var(--border-color);background:var(--bg-color);color:var(--muted-text)}.wallet-btn-cancel:hover{background:var(--surface-bg)}.wallet-btn-confirm{border:1px solid var(--rec-subs-blue);background:var(--rec-subs-blue);color:#fff}.wallet-btn-confirm:hover{opacity:.9}.wallet-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.wallet-gst-breakdown{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:6px;padding:8px}.gst-breakdown-title{color:var(--text-color);margin-bottom:6px;font-size:.75rem;font-weight:600}.gst-breakdown-item{color:var(--muted-text);justify-content:space-between;align-items:center;margin-bottom:3px;font-size:.7rem;display:flex}.gst-breakdown-item.gst-total{border-top:1px solid var(--border-color);color:var(--text-color);margin-top:6px;padding-top:6px;font-size:.75rem;font-weight:600}.wallet-gst-section{padding:12px 0}.wallet-gst-checkbox{align-items:center;gap:10px;margin-bottom:12px;display:flex}.wallet-gst-checkbox input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;width:12px;height:12px}.wallet-gst-checkbox label{color:var(--text-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.75rem;font-weight:500}.wallet-gst-input{margin-top:0}.wallet-gst-display{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.gst-label{color:#64748b;font-size:13px;font-weight:500}.gst-value{font-size:var(--font-size-sm);color:var(--muted-text);font-family:var(--font-body-alt)}.wallet-gst-number-input{transition:var(--transition-fast);font-family:var(--font-body-alt);flex:1;border:1px solid var(--border-color-light)!important;border-radius:var(--radius-sm)!important;background:var(--surface-bg)!important;color:var(--text-color)!important;height:32px!important;padding:8px 10px!important;font-size:12px!important;line-height:1.2!important}.wallet-gst-number-inmonospaceput:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.wallet-gst-number-input::placeholder{color:#9ca3af;font-weight:400}.rec-edit-container{background:#f8fafc;min-height:100vh;padding:20px}@media (max-width:768px){.rec-edit-container{padding:16px}}.rec-edit-form{background:#fff;border-radius:12px;max-width:1200px;margin:10px auto 0;padding:30px;box-shadow:0 2px 4px #0000001a}.rec-section-title{color:#1f2937;margin:0 0 30px;font-size:1.5rem;font-weight:600}.rec-photo-section{border-bottom:1px solid #e5e7eb;justify-content:center;margin-bottom:30px;padding-bottom:20px;display:flex}.rec-form-grid,.rec-form-grid-two{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.rec-field{flex:1}.rec-field-full{width:100%}.rec-field label,.rec-field-full label{color:#374151;margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.rec-field-full-Headline label,.rec-field-full-About label{color:#374151;margin-top:18px;margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.rec-char-count{color:#6b7280;font-size:.8rem;font-weight:400}.rec-field input,.rec-field select,.rec-field-full input,.rec-field-full textarea{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-size:1rem;transition:border-color .3s}.rec-field input:focus,.rec-field select:focus,.rec-field-full input:focus,.rec-field-full textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.rec-field-full textarea{resize:vertical;min-height:100px}.rec-error{color:#ef4444;margin-top:4px;font-size:.8rem;display:block}.rec-form-actions{justify-content:flex-end;gap:15px;margin-top:20px;display:flex}.rec-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.rec-btn-cancel{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.rec-btn-cancel:hover{background:#e5e7eb}.rec-btn-save{color:#fff;background:#667eea}.rec-btn-save:hover{background:#5a67d8}.rec-account-container{max-width:1200px;padding:20px}.rec-account-header{margin-bottom:30px}.rec-account-header h1{color:#1f2937;margin-bottom:8px;font-size:2rem}.rec-account-header p{color:#6b7280;font-size:1rem}.rec-profile-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.rec-profile-header{color:#fff;background-position:50%;background-size:cover;align-items:center;padding:30px;display:flex;position:relative}.rec-profile-image-section{margin-right:20px}.rec-profile-image{object-fit:cover;border:2px solid #fff;border-radius:50%;width:100px;height:100px}.rec-profile-placeholder{color:#fff;background:#667eea;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.rec-initials{color:#fff;font-size:1.8rem;font-weight:600}.rec-profile-info{flex:1}.rec-profile-info h2{color:#fff;margin-bottom:5px;font-size:1.5rem}.rec-designation{opacity:.9;margin-bottom:3px;font-size:1rem}.rec-organization{opacity:.8;font-size:.9rem}.rec-edit-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;transition:all .3s;display:flex}.rec-edit-btn:hover{background:#ffffff4d}.rec-profile-details{border-bottom:1px solid #e5e7eb;padding:30px}.rec-profile-details h3{color:#1f2937;margin-bottom:20px;font-size:1.25rem}.rec-details-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.rec-detail-item{align-items:center;gap:15px;display:flex}.rec-detail-icon{color:#667eea;font-size:1.2rem}.rec-detail-item label{color:#374151;margin-bottom:3px;font-size:.9rem;font-weight:600;display:block}.rec-detail-item p{color:#6b7280;margin:0}.rec-contact-row{background:#f8fafc;border-bottom:1px solid #e5e7eb;gap:40px;padding:20px 30px;display:flex}.rec-contact-item{align-items:center;gap:8px;display:flex}.rec-contact-icon{color:#6b7280;font-size:1rem}.rec-contact-item span{color:#6b7280;font-size:.95rem}.rec-about-section{background:var(--card-bg);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0;box-shadow:var(--shadow-md)}.rec-about-section h3{color:#1f2937;margin-bottom:15px;font-size:1.25rem}.rec-about-section p{color:#6b7280;margin:0;font-style:italic;line-height:1.6}.rec-edit-profile-btn{color:#0e0e0f;cursor:pointer;align-items:center;gap:8px;margin-left:auto;font-weight:600;display:flex}.rec-edit-profile-btn:hover{color:#1d4ed8}@media (max-width:768px){.rec-account-container{padding:16px}.rec-profile-header{text-align:center;flex-direction:column;gap:16px;padding:20px}.rec-profile-image-section{margin-bottom:16px;margin-right:0}.rec-profile-image,.rec-profile-placeholder{width:80px;height:80px}.rec-profile-info h2{font-size:1.25rem}.rec-contact-row{flex-direction:column;gap:16px;padding:16px 20px}.rec-contact-item{justify-content:center}.rec-details-grid{grid-template-columns:1fr;gap:16px}.rec-profile-details{padding:20px}.rec-about-section{margin:16px 0;padding:16px}.rec-edit-profile-btn{justify-content:center;margin:16px auto 0}}.buttonContainer-Application{margin:10px 0 0 5px}.applicationView-header-title{align-items:center;gap:.75rem;padding:10px 0 0 17px;display:flex}.applicationView-page-title{color:#1f2937;margin:0;font-size:1rem;font-weight:700}.header-title-applications{flex-direction:column;padding:8px 0 0;display:flex}.applicationView-page-subtitle{color:#4b5563;margin:0;font-size:.875rem}.applicationView-content{flex:1;padding:1.5rem;overflow-y:auto}.applicationView-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;display:grid}.applicationView-stat-card{transition:box-shadow var(--transition-fast);background-color:#fff;border:.25px solid #c5d4f3;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.applicationView-stat-card:hover{box-shadow:0 4px 6px #7197a3e2}.applicationView-stat-content{justify-content:space-between;align-items:center;display:flex}.applicationView-stat-label{color:#4b5563;margin:0 0 .25rem;font-size:.875rem}.applicationView-stat-value{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.applicationView-stat-value-yellow{color:#d97706}.applicationView-stat-value-blue{color:#2563eb}.applicationView-stat-value-red{color:#dc2626}.applicationView-stat-icon{border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;display:flex}.applicationView-stat-icon-indigo{color:#4f46e5;background-color:#e0e7ff}.applicationView-stat-icon-yellow{color:#d97706;background-color:#fef3c7}.applicationView-stat-icon-blue{color:#2563eb;background-color:#dbeafe}.applicationView-stat-icon-red{color:#dc2626;background-color:#fee2e2}.applicationView-filters-section{background-color:#fff;border:.25px solid #c5d4f3;border-radius:.5rem;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.applicationView-filters-content{justify-content:space-between;align-items:center;display:flex}.applicationView-search-box{width:-moz-fit-content;width:fit-content;position:relative}.filter-applications{justify-content:center;align-items:center;gap:2rem;display:flex}.filter-applications-2{gap:2rem;display:flex}.applicationView-search-input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:300px;padding:.6rem 1rem .6rem 2rem;font-size:.875rem}.applicationView-search-icon{color:#9ca3af;pointer-events:none;font-size:16px;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.applicationView-search-input:focus{border-color:#4f46e5;outline:none}.applicationView-filter-select{width:200px;border:1px solid #d1d5db!important;border-radius:.5rem!important;padding:.5rem 1rem!important;font-size:.875rem!important}.applicationView-filter-select:focus{border-color:#4f46e5;outline:none}.applicationView-action-buttons{align-items:center;gap:.75rem;display:flex}.applicationView-export-btn{color:#fff;cursor:pointer;background-color:#059669;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.applicationView-export-btn:hover{background-color:#047857}.applicationView-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.applicationView-table-wrapper{overflow-x:auto}.applicationView-table{border-collapse:collapse;border:.25px solid #c5d4f3;width:100%}.applicationView-table-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.applicationView-table-th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600}.applicationView-table-body{background-color:#fff}.applicationView-table-row{border-bottom:1px solid #e5e7eb}.applicationView-table-row:hover{background-color:#f9fafb}.highlighted-application-row{background-color:#fef3c7!important}.applicationView-table-td{vertical-align:middle;padding:1rem 1.5rem}.applicationView-candidate-info{align-items:center;gap:.75rem;display:flex}.applicationView-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:600;display:flex}.applicationView-avatar-indigo{background-color:#4f46e5}.applicationView-candidate-details{flex:1}.applicationView-candidate-name{color:#1f2937;margin:0;font-size:.875rem;font-weight:600}.applicationView-candidate-email{color:#6b7280;margin:0;font-size:.75rem}.applicationView-job-role,.applicationView-experience{color:#1f2937;margin:0;font-size:.875rem}.applicationView-date{color:#4b5563;margin:0;font-size:.875rem}.applicationView-status-badge{white-space:nowrap;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.625rem;font-weight:600;transition:all .2s;display:inline-flex}.applicationView-status-applied{color:#1e40af;background-color:#eff6ff}.applicationView-status-shortlisted{color:#92400e;background-color:#fef3c7}.applicationView-status-rejected{color:#991b1b;background-color:#fee2e2}.applicationView-status-review{color:#0369a1;background-color:#f0f9ff}.applicationView-status-contacted{color:#166534;background-color:#f0fdf4}.applicationView-status-hired{color:#059669;background-color:#ecfdf5}.applicationView-status-interviewed{color:#1e40af;background-color:#dbeafe}.applicationView-action-buttons-row{align-items:center;gap:.5rem;display:flex}.applicationView-action-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.5rem;transition:background-color .2s}.applicationView-action-btn-view{color:#4f46e5;background-color:#0000}.applicationView-action-btn-view:hover{background-color:#eef2ff}.applicationView-action-btn-shortlist{color:#d97706;background-color:#0000}.applicationView-action-btn-shortlist:hover{background-color:#fef3c7}.applicationView-action-btn-reject{color:#dc2626;background-color:#0000}.applicationView-action-btn-reject:hover{background-color:#fee2e2}.applicationView-pagination{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.applicationView-pagination-info{color:#4b5563;font-size:.875rem}.applicationView-pagination-controls{align-items:center;gap:.5rem;display:flex}.applicationView-pagination-btn{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.applicationView-pagination-btn:hover:not(:disabled){background-color:#f9fafb}.applicationView-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.applicationView-pagination-active{color:#fff;background-color:#4f46e5;border-color:#4f46e5}.applicationView-modal{z-index:100;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.applicationView-modal-content{background-color:#fff;border-radius:.5rem;width:100%;max-width:30rem;max-height:90vh;margin:1rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.applicationView-modal-body{padding:1.5rem}.applicationView-modal-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.applicationView-profile-name{color:#1f2937;margin:0;font-size:1.125rem;font-weight:600}.applicationView-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.25rem}.applicationView-modal-close:hover{color:#4b5563}.applicationView-modal-sections{flex-direction:column;gap:.75rem;display:flex}.applicationView-modal-actions{border-top:1px solid #e5e7eb;gap:.75rem;padding-top:.75rem;display:flex}.applicationView-modal-btn{cursor:pointer;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:flex}.applicationView-modal-btn-shortlist{color:#fff;text-transform:capitalize;background-color:#d97706}.applicationView-modal-btn-shortlist:hover{background-color:#b45309}.applicationView-modal-btn-reject{color:#fff;text-transform:capitalize;background-color:#fb3535dd}.applicationView-modal-btn-reject:hover{background-color:#f61717dd}.applicationView-modal-btn-cancel{color:#991b1b;background-color:#f4e5e5}.applicationView-modal-btn-cancel:hover{background-color:#fecaca}.nojobapplications{text-align:center;color:#555;background:#f9fafb;border-radius:12px;padding:40px 20px;font-family:Inter,sans-serif}.nojobapplications .no-job-icon{margin-bottom:10px;font-size:40px}.nojobapplications h2{margin-bottom:8px;font-size:20px;font-weight:600}.nojobapplications p{color:#777;font-size:14px}.applicationView-hide-mobile{display:table-cell}.applicationView-mobile-info{display:none}.applicationView-mobile-label{color:#4b5563;margin-right:.5rem;font-weight:600}@media (max-width:768px){.applicationView-content{padding:1rem}.applicationView-header-title{padding:10px 0 0 10px}.applicationView-page-title{font-size:1.25rem}.applicationView-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.applicationView-stat-card{padding:.75rem}.applicationView-stat-icon{width:2.5rem;height:2.5rem;font-size:1rem}.applicationView-stat-value{font-size:1.25rem}.applicationView-filters-content,.filter-applications{flex-direction:column;align-items:stretch;gap:1rem}.filter-applications-2{flex-direction:column;gap:.75rem}.applicationView-search-box{width:100%}.applicationView-search-input{width:100%;max-width:none}.applicationView-filter-select{width:100%}.applicationView-action-buttons,.applicationView-export-btn{justify-content:center;width:100%}.applicationView-hide-mobile{display:none!important}.applicationView-mobile-info{color:#6b7280;margin-top:.25rem;font-size:.75rem;display:flex}.applicationView-candidate-details{flex:1;min-width:0}.applicationView-candidate-name{margin-bottom:.25rem;font-size:.875rem}.applicationView-candidate-email{margin-bottom:.5rem;font-size:.75rem}.applicationView-action-buttons-row{flex-direction:column;align-items:stretch;gap:.25rem}.applicationView-action-btn{justify-content:center;width:100%;padding:.5rem;font-size:.75rem}.applicationView-table-wrapper{overflow-x:auto}.applicationView-table{min-width:100%}.applicationView-table-td{padding:.75rem .5rem}.applicationView-status-badge{padding:.25rem .5rem;font-size:.625rem}.applicationView-pagination{text-align:center;flex-direction:column;align-items:center;gap:1rem}.applicationView-pagination-info{font-size:.75rem}.applicationView-pagination-controls{flex-wrap:wrap;justify-content:center}.applicationView-pagination-btn{padding:.4rem .6rem;font-size:.75rem}.applicationView-modal-content{max-width:calc(100vw - 1rem);margin:.5rem}.applicationView-modal-body{padding:1rem}.applicationView-modal-actions{flex-direction:column;gap:.5rem}.applicationView-modal-btn{width:100%}}@media (max-width:480px){.applicationView-candidate-info{flex-direction:column;align-items:flex-start;gap:.5rem}.applicationView-avatar{align-self:flex-start}.applicationView-pagination-controls{gap:.25rem}.applicationView-pagination-btn{padding:.3rem .5rem;font-size:.7rem}}.hired-rejected-candidates-container{background-color:#f9fafb}.hired-rejected-candidates-main-content{flex:1;overflow-y:auto}.hired-rejected-candidates-content-wrapper{padding:20px}.hired-rejected-candidates-filterbar{background:#fff;border:.25px solid #c5d4f3;border-radius:.5rem;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.hired-rejected-candidates-filters-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.hired-rejected-candidates-status-group{flex-wrap:wrap;gap:.5rem;display:flex}.hired-rejected-candidates-btn{cursor:pointer;color:#374151;background:#f3f4f6;border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.hired-rejected-candidates-btn:hover{background:#f3f4f6}.hired-rejected-candidates-btn--primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.hired-rejected-candidates-btn--primary:hover{background:#2563eb;border-color:#2563eb}.hired-rejected-candidates-filter-actions-bar{background:#fff;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0 0;display:flex}.hired-rejected-candidates-filter-buttons{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hired-rejected-candidates-filter-btn{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.hired-rejected-candidates-filter-btn.hired-rejected-candidates-active{color:#fff;background-color:#6366f1;border-color:#6366f1}.hired-rejected-candidates-filter-btn:not(.hired-rejected-candidates-active):hover{background-color:#f3f4f6;border-color:#9ca3af}.hired-rejected-candidates-action-controls{align-items:center;gap:.75rem;display:flex}.hired-rejected-candidates-sort-select{border:1px solid #d1d5db;border-radius:.375rem;outline:none;padding:.5rem .75rem;font-size:.875rem}.hired-rejected-candidates-sort-select:focus{border-color:#6366f1}.hired-rejected-candidates-export-btn{color:#fff;cursor:pointer;background-color:#059669;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.hired-rejected-candidates-export-btn:hover{background-color:#047857}.hired-rejected-candidates-dropdownSearch{gap:.5rem;display:flex}.hired-rejected-candidates-dropdown-container{width:280px;position:relative}.hired-rejected-candidates-dropdown-box{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px}.hired-rejected-candidates-placehoderDiv-Shortlist{color:#777;justify-content:space-between;display:flex}.hired-rejected-candidates-placeholder-shortlist{color:#777;font-size:.85rem}.hired-rejected-candidates-dropdown-shortlist-icon{justify-content:center;align-items:center;display:flex}.hired-rejected-candidates-icon-stroke{font-size:14px;font-weight:lighter}.hired-rejected-candidates-selected-count{color:#374151;font-weight:500}.hired-rejected-candidates-dropdown-menu{z-index:100;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;max-height:260px;margin-top:4px;padding:10px;position:absolute;overflow-y:auto;box-shadow:0 4px 10px #0000001a}.hired-rejected-candidates-search-box{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:10px;padding:8px}.hired-rejected-candidates-dropdown-list{overflow-y:auto}.hired-rejected-candidates-dropdown-item{cursor:pointer;align-items:center;gap:8px;padding:6px;display:flex}.hired-rejected-candidates-dropdown-item:hover{background:#f0f0f0;border-radius:4px}.hired-rejected-candidates-no-results{text-align:center;color:#666;padding:10px}.hired-rejected-candidates-chips-container{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.hired-rejected-candidates-chips-label{color:#374151;margin:0;font-size:14px}.hired-rejected-candidates-chips-wrapper{flex-wrap:wrap;gap:6px;display:flex}.hired-rejected-candidates-chip{color:#0074d9;background:#e1f0ff;border-radius:20px;align-items:center;gap:.4rem;padding:5px 10px;font-size:13px;display:flex}.hired-rejected-candidates-chip-close{cursor:pointer;color:#ff3b30;font-weight:700}.hired-rejected-candidates-chip-close:hover{color:#d6291f}.hired-rejected-candidates-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.hired-rejected-candidates-stat-card{transition:box-shadow var(--transition-fast);background:#fff;border:.25px solid #c5d4f3;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.hired-rejected-candidates-stat-card:hover{box-shadow:0 4px 6px #7197a3e2}.hired-rejected-candidates-stat-content{justify-content:space-between;align-items:center;display:flex}.hired-rejected-candidates-stat-info{flex:1}.hired-rejected-candidates-stat-label{color:#1e293b;font-size:.875rem;font-weight:500}.hired-rejected-candidates-stat-value{color:#1e293b;margin-top:.25rem;font-size:1.5rem;font-weight:700}.hired-rejected-candidates-stat-icon{border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;display:flex}.hired-rejected-candidates-stat-icon-green{color:#059669;background-color:#d1fae5}.hired-rejected-candidates-stat-icon-red{color:#dc2626;background-color:#fee2e2}.hired-rejected-candidates-stat-icon-blue{color:#2563eb;background-color:#dbeafe}.hired-rejected-candidates-candidates-list{flex-direction:column;gap:1rem;display:flex}.hired-rejected-candidates-candidate-card-new{background:#fff;border:.5px solid #c5d4f3;border-radius:.5rem;padding:1rem;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.hired-rejected-candidates-candidate-card-new:hover{box-shadow:0 4px 6px #7197a3e2}.hired-rejected-candidates-candidate-header-section{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.hired-rejected-candidates-candidate-info-section{align-items:center;gap:1rem;display:flex}.hired-rejected-candidates-candidate-avatar{color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;font-weight:700;display:flex}.hired-rejected-candidates-avatar-indigo{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.hired-rejected-candidates-avatar-pink{background:linear-gradient(135deg,#ec4899,#dc2626)}.hired-rejected-candidates-candidate-details-section{flex:1}.hired-rejected-candidates-candidate-name-row{align-items:center;gap:.5rem;display:flex}.hired-rejected-candidates-candidate-name-new{color:#1f2937;font-size:1.25rem;font-weight:700}.hired-rejected-candidates-shortlisted-badge{border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.hired-rejected-candidates-hired-badge{color:#065f46;background-color:#d1fae5}.hired-rejected-candidates-rejected-badge{color:#991b1b;background-color:#fee2e2}.hired-rejected-candidates-candidate-position-new{color:#6b7280;font-size:.875rem}.hired-rejected-candidates-shortlisted-date{color:#9ca3af;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;display:flex}.hired-rejected-candidates-candidate-action-buttons{gap:.5rem;display:flex}.hired-rejected-candidates-schedule-btn{color:#fff;cursor:pointer;background-color:#059669;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.hired-rejected-candidates-schedule-btn:hover{background-color:#047857}.hired-rejected-candidates-view-btn{color:#3730a3;cursor:pointer;background-color:#e0e7ff;border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.hired-rejected-candidates-view-btn:hover{background-color:#c7d2fe}.hired-rejected-candidates-candidate-meta-grid{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.hired-rejected-candidates-meta-item-new{color:#1e293b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.hired-rejected-candidates-meta-item-new svg{color:#9ca3af}.hired-rejected-candidates-candidate-skills-status{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.65rem;display:grid}.hired-rejected-candidates-skills-section-2{flex-direction:column;align-items:baseline;gap:.5rem;display:flex}.hired-rejected-candidates-section-label{color:#1e293b;font-size:.875rem;font-weight:600;display:block}.hired-rejected-candidates-skills-tags{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hired-rejected-candidates-skill-tag-new{color:#3730a3;background-color:#eef2ff;border-radius:9999px;padding:.4rem .6rem;font-size:.75rem;font-weight:500}.hired-rejected-candidates-skills-more{color:#6b7280;font-size:.875rem}.hired-rejected-candidates-staus-job-title{justify-content:space-between;display:flex}.hired-rejected-candidates-status-section{flex-direction:column;align-items:center;display:flex}.hired-rejected-candidates-candidate-summary-section{display:flex}.hired-rejected-candidates-section-label2{color:#1e293b;text-align:center;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.hired-rejected-candidates-status-notes-buttons{align-items:center;gap:.5rem;display:flex}.hired-rejected-candidates-status-btn{cursor:pointer;text-transform:capitalize;border:none;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:flex}.hired-rejected-candidates-notes-btn{color:#374151;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:flex}.hired-rejected-candidates-notes-btn:hover{background-color:#e5e7eb}.hired-rejected-candidates-section-shortlistFor{color:#1e293b;text-align:center;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.hired-rejected-candidates-status-jobtitle{justify-content:center;display:flex}.hired-rejected-candidates-status-btn-shortlistedfor{color:#065f46;background-color:#d1fae5;border:none;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.hired-rejected-candidates-candidate-summary-new{color:#6b7280;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.hired-rejected-candidates-no-candidates{text-align:center;color:#555;background:#f9fafb;border-radius:12px;padding:40px 20px;font-family:Inter,sans-serif}.hired-rejected-candidates-no-icon{color:#6b7280;margin-bottom:10px;font-size:40px}.hired-rejected-candidates-no-candidates h2{color:#1f2937;margin-bottom:8px;font-size:1.5rem;font-weight:600}.hired-rejected-candidates-no-candidates p{color:#777;margin:0;font-size:14px;line-height:1.5}.hired-rejected-candidates-pagination{background-color:#fff;border-radius:.5rem;margin-top:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.hired-rejected-candidates-pagination-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.hired-rejected-candidates-pagination-info{color:#6b7280;flex-shrink:0;margin:0;font-size:.875rem}.hired-rejected-candidates-pagination-controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.hired-rejected-candidates-pagination-btn{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.hired-rejected-candidates-pagination-btn:hover:not(:disabled){background-color:#f9fafb}.hired-rejected-candidates-pagination-btn:disabled{color:#9ca3af;cursor:not-allowed}.hired-rejected-candidates-pagination-btn.hired-rejected-candidates-active{color:#fff!important;background-color:#4f46e5!important;border-color:#4f46e5!important}.hired-rejected-candidates-modal-overlay-shortlist{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.hired-rejected-candidates-modal{background:#fff;border-radius:.5rem;width:100%;max-width:28rem;margin:1rem;box-shadow:0 20px 25px #00000026}.hired-rejected-candidates-modal-large{flex-direction:column;max-width:42rem;max-height:80vh;display:flex;overflow:hidden}.hired-rejected-candidates-modal-header{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:1rem;position:-webkit-sticky;position:sticky;top:0}.hired-rejected-candidates-modal-header-content{justify-content:space-between;align-items:center;display:flex}.hired-rejected-candidates-modal-title{color:#1f2937;font-size:1.25rem;font-weight:700}.hired-rejected-candidates-modal-close,.hired-rejected-candidates-modal-close-shortlist{background:var(--surface-bg);cursor:pointer;width:28px;height:28px;color:var(--muted-text);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:100;transition:all .2s ease-in-out;display:flex;top:.75rem;right:.75rem}.hired-rejected-candidates-modal-close:hover,.hired-rejected-candidates-modal-close-shortlist:hover{background:var(--border-color-light);color:var(--text-color)}.hired-rejected-candidates-modal-subtitle{color:#6b7280;font-size:.875rem}.hired-rejected-candidates-modal-body{flex:1;min-height:0;padding:.75rem;overflow-y:auto}.hired-rejected-candidates-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem}.hired-rejected-candidates-status-options{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.hired-rejected-candidates-status-option{cursor:pointer;border:2px solid #e5e7eb;border-radius:.5rem;align-items:center;padding:.75rem;transition:all .2s;display:flex}.hired-rejected-candidates-status-option:hover{border-color:#d1d5db}.hired-rejected-candidates-status-option.hired-rejected-candidates-selected{background-color:#eef2ff;border-color:#6366f1}.hired-rejected-candidates-status-option input{margin-right:.75rem}.hired-rejected-candidates-status-option label{color:#374151;font-size:.875rem;font-weight:500}.hired-rejected-candidates-modal-actions{gap:.75rem;display:flex}.hired-rejected-candidates-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;flex:1;padding:.5rem 1rem;font-weight:500}.hired-rejected-candidates-btn-cancel:hover{background-color:#fff}.hired-rejected-candidates-btn-save{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:flex}.hired-rejected-candidates-btn-save:hover:not(:disabled){background-color:#4f46e5}.hired-rejected-candidates-btn-save:disabled{opacity:.5;cursor:not-allowed}.hired-rejected-candidates-notes-section{margin-bottom:.55rem}.hired-rejected-candidates-notes-header{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.hired-rejected-candidates-notes-list{flex-direction:column;gap:.5rem;display:flex}.hired-rejected-candidates-note-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem}.hired-rejected-candidates-note-content{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.hired-rejected-candidates-note-text{color:#374151;font-size:.75rem}.hired-rejected-candidates-note-delete{color:#dc2626;cursor:pointer;background:0 0;border:none;margin-left:.5rem}.hired-rejected-candidates-note-delete:hover{color:#b91c1c}.hired-rejected-candidates-note-date{color:#6b7280;align-items:center;gap:.25rem;font-size:.55rem;display:flex}.hired-rejected-candidates-empty-notes{text-align:center}.hired-rejected-candidates-empty-notes-icon{color:#d1d5db}.hired-rejected-candidates-empty-notes-text{color:#6b7280;font-size:.875rem}.hired-rejected-candidates-note-form{flex-direction:column;gap:.5rem;display:flex}.hired-rejected-candidates-note-form label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.hired-rejected-candidates-note-textarea{resize:none;border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;padding:1rem;font-size:.875rem}.hired-rejected-candidates-note-textarea:focus{border-color:#6366f1}@media (max-width:768px){.hired-rejected-candidates-content-wrapper{padding:16px}.hired-rejected-candidates-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.hired-rejected-candidates-status-tabs{flex-wrap:wrap}.hired-rejected-candidates-pagination-content{flex-direction:column;align-items:center;gap:.75rem}.hired-rejected-candidates-pagination-info{order:2}.hired-rejected-candidates-pagination-controls{order:1}.hired-rejected-candidates-filter-actions-bar{flex-direction:column;align-items:stretch}.hired-rejected-candidates-candidate-header-section{flex-direction:column;gap:1rem}.hired-rejected-candidates-candidate-meta-grid{flex-direction:column;gap:.5rem}.hired-rejected-candidates-candidate-skills-status{grid-template-columns:1fr}.hired-rejected-candidates-modal{width:calc(100% - 32px);margin:16px}.hired-rejected-candidates-no-candidates{padding:40px 16px}.hired-rejected-candidates-no-candidates h2{font-size:20px}.hired-rejected-candidates-no-candidates p{font-size:14px}.hired-rejected-candidates-status-group{flex-wrap:nowrap;gap:.25rem;overflow-x:auto}.hired-rejected-candidates-btn{white-space:nowrap;flex-shrink:0;padding:6px 10px;font-size:12px}.hired-rejected-candidates-staus-job-title{justify-content:flex-start}}.hired-rejected-no-applications{text-align:center;color:#555;background:#f9fafb;border-radius:12px;padding:40px 20px}.hired-rejected-no-applications .hired-rejected-no-icon{color:#6b7280;margin-bottom:10px;font-size:40px}.hired-rejected-no-applications h2{color:#374151;margin-bottom:8px;font-size:20px;font-weight:600}.hired-rejected-no-applications p{color:#777;margin:0;font-size:14px;line-height:1.5}.notes-container{border-radius:10px;margin-top:.5rem;padding:10px 20px}.notes-container.hired{color:#065f46;background:#d1fae5}.notes-container.rejected{color:#a30000;background:#ffe5e5}.notes-header{align-items:center;font-weight:700;display:flex}.notes-icon{margin-right:4px;font-size:14px}.notes-title{text-transform:capitalize;font-size:12px}.notes-text{margin:0;font-size:12.25px;line-height:1.6}.rec-settings-container{padding:var(--space-4,24px);max-width:800px;font-family:var(--font-body-alt)}.rec-settings-header{margin-bottom:var(--space-1,10px)}.rec-settings-header h1{font-size:var(--font-size-xl);color:var(--text-color);font-weight:600}.rec-settings-content{gap:var(--space-3,16px);flex-direction:column;display:flex}.rec-settings-section{background:var(--card-bg);border-radius:var(--radius-md);padding:var(--space-4,24px);box-shadow:var(--shadow-sm);border:.25px solid #c5d4f3;transition:box-shadow .2s;overflow:hidden}.rec-settings-section:hover{box-shadow:0 4px 6px #7197a3e2}.rec-settings-icon{font-size:var(--font-size-lg);color:var(--btn-bg)}.rec-settings-icon-share{color:var(--btn-bg);font-size:.75rem}.ref-section{justify-content:space-between;display:flex}.rec-settings-icon.whatsapp{color:#25d366}.rec-settings-options{gap:var(--space-3,16px);flex-direction:column;display:flex}.rec-settings-option{padding:var(--space-3,16px);background:var(--surface-bg);border-radius:var(--radius-sm);border:1px solid var(--border-color-light);transition:var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.rec-settings-option:hover{background:var(--highlight-bg);border-color:var(--border-color)}.rec-settings-option-info{flex:1}.rec-settings-option-info h3{font-size:var(--font-size-md);color:var(--text-color);margin:0 0 var(--space-1,4px) 0;align-items:center;gap:var(--space-2,8px);font-weight:500;display:flex}.rec-settings-option-info p{font-size:var(--font-size-sm);color:var(--muted-text);margin:0}.rec-toggle-switch{cursor:pointer;width:50px;height:24px;display:inline-block;position:relative}.rec-toggle-switch input{opacity:0;width:0;height:0}.rec-toggle-slider{background-color:var(--border-color);transition:var(--transition-smooth);border-radius:24px;position:absolute;top:0;bottom:0;left:0;right:0}.rec-toggle-slider:before{content:"";background-color:var(--bg-color);width:18px;height:18px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;bottom:3px;left:3px}.rec-toggle-switch input:checked+.rec-toggle-slider{background-color:var(--btn-bg)}.rec-toggle-switch input:checked+.rec-toggle-slider:before{transform:translate(26px)}.rec-toggle-switch:hover .rec-toggle-slider{box-shadow:0 0 0 3px #007aff1a}.rec-settings-section-header{margin-bottom:var(--space-3,16px);justify-content:space-between;align-items:center;display:flex}.rec-settings-section-header h2{font-size:var(--font-size-lg);color:var(--text-color);align-items:center;gap:var(--space-2,8px);margin:0;font-weight:500;display:flex}.rec-settings-edit-btn-top{color:var(--btn-bg);font-size:var(--font-size-xl);cursor:pointer;transition:var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;padding:6px;display:flex}.rec-settings-edit-btn-top:hover{color:var(--btn-hover-bg);background:var(--highlight-bg);transform:scale(1.1)}.rec-settings-action-buttons-top{gap:var(--space-2,8px);align-items:center;display:flex}.rec-settings-form{gap:var(--space-3,16px);flex-direction:column;min-height:120px;display:flex}.rec-settings-form-row{gap:var(--space-4,24px);align-items:flex-start;display:flex}.rec-settings-form-group{flex-direction:column;flex:1;min-height:60px;display:flex}.rec-settings-label{font-size:var(--font-size-sm);color:var(--text-color);margin:0 0 var(--space-1,4px) 0;font-weight:500}.rec-settings-display-field{font-size:var(--font-size-sm);color:var(--muted-text);min-height:20px;padding:4px 0}.rec-settings-input-container{gap:var(--space-1,4px);flex-direction:column;display:flex}.rec-settings-input{transition:var(--transition-fast);font-family:var(--font-body-alt);flex:1;border:1px solid var(--border-color-light)!important;border-radius:var(--radius-sm)!important;background:var(--surface-bg)!important;color:var(--text-color)!important;height:32px!important;padding:8px 10px!important;font-size:12px!important;line-height:1.2!important}.rec-settings-input:focus{border-color:var(--btn-bg);outline:none;box-shadow:0 0 0 3px #007aff1a}.rec-settings-save-btn{padding:var(--space-1,8px);color:#28a745;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);background:#28a7451a;border:1px solid #28a7454d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rec-settings-save-btn:hover{background:#28a74533;border-color:#28a745}.rec-settings-cancel-btn{padding:var(--space-1,8px);color:#dc3545;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);background:#dc35451a;border:1px solid #dc35454d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rec-settings-cancel-btn:hover{background:#dc354533;border-color:#dc3545}.rec-settings-error{color:#dc3545;font-size:var(--font-size-sm);margin-top:var(--space-1,4px);min-height:16px}.referral-option-minimal{flex-direction:column;align-items:stretch!important;padding:20px!important}.referral-option-minimal h3{margin-bottom:8px!important}.referral-description{color:var(--muted-text)!important;margin-bottom:0!important;font-size:14px!important}.recruiter-referral-container{margin-top:16px}@media (max-width:768px){.rec-settings-container{padding:var(--space-3,16px)}.rec-settings-header h1{font-size:var(--font-size-xl)}.rec-settings-section{padding:var(--space-3,16px)}.rec-settings-option{align-items:flex-start}}.billing-history-page{min-height:100vh;font-family:var(--font-body-alt);background-color:#f3f4f6;padding:1rem 1.5rem}.billing-invoice-width{max-width:1000px;margin:0 auto}.billing-history-container{max-width:1280px;margin:0 auto}.billing-history-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.btn.rounded-full{border-radius:9999px}.btn.secondary{background-color:var(--surface-bg);color:var(--text-color);border:1px solid var(--border-color)}.billing-history-header h2{color:#1f2937;font-size:1.5rem;font-weight:700}.billing-history-header p{color:#6b7280;margin:0}.billing-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;display:grid}.billing-stat-card{transition:box-shadow var(--transition-fast);background:#fff;border:.25px solid #c5d4f3;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a}.billing-stat-card:hover{box-shadow:0 4px 6px #7197a3e2}.billing-stat-content{justify-content:space-between;align-items:center;display:flex}.billing-stat-label{color:#6b7280;margin:0 0 .25rem;font-size:.875rem;font-weight:500}.billing-stat-value{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.billing-stat-card.billing-purple .billing-stat-value{font-size:1rem;font-weight:500}.billing-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;display:flex}.billing-stat-card.billing-green .billing-stat-icon{color:#10b981;background:#d1fae5}.billing-stat-card.billing-blue .billing-stat-icon{color:#3b82f6;background:#dbeafe}.billing-stat-card.billing-yellow .billing-stat-icon{color:#f59e0b;background:#fef3c7}.billing-stat-card.billing-purple .billing-stat-icon{color:#8b5cf6;background:#ede9fe}.billing-stat-card.billing-red .billing-stat-icon{color:#dc2626;background:#fee2e2}.billing-filter-bar{background:#fff;border:.25px solid #c5d4f3;border-radius:8px;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.billing-search-section{margin-bottom:1rem}.billing-search-input-wrapper{max-width:400px;position:relative}.billing-search-input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;font-size:.875rem;transition:border-color .2s}.billing-search-input:focus{border-color:#6366f1}.billing-filter-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.billing-filter-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.billing-filter-btn{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.billing-filter-btn:hover{background:#e5e7eb}.billing-filter-btn.billing-active{color:#fff;background:#6366f1}.billing-action-buttons{align-items:center;gap:.75rem;display:flex}.billing-date-filter{cursor:pointer;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.875rem}.billing-export-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.billing-transactions-container{flex-direction:column;gap:1rem;display:flex}.billing-loading-state{text-align:center;color:#6b7280;background:#fff;border-radius:8px;padding:3rem;font-size:1.125rem}.billing-empty-state{text-align:center;background:#fff;border:.25px solid #c5d4f3;border-radius:8px;padding:3rem;box-shadow:0 1px 3px #0000001a}.billing-empty-icon{color:#9ca3af;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;font-size:1.875rem;display:flex}.billing-empty-state h3{color:#1f2937;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.billing-empty-state p{color:#6b7280;margin:0}.billing-transaction-card{transition:box-shadow var(--transition-fast);background:#fff;border:.25px solid #c5d4f3;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.billing-transaction-card:hover{box-shadow:0 4px 6px #7197a3e2}.billing-transaction-main{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.billing-transaction-left{flex:1;gap:1rem;display:flex}.billing-transaction-icon{color:#fff;background:#6366f1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:1.875rem;display:flex}.billing-transaction-details{flex:1}.billing-transaction-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.billing-transaction-title{color:#1f2937;margin:0;font-size:1.25rem;font-weight:700}.billing-transaction-subtitle{border-radius:6px;font-size:.7rem;line-height:1.4}.billing-failed-subtitle,.billing-success-subtitle{color:#7f88a4}.billing-status-badge{border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.billing-status-badge.billing-paid{color:#065f46;background:#d1fae5}.billing-status-badge.billing-pending{color:#92400e;background:#fef3c7}.billing-status-badge.billing-failed{color:#991b1b;background:#fee2e2}.billing-status-badge.billing-cancelled{color:#92400e;background:#fef3c7}.billing-failure-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:8px;padding:8px 12px}.billing-failure-title{color:#dc2626;margin-bottom:4px;font-size:.75rem;font-weight:600}.billing-failure-reason{color:#7f1d1d;font-size:.75rem;line-height:1.4}.billing-failure-details{color:#991b1b;opacity:.8;margin-top:4px;font-size:.7rem}.billing-transaction-id{color:#6b7280;font-size:.875rem}.billing-transaction-date{color:#6b7280;align-items:center;gap:.25rem;margin:0;font-size:.75rem;display:flex}.billing-transaction-right{text-align:right;flex-direction:column;align-items:flex-end;gap:.5rem;margin-left:1rem;display:flex}.billing-action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.billing-action-btn.billing-secondary{color:#6366f1;background:#e0e7ff}.billing-action-btn.billing-secondary:hover{background:#c7d2fe}.billing-action-btn:disabled{color:#9ca3af;cursor:not-allowed;opacity:.8;background-color:#f3f4f6;border-color:#e5e7eb}.billing-transaction-meta{border-top:1px solid #e5e7eb;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;padding-top:1rem;display:grid}.billing-meta-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.billing-meta-item i{color:#9ca3af}.billing-meta-item strong{color:#1f2937}@media (max-width:768px){.billing-history-page{padding:1rem}.billing-stats-grid{grid-template-columns:1fr}.billing-filter-actions{flex-direction:column;align-items:stretch}.billing-filter-buttons{justify-content:center}.billing-transaction-main{flex-direction:column;gap:1rem}.billing-transaction-right{text-align:left;margin-left:0}.billing-transaction-meta{grid-template-columns:1fr}}.invoice-page{background-color:#f8fafc;min-height:100vh;padding:20px}.invoice-container{max-width:1200px;margin:0 auto}.invoice-page-header{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:20px;display:flex;position:-webkit-sticky;position:sticky;top:70px;box-shadow:0 1px 3px #0000001a}.invoice-header-left{align-items:center;display:flex}.invoice-header-actions{gap:10px;display:flex}.invoice-btn{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.invoice-btn-outline{color:#374151;background:#fff;border:1px solid #d1d5db}.invoice-btn-outline:hover{background:#f9fafb}.invoice-btn-secondary{color:#fff;background:#6b7280;border:1px solid #6b7280}.invoice-btn-secondary:hover{background:#4b5563}.invoice-btn-primary{color:#fff;background:#3b82f6;border:1px solid #3b82f6}.invoice-btn-primary:hover{background:#2563eb}.invoice-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.invoice-card-header{color:#fff;padding:20px;background:#6877a6!important}.invoice-header-content{justify-content:space-between;align-items:flex-start;display:flex}.invoice-company-info{flex:1}.invoice-company-brand{align-items:center;gap:12px;margin-bottom:16px;display:flex}.invoice-company-icon{color:#fff;background:#fff3;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.invoice-company-name{color:#fff;margin:0;font-size:20px;font-weight:700}.invoice-company-subtitle{color:#e0e7ff;margin:0;font-size:14px}.invoice-company-address{color:#e0e7ff;margin:16px 0 0;font-size:14px;line-height:1.5}.invoice-header-right{text-align:right}.invoice-status-badge{color:#fff;background:#10b981;border-radius:8px;align-items:center;gap:4px;margin-bottom:12px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.invoice-header-title{color:#fff;margin:0 0 8px;font-size:32px;font-weight:700}.invoice-number{color:#e0e7ff;margin:0;font-size:18px;font-weight:600}.invoice-details{padding:20px}.invoice-info-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.invoice-section-title{color:#374151;text-transform:uppercase;border-bottom:2px solid #4f46e5;margin:0 0 12px;padding-bottom:8px;font-size:14px;font-weight:600;display:inline-block}.invoice-bill-to{color:#374151;line-height:1.6}.invoice-customer-name{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:700}.invoice-customer-address{color:#4b5563;margin:0 0 8px;font-size:14px}.invoice-customer-contact{color:#4b5563;margin:0;font-size:14px}.invoice-info-right{text-align:right}.invoice-info-items{flex-direction:column;gap:8px;display:flex}.invoice-info-item{justify-content:flex-end;align-items:center;gap:12px;display:flex}.invoice-info-label{color:#4b5563;font-size:14px}.invoice-info-value{color:#1f2937;font-weight:600}.invoice-info-value.paid{color:#059669}.invoice-table-container{margin:24px 0}.invoice-table{border-collapse:collapse;width:100%}.invoice-table thead tr{background:#f3f4f6;border-bottom:2px solid #4f46e5}.invoice-table th{text-align:left;color:#374151;text-transform:uppercase;padding:12px 16px;font-size:14px;font-weight:600}.invoice-table th:nth-child(3),.invoice-table th:nth-child(4){text-align:center}.invoice-table th:nth-child(5),.invoice-table th:nth-child(6),.invoice-table td:nth-child(5),.invoice-table td:nth-child(6){text-align:right}.invoice-table td{color:#4b5563;border-bottom:1px solid #e5e7eb;padding:16px}.invoice-table tbody tr:hover{background:#f9fafb}.invoice-table tbody tr:last-child td{border-bottom:none}.invoice-item-description{color:#1f2937;margin:0;font-weight:600}.invoice-item-amount{color:#1f2937;text-align:center;font-weight:600}.invoice-totals-container{justify-content:flex-end;display:flex}.invoice-totals{max-width:400px}.invoice-totals-box{background:#f9fafb;border-radius:8px;padding:10px 55px}.invoice-total-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.invoice-total-label{color:#4b5563}.invoice-total-value{color:#1f2937;text-align:right;min-width:120px;font-weight:600}.invoice-grand-total{border-top:2px solid #d1d5db;margin-top:12px;padding-top:12px}.invoice-grand-total .invoice-total-label{color:#1f2937;font-size:18px;font-weight:700}.invoice-grand-total .invoice-total-value{color:#4f46e5;font-size:24px;font-weight:700}.invoice-payment-title{color:#1f2937;align-items:center;gap:8px;margin-bottom:8px;font-size:18px;font-weight:700;display:flex}.invoice-payment-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.invoice-payment-card{background:#f9fafb;border-radius:8px;padding:16px}.invoice-payment-card-label{color:#6b7280;margin-bottom:8px;font-size:14px}.invoice-payment-card-value{color:#1f2937;margin-bottom:4px;font-weight:600}.invoice-payment-card-details{color:#6b7280;font-size:14px}.invoice-payment-success{color:#059669;align-items:center;gap:4px;margin-top:4px;font-size:14px;display:flex}.invoice-notes-section{border-top:1px solid #e5e7eb;padding-top:24px}.invoice-notes-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.invoice-notes-title{color:#1f2937;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.invoice-notes-content{color:#6b7280;font-size:14px;line-height:1.5}.invoice-paid-amount{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:12px;padding:12px 16px}.invoice-paid-row{justify-content:space-between;align-items:center;display:flex}.invoice-paid-label{color:#15803d;font-size:14px;font-weight:500}.invoice-paid-value{color:#15803d;font-size:18px;font-weight:700}.invoice-item-details{color:#6b7280;margin:4px 0 0;font-size:14px}.invoice-footer{text-align:center;background:#f9fafb;border-top:1px solid #e5e7eb;padding:8px 30px}.invoice-footer-content{color:#6b7280;font-size:14px}.invoice-footer-contact{margin:0 0 8px}.invoice-footer-contact span{color:#d1d5db;margin:0 12px}.invoice-footer-generated{color:#9ca3af;margin:0;font-size:12px}@media screen and (max-width:768px){.invoice-page{padding:12px}.invoice-page-header{flex-direction:column;gap:16px}.invoice-header-actions{justify-content:center;gap:8px}.invoice-card-header{padding:20px}.invoice-header-content{flex-direction:column;gap:20px}.invoice-header-right{text-align:left}.invoice-details{padding:20px}.invoice-info-grid{grid-template-columns:1fr;gap:24px}.invoice-info-right{text-align:left}.invoice-table-container{overflow-x:auto}.invoice-table{min-width:600px}.invoice-totals-container{justify-content:center}.invoice-totals{width:100%;max-width:none}.invoice-totals-box{padding:16px 30px}.invoice-payment-grid,.invoice-notes-grid{grid-template-columns:1fr;gap:20px}}@media screen and (max-width:480px){.invoice-page{padding:8px}.invoice-card-header,.invoice-details{padding:16px}.invoice-company-name{font-size:18px}.invoice-header-title{font-size:24px}.invoice-totals-box{padding:16px 20px}.invoice-total-value{min-width:100px}}@media print{.invoice-page{background:#fff;padding:0}.invoice-page-header{display:none}.invoice-card{box-shadow:none;border:none}.invoice-card-header{-webkit-print-color-adjust:exact;padding:30px;background:#6877a6!important}.invoice-details{padding:30px}.invoice-info-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.invoice-header-content{justify-content:space-between;align-items:flex-start;display:flex}.invoice-header-right,.invoice-info-right{text-align:right}.invoice-totals-box{padding:16px 75px}.invoice-payment-grid,.invoice-notes-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.invoice-totals-container{page-break-after:always}.invoice-notes-section{page-break-before:always;margin-top:0;padding-top:30px}.invoice-footer{page-break-inside:avoid;margin-top:20px}}.plan-expired-content{text-align:center;padding:1rem}.plan-expire-modal-width{width:400px}.plan-expired-icon{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 10px 15px -3px #fbbf244d}.plan-expired-title{color:#1f2937;font-size:1.75rem;font-weight:700;font-family:var(--font-body-alt);margin:0 0 1rem}.plan-expired-message{color:#6b7280;font-size:1rem;line-height:1.6;font-family:var(--font-body-alt);margin:0 0 2rem}.plan-expired-actions{flex-direction:column;gap:.75rem;display:flex}.plan-expired-btn-upgrade{color:#fff;cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-body-alt);background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #6366f14d}.plan-expired-btn-upgrade:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 6px 8px -1px #6366f166}.plan-expired-btn-cancel{color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-body-alt);background:0 0;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1.5rem;transition:all .2s}.plan-expired-btn-cancel:hover{color:#1f2937;background:#f3f4f6;border-color:#9ca3af}@media (max-width:640px){.plan-expired-content{padding:.5rem}.plan-expired-icon{width:64px;height:64px;margin-bottom:1rem}.plan-expired-icon svg{width:36px;height:36px}.plan-expired-title{font-size:1.5rem}.plan-expired-message{font-size:.875rem}.plan-expired-btn-upgrade{padding:.75rem 1.25rem;font-size:.875rem}}.fallback-container{background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.fallback-card{text-align:center;background:#fff;border-radius:1rem;width:100%;max-width:28rem;padding:2rem;box-shadow:0 25px 50px -12px #00000040}.fallback-icon{margin-bottom:1.5rem;font-size:3.75rem;display:inline-block}.fallback-title{color:#1f2937;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.fallback-description{color:#4b5563;margin-bottom:2rem;line-height:1.625}.button-container{flex-direction:column;gap:.75rem;display:flex}.btn-primary-fallback{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:100%;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s;display:flex}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-primary:disabled{cursor:not-allowed;background-color:#60a5fa}.btn-icon{width:1rem;height:1rem;margin-right:.5rem}.spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;margin-right:.5rem}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.spinning{animation:1s linear infinite spin}.wiggling{animation:2s 3s infinite wiggle}.fade-in{animation:.5s ease-out fadeIn}@media (max-width:768px){.account-container{padding-bottom:80px}.account-content{min-height:calc(100vh - 140px)}.mob-header-bottom-tabs{z-index:1000;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e5e7eb;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:0 -4px 6px -1px #0000001a;display:block!important}.mob-header-bottom-tabs.footer-hidden{transform:translateY(100%)}.mobile-bottom-tabs{z-index:1000;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e5e7eb;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:0 -4px 6px -1px #0000001a}.mobile-bottom-tabs.footer-hidden,.mobile-footer.footer-hidden,.bottom-navigation.footer-hidden{transform:translateY(100%)}body.dark-mode .mob-header-bottom-tabs,body.dark-mode .mobile-bottom-tabs{background:var(--card-bg)!important;border-top:1px solid var(--border-color)!important;box-shadow:0 -4px 6px -1px #00000080!important}.mob-header-tabs-container{justify-content:space-around;align-items:center;padding:8px;display:flex}.mob-header-tab-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;max-width:80px;padding:8px;transition:all .2s;display:flex}.mob-header-tab-button:hover{color:#374151}body.dark-mode .mob-header-tab-button{color:var(--muted-text)!important}body.dark-mode .mob-header-tab-button:hover{color:var(--text-color)!important}.mob-header-tab-button.mob-header-active{color:#2563eb}body.dark-mode .mob-header-tab-button.mob-header-active{color:var(--btn-bg)!important}.mob-header-tab-icon{width:20px;height:20px;margin-bottom:4px}.mob-header-tab-button.mob-header-active .mob-header-tab-icon{color:#2563eb}body.dark-mode .mob-header-tab-button.mob-header-active .mob-header-tab-icon{color:var(--btn-bg)!important}.mob-header-tab-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.75rem;font-weight:500;line-height:1;overflow:hidden}.mob-header-tab-button.mob-header-active .mob-header-tab-label{color:#2563eb;font-weight:600}body.dark-mode .mob-header-tab-button.mob-header-active .mob-header-tab-label{color:var(--btn-bg)!important}}@media (min-width:769px){.mob-header-bottom-tabs,.mobile-bottom-tabs{display:none!important}}@media (max-width:480px){.mob-header-tab-button{padding:6px 4px}.mob-header-tab-label{font-size:.7rem}.mob-header-tab-icon{width:18px;height:18px}.mob-header-tabs-container{padding:6px 4px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}