@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.auth-card{position:relative;background-color:var(--card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--spacing-6)}.auth-card-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-6)}.auth-card-logo{width:48px;height:48px;border-radius:50%;background-color:var(--primary);color:var(--card);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;margin-bottom:var(--spacing-4)}.form-phone-input{width:100%;margin-bottom:.5rem}.form-phone-input input{height:44px;border-radius:var(--border-radius);border:1px solid var(--border);background-color:var(--input-bg);color:var(--text);width:100%;padding:0 12px}.form-phone-input[disabled] input,.form-phone-input input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--disabled-bg)}.form-phone-input .PhoneInputCountryIcon{width:24px;height:18px}.form-phone-input .PhoneInputCountrySelectArrow{opacity:.6}.otp-container{display:flex;flex-direction:column;gap:10px;margin-top:15px;margin-bottom:15px;padding:10px;border-radius:var(--border-radius);background-color:rgba(var(--primary-rgb),.05);border:1px dashed rgba(var(--primary-rgb),.3)}.otp-header{margin-bottom:5px}.otp-header p{font-size:.9rem;color:var(--text-secondary);margin:0;text-align:center;font-weight:500}.otp-input{flex:1;text-align:center;letter-spacing:4px;font-size:1.2rem;padding:8px!important;height:44px!important}.otp-actions{display:flex;gap:10px;justify-content:space-between;align-items:center}.availability-message{color:var(--text-secondary);font-size:.9rem;margin-top:5px;display:flex;align-items:center;gap:5px}.error-message{color:var(--error);font-size:.9rem;margin-top:5px}.input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.success-icon{color:var(--success)}.input-container .form-input{padding-right:40px}.input-container .form-phone-input{position:relative}.input-container .form-phone-input input{padding-right:40px}.auth-container{display:flex;min-height:100vh;flex-direction:column;background:var(--background-gradient);overflow:hidden;position:relative}.auth-column{display:flex;width:100%;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);position:relative;transition:all var(--transition-normal)}.auth-column.brand{background-color:var(--card);box-shadow:var(--card-shadow);position:relative;overflow:hidden}.auth-column.brand:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#33333312,#dddddd08);z-index:0}.toggle-container{display:flex;gap:var(--spacing-2);position:absolute;top:var(--spacing-6);right:var(--spacing-6);z-index:10}.brand-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;position:relative;z-index:1;animation:fadeInUp .6s ease-out}.brand-title{font-size:32px;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-6);color:var(--text);line-height:1.2}.brand-description{color:var(--text-muted);line-height:1.6;max-width:320px;margin-bottom:20px}.form-container{width:100%;max-width:400px;position:relative;animation:fadeIn .5s ease-out}.auth-title{font-size:28px;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-8);position:relative;display:inline-block}.auth-footer{margin-top:var(--spacing-8);text-align:center;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.error-container{background-color:#ef44441a;border-left:3px solid var(--danger);padding:var(--spacing-4);margin-bottom:var(--spacing-6);border-radius:var(--border-radius);color:var(--danger);font-size:.875rem;animation:fadeIn .3s ease}.motion-falcon-footer{position:absolute;bottom:16px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);z-index:10;opacity:.8;transition:opacity var(--transition-normal)}.motion-falcon-footer:hover{opacity:1}.motion-falcon-footer.left{left:16px}.motion-falcon-footer.right{right:16px}.motion-falcon-logo{height:16px;width:auto;filter:grayscale(20%);transition:filter var(--transition-normal)}.motion-falcon-footer:hover .motion-falcon-logo{filter:grayscale(0%)}@media (min-width: 768px){.auth-container{flex-direction:row}.auth-column{width:50%}.mobile-toggle{display:none}}.PhoneInput{display:flex;align-items:center;border-radius:var(--border-radius);border:1px solid var(--border);background-color:var(--input-bg);overflow:hidden;height:44px;width:100%}.PhoneInputCountry{display:flex;align-items:center;padding:0 8px;min-width:56px;background-color:var(--input-bg);border-right:1px solid var(--border)}.PhoneInputCountryIcon{width:24px;height:18px;border-radius:2px;overflow:hidden}.PhoneInputCountrySelectArrow{margin-left:5px;opacity:.6;color:var(--text)}.PhoneInputInput{flex:1;border:none;padding:0 12px;height:42px;background-color:var(--input-bg);color:var(--text);font-size:16px;outline:none}.PhoneInputInput:focus{outline:none}.PhoneInput:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-light)}.otp-container{display:flex;gap:10px;margin-top:10px}.otp-input{flex:1;text-align:center;letter-spacing:4px;font-size:1.2rem}.loading-spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}[data-theme=dark] .PhoneInput{border-color:var(--border-dark)}[data-theme=dark] .PhoneInputCountry{border-right-color:var(--border-dark)}@media (max-width: 640px){.PhoneInput{height:40px}.PhoneInputInput{height:38px;font-size:14px}.PhoneInputCountry{min-width:48px}}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.custom-dropdown{position:relative;width:100%}.custom-dropdown-trigger{display:flex;align-items:center;width:100%;padding:.5rem;background:var(--input-bg);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all var(--transition-normal);min-height:40px;gap:.5rem}.custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary)}.custom-dropdown-trigger.open{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.custom-dropdown-trigger.disabled{opacity:.5;cursor:not-allowed;background:var(--background)}.custom-dropdown-icon{display:flex;align-items:center;color:var(--primary);flex-shrink:0}.custom-dropdown-content{flex:1;min-width:0}.custom-dropdown-text{display:block;font-size:.875rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-dropdown-text.placeholder{color:var(--text-muted)}.custom-dropdown-search-input{width:100%;border:none;outline:none;background:transparent;font-size:.875rem;color:var(--text)}.custom-dropdown-search-input::placeholder{color:var(--text-muted)}.custom-dropdown-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.custom-dropdown-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all var(--transition-fast)}.custom-dropdown-clear:hover{background:var(--background);color:var(--text)}.custom-dropdown-chevron{color:var(--text-muted);transition:transform var(--transition-normal);flex-shrink:0}.custom-dropdown-chevron.rotated{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);z-index:1000;margin-top:.25rem;overflow:hidden;animation:dropdown-appear .2s ease}.custom-dropdown-search-container{position:relative;padding:.75rem;border-bottom:1px solid var(--border);background:var(--background)}.custom-dropdown-search{width:100%;padding:.5rem .5rem .5rem 2rem;border:1px solid var(--border);border-radius:6px;font-size:.875rem;background:var(--input-bg);color:var(--text);outline:none;transition:border-color var(--transition-fast)}.custom-dropdown-search:focus{border-color:var(--primary)}.custom-dropdown-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.custom-dropdown-options{max-height:250px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.custom-dropdown-options::-webkit-scrollbar{width:8px}.custom-dropdown-options::-webkit-scrollbar-track{background:transparent;margin:var(--spacing-2) 0}.custom-dropdown-options::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:20px}.custom-dropdown-options::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.custom-dropdown-option{padding:.75rem;cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option:hover{background-color:var(--background)}.custom-dropdown-option.selected{background-color:var(--success-bg);color:var(--success);font-weight:600}.custom-dropdown-option.selected .custom-dropdown-option-label,.custom-dropdown-option.selected .custom-dropdown-option-sublabel{color:var(--success)}.custom-dropdown-option-content{display:flex;flex-direction:column;gap:.125rem}.custom-dropdown-option-label{font-weight:600;color:var(--text);font-size:.875rem;line-height:1.2}.custom-dropdown-option-sublabel{font-size:.65rem;color:var(--text-muted);line-height:1.2}.custom-dropdown-check-circle{color:var(--border);flex-shrink:0;transition:color .2s}.custom-dropdown-check-circle.checked{color:var(--success)}.custom-dropdown-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:var(--text-muted);font-size:.875rem}.custom-dropdown-spinner{width:16px;height:16px;border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.custom-dropdown-empty{padding:1rem;text-align:center;color:var(--text-muted);font-style:italic;font-size:.875rem}.custom-dropdown-tags-container{display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;min-height:24px;max-width:100%}.custom-dropdown-tag{display:inline-flex;align-items:center;background:var(--primary);color:var(--background);border-radius:12px;padding:0 .5rem;font-size:.8rem;margin-right:.25rem}.custom-dropdown-tag-more{background:var(--border);color:var(--text-muted)}.custom-dropdown-tag-remove{background:none;border:none;color:inherit;margin-left:.25rem;cursor:pointer;padding:0;display:flex;align-items:center}.language-toggle-wrapper{display:flex;align-items:center;margin-right:.5rem}.language-toggle-dropdown{min-width:110px;max-width:140px;border-radius:18px;background:var(--text);color:var(--background);box-shadow:0 2px 10px #00000014;transition:all var(--transition-normal);font-size:.95rem;height:40px;padding:0}.language-toggle-dropdown .custom-dropdown-trigger{border-radius:18px;background:var(--text);color:var(--background);min-height:40px;height:40px;box-shadow:none;transition:all var(--transition-normal);gap:.3rem}.language-toggle-dropdown .custom-dropdown-trigger.open{box-shadow:0 4px 12px #0000001f}.language-toggle-dropdown .custom-dropdown-icon{color:var(--background)}.language-toggle-dropdown .custom-dropdown-text{color:var(--background);font-weight:500}.language-toggle-dropdown .custom-dropdown-chevron{color:var(--background)}.language-toggle-dropdown .custom-dropdown-menu{border-radius:14px;animation:dropdown-appear .22s cubic-bezier(.16,1,.3,1)}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.centered-container .status-actions{display:flex;align-items:center;justify-content:center}.centered-container .status-actions button{width:fit-content}.error-container{background-color:#ef44441a;border-radius:var(--border-radius);padding:var(--spacing-3);margin-bottom:var(--spacing-4);color:var(--danger);font-size:.875rem}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.menu-overlay.open{opacity:1;visibility:visible}.hamburger-menu{position:fixed;top:0;left:0;width:68px;height:100vh;background-color:var(--card);z-index:1100;padding:var(--spacing-2) 0 var(--spacing-3) var(--spacing-2);box-shadow:var(--card-shadow);transition:width .3s ease,padding .3s ease,box-shadow .3s ease;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid var(--border);visibility:visible}.hamburger-menu.open{width:292px;padding:var(--spacing-2) var(--spacing-2)}.hamburger-menu::-webkit-scrollbar{display:none}.menu-header{display:flex;justify-content:center;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border);transition:all .3s ease}.hamburger-menu.open .menu-toggle-container{display:flex}.hamburger-menu.open .menu-header{justify-content:space-between}.hamburger-menu .menu-header .toggle-button{display:none}.hamburger-menu.open .menu-header .toggle-button{display:block}.menu-expand-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border-radius:50%;transition:all .3s ease;width:40px;height:40px;color:var(--text);margin:0 24px 0 12px}.menu-expand-button:hover{background-color:var(--text);color:var(--background);transform:scale(1.05)}.hamburger-menu.open .menu-expand-button{display:none}.theme-toggle-container,.close-button{opacity:0;visibility:hidden;position:absolute;transition:opacity .3s ease .1s,visibility .3s ease .1s}.hamburger-menu.open .theme-toggle-container,.hamburger-menu.open .close-button{opacity:1;visibility:visible;position:static}.close-button{background:none;border:none;cursor:pointer;color:var(--text-muted);transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%}.close-button:hover{color:var(--failure);transform:rotate(90deg);background-color:var(--pending-bg)}.menu-items{list-style-type:none;padding:6px 4px 0 0;margin:0;flex:1;height:auto;display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.menu-items::-webkit-scrollbar{width:8px}.menu-items::-webkit-scrollbar-track{background:transparent;margin:var(--spacing-2) 0}.menu-items::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:20px}.menu-items::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.menu-item{margin-bottom:0;transition:transform var(--transition-fast);text-align:center}.hamburger-menu:not(.open) .menu-item,.hamburger-menu:not(.open) .submenu-item{height:40px;margin:4px 0;display:flex;align-items:center;justify-content:center}.menu-item:hover{transform:translateY(2px)}.hamburger-menu.open .menu-item{text-align:left}.menu-item a,.menu-action-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);color:var(--text);text-decoration:none;border-radius:var(--border-radius);transition:all .3s ease;font-weight:var(--font-weight-medium);width:100%;background:none;border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden;white-space:nowrap;font-size:.8rem}.hamburger-menu.open .menu-item a,.hamburger-menu.open .menu-action-button{justify-content:flex-start;padding:var(--spacing-1);text-align:left;margin:var(--spacing-1) 0}.menu-item a:before,.menu-action-button:before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:var(--background);transition:width var(--transition-normal);z-index:1}.menu-item a:hover:before,.menu-action-button:hover:before{width:100%;background-color:var(--background)}.menu-item-icon{display:flex;align-items:center;justify-content:center;margin-right:0;color:var(--text);transition:color .3s ease,transform .3s ease,margin-right .3s ease;font-size:18px;flex-shrink:0;width:24px;height:24px}.hamburger-menu.open .menu-item-icon{margin-right:var(--spacing-3);color:var(--text-muted);font-size:inherit}.hamburger-menu:not(.open) .menu-item-icon,.hamburger-menu:not(.open) .submenu-item .menu-item-icon{font-size:18px;width:24px;height:24px}.menu-item-text{position:absolute;opacity:0;visibility:hidden;transform:translate(20px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;white-space:nowrap}.hamburger-menu.open .menu-item-text{position:static;opacity:1;visibility:visible;transform:translate(0);transition-delay:.1s}.menu-item a:hover .menu-item-icon,.menu-item a.active .menu-item-icon,.menu-action-button:hover .menu-item-icon{color:var(--background)}.menu-item a.active:before,.menu-action-button.active:before{width:100%}.menu-category{display:flex;flex-direction:column}.menu-category-header{display:none;align-items:center;justify-content:flex-start;padding:var(--spacing-1) var(--spacing-3) var(--spacing-1) 0;font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold);margin:var(--spacing-1) 0;white-space:nowrap;overflow:hidden;border-bottom:1px dashed var(--border)}.hamburger-menu.open .menu-category-header{display:flex}.menu-category-header .menu-item-text{position:static;opacity:1;visibility:visible;transform:none;white-space:nowrap;width:100%}.hamburger-menu:not(.open) .menu-category:hover:after{content:attr(data-category);position:absolute;left:70px;background-color:var(--card);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);box-shadow:var(--card-shadow);color:var(--text);font-size:.8rem;white-space:nowrap;z-index:1200}.menu-category-items{list-style-type:none;padding:0;display:flex;flex-direction:column;gap:0}.submenu-item{margin-top:0;margin-bottom:0;transition:transform .3s ease-out,opacity .3s ease;white-space:nowrap}.submenu-item a{padding:var(--spacing-2);font-weight:var(--font-weight-normal);font-size:.8rem}.hamburger-menu:not(.open) .submenu-item a{height:100%;display:flex;align-items:center;justify-content:center}.hamburger-menu:not(.open) .submenu-item .menu-item-text{display:none}.menu-item a:hover,.submenu-item a:hover,.menu-action-button:hover,.menu-item a.active,.submenu-item a.active,.menu-action-button.active{background-color:var(--text);color:var(--background)}.menu-action-button:hover .menu-item-icon,.menu-action-button.active .menu-item-icon{color:var(--background)}.menu-footer{margin-top:0;padding:0;box-shadow:0 -8px 25px #00000026,0 -4px 12px #0000001a,0 -2px 6px #0000000d;display:none;background-color:var(--card);flex-shrink:0}.dark .menu-footer{box-shadow:0 -8px 25px #ffffff1a,0 -4px 12px #ffffff0d,0 -2px 6px #ffffff08}.hamburger-menu.open .menu-footer{display:block;width:290px;position:relative;left:-9px;bottom:-6px}.user-profile-bar{cursor:pointer;transition:all var(--transition-normal);border-radius:var(--border-radius) var(--border-radius) 0 0;overflow:visible;position:relative}.user-profile-bar:hover{background-color:#ffffff0d}.dark .user-profile-bar:hover{background-color:#ffffff14}.dropdown-bridge{position:absolute;bottom:100%;left:5px;width:290px;height:calc(100% + var(--spacing-2));background:transparent;opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:999;pointer-events:none}.user-profile-bar:hover .dropdown-bridge{opacity:1;visibility:visible;pointer-events:auto}.user-info{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-2);transition:all var(--transition-normal)}.user-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-name-row{display:flex;align-items:center;gap:var(--spacing-2);width:100%;min-width:0}.user-name{font-weight:var(--font-weight-semibold);font-size:.75rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;max-width:90px}.user-type{font-size:.55rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-weight:var(--font-weight-medium);background-color:var(--pending-bg);color:var(--pending);padding:1px 3px;border-radius:6px;white-space:nowrap;border:1px solid var(--border);flex-shrink:0}.dropdown-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-normal);opacity:.6;flex-shrink:0}.user-profile-bar:hover .dropdown-icon{color:var(--text);opacity:1;transform:translateY(-1px)}.user-email{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:.7rem;flex-shrink:0;box-shadow:0 2px 8px #00000026;border:2px solid var(--border);transition:all var(--transition-normal);align-self:flex-start}.user-profile-bar:hover .user-avatar{transform:scale(1.05);box-shadow:0 4px 12px #0003}.dark .user-avatar{border-color:#444;box-shadow:0 2px 8px #0000004d}.user-dropdown{position:absolute;bottom:0;left:6px;right:0;background-color:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:0 -8px 25px #00000026,0 -4px 12px #0000001a,0 -2px 6px #0000000d;padding:var(--spacing-2);opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-normal);z-index:1000;margin-bottom:var(--spacing-2);width:270px}.dark .user-dropdown{box-shadow:0 -8px 25px #ffffff1a,0 -4px 12px #ffffff0d,0 -2px 6px #ffffff08;border-color:#333}.user-profile-bar:hover .user-dropdown,.dropdown-bridge:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2);background:none;border:none;border-radius:var(--border-radius);color:var(--text);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:left}.dropdown-item:hover{background-color:var(--text);color:var(--background);transform:translate(2px)}.dropdown-item:active{transform:translate(1px) scale(.98)}.logout-item{color:var(--failure)}.logout-item:hover{background-color:var(--failure);color:#fff}.dropdown-divider{height:1px;background-color:var(--border);margin:var(--spacing-1) var(--spacing-2);opacity:.5}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-profile-bar:hover .user-dropdown{animation:dropdownSlideUp .2s ease-out}.user-dropdown:hover{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 768px){.user-info{padding:var(--spacing-2)}.user-avatar{width:32px;height:32px;font-size:.65rem}.user-name{font-size:.7rem}.user-email{font-size:.6rem}}.dark .hamburger-menu{box-shadow:0 0 20px #00000080}.dark .hamburger-menu.open{box-shadow:var(--glow),0 0 25px #000000b3}@media (max-width: 768px){.hamburger-menu.open{width:292px}}.custom-tooltip{background-color:var(--text);color:var(--background);padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:var(--card-shadow);pointer-events:none;opacity:0;animation:tooltipFadeIn .15s ease-out forwards;transform:translateY(-2px);border:1px solid var(--text)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-2px) translate(-5px)}to{opacity:1;transform:translateY(0) translate(0)}}.custom-tooltip:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid var(--text)}.invite-recruiter-container{max-width:400px;margin:0 auto;padding:20px}.profile-verification-rejected .auth-card-title{margin-bottom:0}.text-muted{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.verification-status{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.verification-status.pending .verification-icon{color:var(--pending)}.verification-status.rejected .verification-icon{color:var(--failure)}.verification-status.verified .verification-icon{color:var(--success)}.verification-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin:2rem 0}.loading-spinner{display:inline-block;width:24px;height:24px;border:2px solid rgba(var(--primary-rgb),.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite}.error-message{background-color:rgba(var(--failure-rgb),.1);border-left:3px solid var(--failure);color:var(--failure);padding:1rem;margin:1.5rem 0;text-align:left;border-radius:0 var(--border-radius) var(--border-radius) 0}@media (max-width: 600px){.centered-card{padding:1.5rem}.verification-actions{flex-direction:column}.verification-actions button{width:100%}}.centered-card{position:relative;max-width:600px;width:100%;background-color:var(--card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--spacing-6);text-align:center;animation:fadeIn .5s ease-out}.form-container{width:100%;max-width:400px;position:relative;background-color:var(--card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--spacing-6);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.icon-circle{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background-color:#22c55e1a;color:#22c55e;margin:0 auto var(--spacing-6)}.auth-title{font-size:28px;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);position:relative;display:inline-block}.auth-title:after{content:"";position:absolute;left:0;bottom:-8px;width:40px;height:3px;background:linear-gradient(to right,var(--gradient-dark),var(--gradient-light))}.auth-card-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-4)}.bold-text{font-weight:600}.text-muted{color:var(--text-muted);font-size:.875rem;margin-bottom:var(--spacing-4)}.back-link{display:flex;align-items:center;width:fit-content;color:var(--text-muted);text-decoration:none;font-size:.875rem;margin-bottom:var(--spacing-4);position:relative;transition:all var(--transition-normal)}.back-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background:linear-gradient(to right,var(--gradient-dark),var(--gradient-light));transition:width var(--transition-normal)}.back-link:hover:after{width:100%}.back-link .icon{margin-right:var(--spacing-2)}.auth-link{color:var(--primary);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-normal);position:relative}.auth-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background:linear-gradient(to right,var(--gradient-dark),var(--gradient-light));transition:width var(--transition-normal)}.auth-link:hover:after{width:100%}.toggle-container{position:absolute;top:var(--spacing-6);right:var(--spacing-6);z-index:10}.pdf-thumbnail-container{width:100%;height:424px;border:1px solid #e0e0e0;border-radius:var(--border-radius);overflow:hidden;position:relative;background-color:#f9f9f9;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.pdf-thumbnail-container:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.pdf-thumbnail-document{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.pdf-thumbnail-page{max-width:100%;max-height:100%}.pdf-thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease;animation:fadeIn .2s ease forwards}.pdf-thumbnail-overlay-content{display:flex;flex-direction:column;align-items:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.pdf-thumbnail-overlay-content span{margin-top:5px;font-size:14px;font-weight:500}.pdf-thumbnail-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#f9f9f9}.pdf-thumbnail-spinner{width:30px;height:30px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3498db;animation:spin 1s linear infinite}.pdf-thumbnail-error{padding:10px;text-align:center;color:#e74c3c;font-size:12px}@media (prefers-color-scheme: dark){.pdf-thumbnail-container{background-color:#2a2a2a;border-color:#444}.pdf-thumbnail-loading{background-color:#2a2a2a}.pdf-thumbnail-spinner{border-color:#ffffff1a;border-top-color:#3498db}.pdf-thumbnail-error{color:#ff6b6b}}.pdf-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pdf-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.pdf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0}.pdf-modal-title{margin:0;font-size:1.2rem;font-weight:600;color:#333;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-modal-close-btn{background:none;border:none;cursor:pointer;color:#666;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.pdf-modal-close-btn:hover{background-color:#0000000d;color:#333}.pdf-modal-body{padding:20px;overflow-y:auto;flex:1;display:flex;justify-content:center;align-items:flex-start;position:relative;min-height:500px}.pdf-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;z-index:5}.pdf-loading-spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:10px}.pdf-error-container{text-align:center;padding:20px;color:#e74c3c}.pdf-document{width:100%;display:flex;justify-content:center;padding-top:10px}.pdf-page{box-shadow:0 2px 5px #0003;margin:0 auto}.pdf-modal-footer{padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:center}.pdf-pagination{display:flex;align-items:center;gap:15px}.pdf-nav-button{background-color:#f5f5f5;border:1px solid #ddd;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.pdf-nav-button:hover:not(:disabled){background-color:#e0e0e0}.pdf-nav-button:disabled{cursor:not-allowed;opacity:.5}.pdf-page-indicator{font-size:14px;color:#666}.pdf-modal-zoom-controls{display:flex;gap:5px;align-items:center}.pdf-zoom-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:4px 8px;cursor:pointer;transition:background-color .2s}.pdf-zoom-button:hover{background-color:#e0e0e0}@media (prefers-color-scheme: dark){.pdf-modal-content{background-color:#1a1a1a;color:#e0e0e0}.pdf-modal-title{color:#f5f5f5}.pdf-modal-close-btn{color:#aaa}.pdf-modal-close-btn:hover{background-color:#ffffff1a;color:#fff}.pdf-modal-header,.pdf-modal-footer{border-color:#333}.pdf-zoom-button{background-color:#333;border-color:#444;color:#e0e0e0}.pdf-zoom-button:hover{background-color:#444}.pdf-loading-container{background-color:#1a1a1ae6}.pdf-loading-spinner{border-color:#ffffff1a;border-left-color:#3498db}.pdf-nav-button{background-color:#333;border-color:#444;color:#e0e0e0}.pdf-nav-button:hover:not(:disabled){background-color:#444}.pdf-page-indicator{color:#aaa}}@media (max-width: 768px){.pdf-modal-content{width:95%}.pdf-modal-title{font-size:1rem}.pdf-nav-button{padding:6px 10px;font-size:12px}}.profile-create-container{margin-left:68px;margin-top:120px}.step-journey-container{position:relative;margin:3rem auto;padding:0 1.5rem;width:100%;max-width:900px}.step-markers{position:relative;display:flex;justify-content:space-between;padding:0 12px}.step-markers:before{content:"";position:absolute;top:18px;left:18px;right:18px;height:4px;background-color:var(--text-muted);z-index:0}.dark .step-markers:before{background-color:#ffffff26}.step-progress-fill{position:absolute;top:18px;left:18px;height:4px;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;transition:width .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #4caf5066;z-index:1}@keyframes progressPulse{0%{box-shadow:0 0 5px #4caf5066}50%{box-shadow:0 0 15px #4caf5099}to{box-shadow:0 0 5px #4caf5066}}.dark .step-progress-fill{background:linear-gradient(90deg,#43a047,#66bb6a);box-shadow:0 0 15px #4caf5080;animation:progressPulseDark 3s infinite}@keyframes progressPulseDark{0%{box-shadow:0 0 5px #4caf5080}50%{box-shadow:0 0 20px #4caf50b3}to{box-shadow:0 0 5px #4caf5080}}.step-marker{position:relative;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;z-index:2}.step-bubble{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--text);border:2px solid var(--color-border);color:var(--background);font-weight:600;font-size:.9rem;box-shadow:0 1px 3px #0000001a;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:1;margin-bottom:.75rem}.step-marker.completed .step-bubble{background-color:#4caf50;border-color:#2e7d32;color:#fff;transform:scale(1.05);transition:transform .3s ease-out}.step-marker.completed .step-bubble:hover{transform:scale(1.15);box-shadow:0 0 0 3px #4caf504d}.step-marker.active .step-bubble{background-color:#ffc107;border-color:#ff8f00;color:#333;transform:scale(1.15);box-shadow:0 0 0 5px #ffc10733;animation:pulseYellow 2s infinite}@keyframes pulseYellow{0%{box-shadow:0 0 #ffc10766}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 #ffc10700}}.dark .step-marker.active .step-bubble{box-shadow:0 0 0 5px #ffc1074d;color:#111}.step-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-align:center;width:110px;transition:all .3s ease;opacity:.8}.step-marker.active .step-label{color:#ff8f00;font-weight:600;opacity:1;transform:scale(1.05)}.step-marker.completed .step-label{color:#4caf50;font-weight:500;opacity:.9}.dark .step-marker.active .step-label{color:#ffc107}.dark .step-marker.completed .step-label{color:#66bb6a}.form-step-container{animation:fadeInStep .4s ease;margin-bottom:0}@keyframes fadeInStep{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.step-journey-container{padding:0 1rem}.step-label{font-size:.75rem;width:90px}.step-bubble{width:32px;height:32px;font-size:.8rem}.step-markers{height:90px}.step-markers:before{top:16px;left:16px;right:16px}.step-progress-fill{top:16px;left:16px}}@media (max-width: 480px){.step-journey-container{padding:0 .5rem;margin:2rem auto}.step-label{width:70px;font-size:.7rem;display:none}.step-marker.active .step-label{display:block}.step-bubble{width:24px;height:24px;font-size:.7rem}.step-markers{height:60px}.step-markers:before{top:12px;left:12px;right:12px}.step-progress-fill{top:12px;left:12px}}.form-card{background-color:var(--background);max-width:1200px;padding:var(--spacing-6);border-radius:10px;box-shadow:0 2px 6px #0000000d;border:1px solid var(--color-border);margin:0 auto 2rem}.form-content{margin-bottom:var(--spacing-10)}.form-step-container h2{font-size:1.5rem;margin-bottom:1rem;color:var(--heading)}.form-description{margin-bottom:1.5rem;color:var(--text-muted);font-size:.875rem}.form-row{display:flex;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.form-row{flex-direction:column;gap:0}}.form-section{padding-top:1.5rem;border-top:1px solid var(--border)}.form-section h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--heading)}.section-description{margin-bottom:1.5rem;color:var(--text-muted);font-size:.85rem}.field-note{margin-top:.5rem;font-size:.75rem;color:var(--text-muted);font-style:italic}.form-navigation{display:flex;align-items:center;justify-content:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);gap:1rem}.form-navigation button{width:200px}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;padding-right:2.5rem}.overtime-fields{margin-top:1rem;padding:1rem;background-color:var(--bg-subtle);border-radius:var(--border-radius-sm);border-left:3px solid var(--primary);animation:fadeIn .3s ease}.file-upload-container{margin-bottom:1.5rem;margin-top:.7rem}.form-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;z-index:-1}.file-upload-box{width:100%;border:2px dashed var(--border);border-radius:var(--border-radius);padding:2rem 1rem;text-align:center;cursor:pointer;transition:all .2s ease;background-color:var(--bg-subtle);margin-top:.5rem}.file-upload-box:hover{border-color:var(--primary)}.upload-placeholder{color:var(--text-muted)}.upload-placeholder p{margin:0}.upload-note{font-size:.75rem;margin-top:.5rem!important;opacity:.7}.selected-file{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.file-name{font-weight:500;color:var(--text)}.file-size{color:var(--text-muted);font-size:.875rem}.file-remove-btn{background-color:transparent;border:none;color:var(--danger);font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--border-radius-sm);transition:all .2s ease}.file-remove-btn:hover{background-color:rgba(var(--danger-rgb),.1)}.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--text);font-size:1rem;resize:vertical;min-height:100px;font-family:inherit;transition:all .2s ease}.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #f59e0b33}.name-dob-row .form-group{flex-basis:31%;flex-grow:0}@media (max-width: 900px){.name-dob-row{flex-wrap:wrap}.name-dob-row .form-group{flex-basis:48%}.name-dob-row .dob-group{flex-basis:100%;margin-top:1rem}}@media (max-width: 600px){.name-dob-row .form-group{flex-basis:100%}.name-dob-row .dob-group{margin-top:0}}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:12px;background-color:#0000000d;border-radius:4px;margin:10px 0;font-size:14px;font-weight:500}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}.email-validation-container{margin-top:10px;display:flex;align-items:center;gap:10px}.email-validation-container .availability-message{margin:0}.email-validation-container button.sm{padding:4px 8px;font-size:.8rem;height:30px;width:fit-content}.profile-container{min-height:100vh;color:var(--text);margin-left:68px;margin-top:100px}.status-buttons{display:flex;gap:var(--spacing-2)}.profile-main{max-width:1200px;margin:2rem auto}.error-actions{display:flex;gap:var(--spacing-4)}.profile-overview{background-color:var(--card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;margin-bottom:var(--spacing-6);position:relative}.profile-banner{height:80px;background-color:var(--primary);display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-4);position:absolute;top:0;left:0;right:0;z-index:1}.profile-banner-status-container{display:flex;align-items:center;gap:.75rem}.profile-actions-container{display:flex;gap:var(--spacing-2)}.profile-actions{display:flex;gap:var(--spacing-2);background-color:var(--card);padding:2px 10px;border-radius:2rem;box-shadow:var(--card-shadow)}.action-icon-btn.update-status-btn{display:flex;align-items:center;gap:var(--spacing-2);width:fit-content;padding:0 10px;color:var(--text)}.action-icon-btn.update-status-btn:hover{background-color:unset;border-radius:unset;border:unset}.action-icon-btn.update-status-btn:hover:after{border-radius:unset;background-color:unset}.profile-status{position:relative;right:0;display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--card);padding:var(--spacing-2) var(--spacing-3);border-radius:2rem;box-shadow:var(--card-shadow);transition:background-color .3s ease}.profile-status.verified{background-color:#e6f7e6;border:1px solid #43a047}.profile-status.rejected{background-color:#fdeaea;border:1px solid #e53935}.profile-status.pending{background-color:var(--background);border:1px solid var(--text-muted)}.profile-status.need-attention{background-color:#ff990040;border:1px solid rgba(255,153,0,.5);animation:pulse-attention 2s infinite ease-in-out}@keyframes pulse-attention{0%{box-shadow:0 0 0 0 var(--text-muted)}70%{box-shadow:0 0 8px 3px var(--background)}to{box-shadow:0 0 0 0 var(--background)}}.profile-status .status-icon.need-attention,.profile-status .status-text.need-attention{color:#9c4500}.light .profile-status .status-icon.need-attention,.light .profile-status .status-text.need-attention{color:#f90}.status-icon{width:16px;height:16px}.status-text{font-size:14px;font-weight:500}.profile-details{display:flex;flex-direction:column;padding:var(--spacing-6);gap:var(--spacing-4);padding-top:80px}.profile-avatar-container{display:flex;justify-content:start;align-items:center;gap:var(--spacing-2)}.profile-avatar{border-radius:50%;background-color:var(--background-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.profile-info-header{display:flex;justify-content:space-between;width:100%;gap:var(--spacing-2)}.profile-info-details{width:30%}.profile-name{font-size:1.5rem;font-weight:600;margin:0}.location{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-muted);font-size:.875rem}.contact-info{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-2)}.contact-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:.875rem}.profile-bio{padding:0 var(--spacing-6) var(--spacing-6);border-top:1px solid var(--border);margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.profile-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.profile-content{grid-template-columns:1fr 2fr}.experience-section,.resume-section{grid-column:1}.experience-section,.education-section{grid-column:2}}.experience-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.skill-tag{font-size:.875rem;background-color:var(--background-secondary);color:var(--text);padding:.25rem .75rem;border-radius:1rem}.empty-section{color:var(--text-muted);font-style:italic}.experience-list,.education-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.experience-item,.education-item{background-color:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-4)}.experience-header{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.experience-icon,.education-icon{color:var(--primary);flex-shrink:0}.experience-title-container{flex:1}.experience-title,.education-degree{font-size:1rem;font-weight:600;margin:0;color:var(--text)}.experience-company,.education-institution{font-size:.875rem;color:var(--text-muted);margin:.25rem 0 0}.experience-period{font-size:.75rem;color:var(--text-muted);margin:0;white-space:nowrap}.experience-description{font-size:.875rem;margin:0;color:var(--text)}.education-item{display:flex;align-items:center;gap:var(--spacing-3)}.education-details{flex:1}.education-year{display:flex;align-items:center;gap:var(--spacing-1);font-size:.75rem;color:var(--text-muted);margin:0;white-space:nowrap}.year-icon{opacity:.7}.resume-button{display:inline-block}@media screen and (max-width: 640px){.profile-details{flex-direction:column;align-items:center;text-align:center}.profile-info-header{align-items:center}.contact-info{justify-content:center}.profile-content{grid-template-columns:1fr}.experience-section,.resume-section,.education-section{grid-column:1}}.profile-content.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:32px}.section-card{background-color:var(--background);border-radius:12px;box-shadow:0 4px 20px #0000000f;padding:14px;margin-bottom:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);border:1px solid var(--border);overflow:hidden;position:relative}.section-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-hover));opacity:.8}.section-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000017}.section-title{color:var(--text);margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid rgba(var(--primary-rgb),.3);font-size:20px;font-weight:700;letter-spacing:-.01em;text-align:left;position:relative}.section-title:after{content:"";position:absolute;left:0;bottom:-2px;width:60px;height:2px;background-color:var(--primary)}.dark .section-title{color:#fffffff2}.subsection-title{color:var(--text);margin:20px 0 12px;font-size:18px;font-weight:500;border-bottom:1px solid var(--border);padding-bottom:8px}.dark .subsection-title{color:#ffffffe6}.detail-group{display:flex;flex-direction:column;text-align:left}.detail-item{display:flex;align-items:start;margin-bottom:4px;border-bottom:1px solid rgba(var(--border-rgb),.5);transition:all .2s ease;text-align:left}.detail-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label{line-height:28px;font-size:16px;font-weight:500;color:var(--text);margin-bottom:4px;transition:color .2s ease}.detail-value{font-size:14px;line-height:28px;color:var(--text-muted);word-break:break-word;padding:0 0 0 10px;transition:all .2s ease;font-weight:500}.documents-section{grid-column:1 / -1}.document-list{display:grid;gap:20px}.document-item{display:flex;height:100%;width:100%;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.document-content{padding:20px 0 20px 20px;display:flex;gap:16px;width:72%;border-radius:12px}.document-icon{margin-top:3px;color:var(--primary);flex-shrink:0}.document-info{width:33%}.document-upload-info{width:100%;padding-right:50px}.document-name{font-weight:600;font-size:16px;margin-bottom:6px;color:var(--text);word-wrap:break-word;width:215px}.document-type,.document-title,.document-notes{font-size:14px;color:var(--text-muted);margin-bottom:4px;line-height:1.4}.document-actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.document-preview-container{width:28%}.document-preview-container .remove-document-container{display:flex;justify-content:end;align-items:center}.document-preview-container .attachment-upload-button{margin-top:36px;width:fit-content;height:44px}.file-upload-container .attachment-upload-button{padding:.6rem .7rem}.document-preview{display:flex;justify-content:center;align-items:center;background-color:rgba(var(--background-rgb),.3);overflow:hidden;cursor:pointer;transition:all .2s ease;padding:20px;min-width:33%}.document-preview:hover{background-color:rgba(var(--background-rgb),.5)}.document-preview-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:20px;color:var(--text-muted);text-align:center;transition:color .2s ease}.document-preview-placeholder-icon{margin-bottom:10px;opacity:.7;transition:all .2s ease}.document-preview:hover .document-preview-placeholder-icon{transform:scale(1.1);opacity:.9}.add-document-container{display:flex;justify-content:start;align-items:center;margin-top:20px}.add-document-container button{width:fit-content}.empty-documents{text-align:center;padding:40px 0;color:var(--text-muted);font-style:italic;background-color:rgba(var(--background-rgb),.3);border-radius:8px;border:1px dashed var(--border)}.download-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.download-error{padding:16px;margin-bottom:20px;border-radius:8px;background-color:#dc354514;border:1px solid rgba(220,53,69,.2);color:var(--color-error, #dc3545);display:flex;align-items:center;gap:12px}.dark .download-error{background-color:#dc354526;border-color:#dc35454d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:16px}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid rgba(var(--primary-rgb),.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite}.loading-pdfs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border-radius:8px;background-color:rgba(var(--background-rgb),.3);margin-bottom:24px;text-align:center;border:1px solid var(--border)}.pdf-loading-spinner{width:32px;height:32px;border:3px solid rgba(var(--primary-rgb),.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite;margin-bottom:16px}@media screen and (max-width: 768px){.profile-content.grid-container{grid-template-columns:1fr;gap:16px}.document-list{grid-template-columns:1fr}.detail-item{padding-bottom:16px;margin-bottom:16px}.section-card{padding:20px}.document-content{padding:16px}.document-preview{height:140px}.document-actions{flex-direction:column;gap:8px}}@media screen and (max-width: 480px){.document-actions button{font-size:14px;padding:6px 12px}.document-name{font-size:15px}.document-type,.document-title,.document-notes{font-size:13px}.section-title{font-size:18px}.subsection-title{font-size:16px}}.availability-message{font-size:.8rem;margin-top:.25rem;font-style:italic}.availability-message.success{color:#2e7d32}.availability-message.error{color:#d32f2f}.profile-created-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:2rem}.success-card{background-color:var(--card);border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:1200px;padding:2rem;text-align:center}.success-card button{width:fit-content}.success-icon{font-size:4rem;color:#4caf50;margin-bottom:1rem}.tabs{display:flex;justify-content:center;margin-bottom:2rem;border-bottom:1px solid #e0e0e0}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;color:var(--text);cursor:pointer;transition:all .2s ease}.tab-button:hover{transform:scale(1.05)}.tab-button.active{color:var(--text);border-bottom-color:var(--text);font-weight:500}.account-details{background-color:var(--card);border-radius:6px;padding:1.5rem;margin:1.5rem 0;text-align:left}.account-details h2{margin-top:0;font-size:1.4rem;margin-bottom:1rem}.important-note{background-color:#fff3cd;border-left:4px solid #ffc107;padding:.75rem 1rem;margin-bottom:1.5rem;border-radius:0 4px 4px 0;color:#000}.credentials-box{border-radius:6px;padding:1.25rem;margin-top:1rem;background-color:var(--background)}.credential-row{display:flex;margin-bottom:1rem;align-items:center}.credential-label{font-weight:700;width:80px;color:var(--text)}.credential-value{font-family:monospace;background-color:#f5f5f5;color:#000;padding:.5rem .75rem;border-radius:4px;flex-grow:1;word-break:break-all;margin-left:10px}.password-container{display:flex;align-items:center;flex-grow:1}.toggle-password-btn{background:none;border:none;color:#666;cursor:pointer;padding:.5rem;margin-left:.5rem;transition:color .2s}.toggle-password-btn:hover{color:#007bff}.actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}@media (max-width: 768px){.tabs{flex-direction:column;border-bottom:none}.tab-button{border-bottom:none;border-left:3px solid transparent;text-align:left;padding:.75rem 1rem}.tab-button.active{border-bottom:none;border-left-color:#3f51b5;background-color:#3f51b50d}}.file-status{display:flex;align-items:center;padding:6px 12px;margin:8px 0;border-radius:4px;font-size:14px;color:var(--text)}.file-status svg{margin-right:8px}.file-status-success{background-color:var(--success-bg);color:var(--success);border:1px solid rgba(0,128,0,.2)}.file-status-pending{background-color:var(--pending-bg);color:var(--pending);border:1px solid rgba(255,165,0,.2)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:none;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal.open{display:flex}.status-modal-content{background-color:var(--card);border-radius:var(--border-radius);box-shadow:0 2px 6px #0000000d;width:100%;max-width:450px;animation:slideIn .3s ease-out;border:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.modal-body{padding:var(--spacing-4)}.modal-footer{display:flex;justify-content:flex-end;padding:var(--spacing-2) var(--spacing-4) var(--spacing-4);gap:var(--spacing-3)}.status-options{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.status-option{display:flex;align-items:center;cursor:pointer}.status-option input[type=radio]{display:none}.status-label{display:flex;align-items:center;cursor:pointer;padding:var(--spacing-2) var(--spacing-3);padding-left:var(--spacing-3);border-radius:var(--border-radius-sm);transition:all .2s ease;flex-grow:1;border-left:3px solid transparent}.status-label:hover{background-color:var(--background-secondary)}.status-label .status-icon{margin-right:var(--spacing-2)}.status-label span{font-weight:500;color:var(--text)}.status-label.disabled{cursor:not-allowed}.status-label.disabled:hover{background-color:var(--bg-subtle)}.status-option input[value=verified]+.status-label:hover{background-color:var(--success-bg);border-left:3px solid var(--success)}.status-option input[value=rejected]+.status-label:hover{background-color:var(--failure-bg);border-left:3px solid var(--failure)}.status-option input[value=pending]+.status-label:hover{background-color:var(--pending-bg);border-left:3px solid var(--pending)}.status-option input[value=verified]:checked+.status-label{background-color:var(--success-bg);border-left:3px solid var(--success)}.status-option input[value=rejected]:checked+.status-label{background-color:var(--failure-bg);border-left:3px solid var(--failure)}.status-option input[value=pending]:checked+.status-label{background-color:var(--pending-bg);border-left:3px solid var(--pending)}.loading-pdfs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border-radius:12px;background-color:rgba(var(--backgroundb),.3);margin-bottom:24px;text-align:center;border:1px solid var(--border)}@keyframes pulse{0%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}.loading-pulse{animation:pulse 2s ease-in-out infinite}.document-validation{flex:1;min-width:280px;padding:var(--spacing-4);background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);background:radial-gradient(circle at 20% 50%,rgba(0,100,255,.12) 25%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,0,150,.12) 25%,transparent 50%),linear-gradient(135deg,#0000000d 50%,#00000008)}.validation-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--primary)}.validation-header h3{font-size:16px;font-weight:600;margin:0;color:var(--text)}.validation-in-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:8px;padding:18px;margin-top:40px;margin-bottom:8px}@keyframes subtle-pulse{0%{box-shadow:0 2px 6px #0000000d}50%{box-shadow:0 2px 10px rgba(var(--primary-rgb),.2)}to{box-shadow:0 2px 6px #0000000d}}.dark .validation-in-progress{animation:subtle-pulse-dark 2s infinite ease-in-out}@keyframes subtle-pulse-dark{0%{box-shadow:0 2px 6px #00000026}50%{box-shadow:0 2px 10px rgba(var(--primary-rgb),.3)}to{box-shadow:0 2px 6px #00000026}}.validation-loading{margin-bottom:16px;position:relative;width:80px;height:80px}.validation-spinner{width:80px;height:80px;position:relative;display:flex;justify-content:center;align-items:center}.validation-spinner:before{content:"";position:absolute;width:64px;height:64px;border-radius:50%;border:4px solid transparent;border-top-color:var(--primary);border-bottom-color:var(--primary);animation:spin-double 1.5s linear infinite}.validation-spinner:after{content:"";position:absolute;width:40px;height:40px;border-radius:50%;border:4px solid transparent;border-left-color:var(--text);border-right-color:var(--text);animation:spin-double 1s ease-in-out infinite reverse}.validation-spinner-inner{position:absolute;width:20px;height:20px;background-color:var(--primary);border-radius:50%;animation:pulse-dot 1.5s cubic-bezier(.455,.03,.515,.955) infinite}@keyframes spin-double{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-dot{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}.validation-progress-title{color:var(--primary);margin:0 0 12px;font-size:18px;font-weight:600}.validation-progress-message{color:var(--text);font-size:14px;line-height:1.4;margin:0 0 14px;max-width:300px}.validation-progress-note{color:var(--text-muted);font-size:13px;font-style:italic;margin:0;padding:8px 12px;background-color:rgba(var(--primary-rgb),.05);border-radius:6px}.dark .validation-progress-note{background-color:rgba(var(--primary-rgb),.1)}.authentication-score{background:#fff9;border-radius:8px;padding:12px;margin-bottom:16px;box-shadow:0 2px 6px #0000000d;text-align:center}.dark .authentication-score{background:#0009}.score-gauge{height:24px;background-color:#d3d3d3;border-radius:12px;overflow:hidden;position:relative;margin-bottom:8px;box-shadow:inset 0 1px 2px #0000001a}.score-fill{position:absolute;top:0;left:0;height:100%;border-radius:12px;transition:width .5s ease}.score-fill.success{background:var(--success);box-shadow:0 0 10px #4caf5066}.score-fill.pending{background:#ffc107;box-shadow:0 0 10px #ffc10766}.score-fill.failure{background:var(--failure);box-shadow:0 0 10px #f4433666}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--background);font-weight:600;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:1}.score-label{font-size:14px;color:var(--text-muted);font-weight:500}.validation-status-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.validation-status-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:13px;background-color:var(--background);color:var(--text);box-shadow:0 1px 2px #0000000d}.validation-status-item.valid{color:var(--success);background:#4caf5025}.validation-status-item.invalid{color:var(--failure);background-color:var(--failure-bg)}.validation-notes{background:#fff9;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000d}.dark .validation-notes{background:#0009}.validation-notes-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text)}.validation-notes-content{font-size:13px;line-height:1.4;margin-bottom:10px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s ease}.validation-notes-content.expanded{-webkit-line-clamp:unset;max-height:300px;overflow-y:auto}.toggle-notes-btn{background:none;border:none;font-size:13px;color:var(--primary);cursor:pointer;padding:0;text-decoration:underline}@media screen and (max-width: 1100px){.document-content{flex-direction:column}.document-validation{margin-left:0;padding-left:0;border-left:none;border-top:1px solid var(--border);padding-top:16px;margin-top:16px;max-width:none}.validation-status-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.validation-status-list{grid-template-columns:1fr}}.rejection-reason-container{margin-top:1rem;padding-top:1rem;border-top:1px solid #e6e6e6}.rejection-reason-container .form-label{display:block;margin-bottom:.5rem;font-weight:500}.rejection-reason-container .form-label .required{color:#e53e3e;margin-left:.25rem}.rejection-reason-container .form-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;resize:vertical}.rejection-reason-container .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.rejection-reason-container .field-note{margin-top:.5rem;font-size:.75rem;color:#6b7280}.rejection-reason{background-color:#fee2e2;border-left:4px solid #ef4444;padding:1rem;border-radius:.375rem}.rejection-reason p{margin:0;color:#7f1d1d;white-space:pre-line}.rejection-error{color:#e53e3e;font-size:.875rem;margin-top:.5rem;margin-bottom:.5rem;padding:.5rem;background-color:#fee2e2;border-radius:.375rem;border-left:3px solid #e53e3e}.form-textarea.error-input{border-color:#e53e3e;box-shadow:0 0 0 1px #e53e3e}.form-textarea.error-input:focus{border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e40}.profile-rejection-reason{margin:0 0 1.5rem;padding:.75rem 1rem;background-color:var(--failure-bg);border-radius:8px;box-shadow:0 2px 6px #0000000d;animation:slide-down .3s ease-out;position:relative;overflow:hidden}.rejection-reason-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:14px;font-weight:500;color:var(--failure)}.rejection-reason-icon{color:var(--failure);flex-shrink:0}.rejection-reason-title{font-weight:500;color:var(--failure);font-size:.95rem}.rejection-reason-content{font-size:13px;line-height:1.4;margin-bottom:.5rem;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s ease;white-space:pre-line}.rejection-reason-content.expanded{-webkit-line-clamp:unset;max-height:300px;overflow-y:auto}.toggle-rejection-btn{background:none;border:none;font-size:13px;color:var(--failure);cursor:pointer;padding:0;text-decoration:underline;opacity:.8;transition:opacity .2s ease,transform .2s ease}.toggle-rejection-btn:hover{opacity:1;transform:translate(2px)}@keyframes slide-down{0%{height:0;opacity:0}to{height:auto;opacity:1}}@media (max-width: 768px){.profile-rejection-reason{padding:1rem;border-radius:8px;margin-bottom:1rem}}.sin-expiry-alert{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;margin-bottom:20px;border-radius:12px;border:1px solid;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInAlert .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.sin-expiry-alert:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,currentColor,transparent);animation:pulseGlow 2s infinite}@keyframes slideInAlert{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:1}}.sin-alert-icon{flex-shrink:0;padding:8px;border-radius:50%;background:#fffc;animation:iconPulse 2s infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 8px #fff0}}.sin-alert-content{flex:1;min-width:0}.sin-alert-message{font-size:16px;font-weight:600;margin-bottom:4px;color:currentColor}.sin-alert-details{font-size:14px;opacity:.8;color:currentColor}.sin-expiry-alert.expired{color:#d32f2f;border-color:#f44336;background:#ffebebe6;box-shadow:0 4px 20px #d32f2f26}.sin-expiry-alert.expired .sin-alert-icon{background:#ff453a26;color:#d32f2f}.sin-expiry-alert.warning-30{color:#e65100;border-color:#ff9800;background:#fff3e0e6;box-shadow:0 4px 20px #ff980026}.sin-expiry-alert.warning-30 .sin-alert-icon{background:#ff980026;color:#e65100}.sin-expiry-alert.warning-60{color:#f57c00;border-color:#ffc107;background:#fff9c4e6;box-shadow:0 4px 20px #ffc10726}.sin-expiry-alert.warning-60 .sin-alert-icon{background:#ffc10726;color:#f57c00}.sin-expiry-alert.warning-90{color:#1976d2;border-color:#2196f3;background:#e3f2fde6;box-shadow:0 4px 20px #2196f326}.sin-expiry-alert.warning-90 .sin-alert-icon{background:#2196f326;color:#1976d2}.dark .sin-expiry-alert{background:#1e1e1ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark .sin-expiry-alert.expired{background:#3c1414e6;border-color:#ef5350;box-shadow:0 4px 20px #ef535033}.dark .sin-expiry-alert.expired .sin-alert-icon{background:#ef535033;color:#ef5350}.dark .sin-expiry-alert.warning-30{background:#3c2814e6;border-color:#ffb74d;box-shadow:0 4px 20px #ffb74d33}.dark .sin-expiry-alert.warning-30 .sin-alert-icon{background:#ffb74d33;color:#ffb74d}.dark .sin-expiry-alert.warning-60{background:#3c3214e6;border-color:#ffcc02;box-shadow:0 4px 20px #ffcc0233}.dark .sin-expiry-alert.warning-60 .sin-alert-icon{background:#ffcc0233;color:#ffcc02}.dark .sin-expiry-alert.warning-90{background:#141e3ce6;border-color:#64b5f6;box-shadow:0 4px 20px #64b5f633}.dark .sin-expiry-alert.warning-90 .sin-alert-icon{background:#64b5f633;color:#64b5f6}.dark .sin-alert-icon{background:#ffffff1a}@media (max-width: 768px){.sin-expiry-alert{padding:14px 16px;margin-bottom:16px;border-radius:10px}.sin-alert-message{font-size:15px}.sin-alert-details{font-size:13px}.sin-alert-icon{padding:6px}}@media (max-width: 480px){.sin-expiry-alert{padding:12px 14px;gap:10px}.sin-alert-message{font-size:14px}.sin-alert-details{font-size:12px}}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;display:inline-block}.skeleton-avatar{background:transparent!important}.skeleton-document{opacity:.7}.skeleton-score-gauge{background:#f0f0f04d!important;position:relative;overflow:hidden}.skeleton-progress-fill{height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:inherit}.dark .skeleton-text{background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%}.dark .skeleton-score-gauge{background:#3333334d!important}.dark .skeleton-progress-fill{background:linear-gradient(90deg,#303030,#404040)}.skeleton-document{animation:skeleton-fade-in .6s ease-out}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.jsp-consent-content{margin-top:20px}.jsp-consent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:30px}.jsp-consent-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.jsp-consent-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--pending);transition:background .3s ease}.jsp-consent-card[data-status=completed]:before{background:var(--success)}.jsp-consent-card[data-status=pending]:before{background:var(--pending)}.jsp-consent-card[data-status=expired]:before{background:var(--failure)}.jsp-consent-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.jsp-consent-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.jsp-consent-title-section{flex:1;min-width:0}.jsp-consent-title{font-size:16px;font-weight:600;color:var(--text);margin:0 0 4px;word-break:break-word;line-height:1.3}.jsp-consent-code{font-size:12px;color:var(--text-muted);font-weight:500;background:var(--background);padding:2px 8px;border-radius:12px;display:inline-block;border:1px solid var(--border)}.jsp-consent-details{margin-bottom:16px}.jsp-consent-details .jsp-detail-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:var(--text-muted)}.jsp-consent-details .jsp-detail-row:last-child{margin-bottom:0}.jsp-consent-details .jsp-detail-row svg{color:var(--primary);flex-shrink:0}.jsp-consent-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--border)}.jsp-consent-actions .button{display:flex;align-items:center;gap:6px;font-size:14px;padding:8px 16px;min-width:auto}.jsp-consent-card .jsp-status-badge{font-size:12px;font-weight:500;padding:4px 12px;border-radius:16px;text-transform:capitalize;flex-shrink:0;border:1px solid;margin-top:0}.jsp-consent-card .jsp-status-badge.completed{background:var(--success-bg);color:var(--success);border-color:var(--success)}.jsp-consent-card .jsp-status-badge.pending{background:var(--pending-bg);color:var(--pending);border-color:var(--pending)}.jsp-consent-card .jsp-status-badge.expired{background:var(--failure-bg);color:var(--failure);border-color:var(--failure)}@media (max-width: 768px){.jsp-consent-list{grid-template-columns:1fr;gap:16px}.jsp-consent-card{padding:16px}.jsp-consent-header{flex-direction:column;align-items:flex-start;gap:12px}.jsp-consent-actions{justify-content:center}.jsp-consent-actions .button{flex:1;justify-content:center}}.jsp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--background);border:1px dashed var(--border);border-radius:12px;min-height:200px}.jsp-empty-icon{color:var(--text-muted);margin-bottom:16px;opacity:.6}.jsp-empty-state h3{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:500}.jsp-empty-state p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.4;max-width:300px}.mandatory-documents-info{background:linear-gradient(135deg,#f8f9ff,#eef2ff);border:1px solid #d1d9ff;border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 2px 8px #0000000d}.dark .mandatory-documents-info{background:linear-gradient(135deg,#1a1a2e,#16213e);border-color:#2a3f66;box-shadow:0 2px 8px #0003}.mandatory-info-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mandatory-info-header .info-icon{color:#3b82f6;flex-shrink:0}.dark .mandatory-info-header .info-icon{color:#60a5fa}.mandatory-info-header h3{color:var(--text);margin:0;font-size:16px;font-weight:600;line-height:1.2}.mandatory-requirements{display:flex;flex-direction:column;gap:12px}.mandatory-requirement{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff9;border-radius:8px;border-left:3px solid #3b82f6}.dark .mandatory-requirement{background:#ffffff0d;border-left-color:#60a5fa}.requirement-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.dark .requirement-icon{color:#60a5fa}.requirement-content{flex:1}.requirement-content strong{color:var(--text);font-weight:600;font-size:14px;display:block;margin-bottom:4px}.requirement-content p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.mandatory-document-type-container{position:relative}.mandatory-document-type{background:#f8fafc!important;border-color:#cbd5e1!important;color:#64748b!important;cursor:not-allowed!important;font-weight:500}.dark .mandatory-document-type{background:#1e293b!important;border-color:#475569!important;color:#94a3b8!important}.mandatory-indicator{color:#3b82f6;font-weight:500;font-size:12px;margin-left:8px}.dark .mandatory-indicator{color:#60a5fa}.mandatory-reason{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:6px;padding:8px 12px;margin-top:8px;font-size:12px;color:#1e40af;line-height:1.4}.dark .mandatory-reason{background:#60a5fa1a;border-color:#60a5fa33;color:#93c5fd}.document-item:nth-child(1) .document-content,.document-item:nth-child(2) .document-content{border-left:3px solid #3b82f6;background:linear-gradient(to right,rgba(59,130,246,.05),transparent)}.dark .document-item:nth-child(1) .document-content,.dark .document-item:nth-child(2) .document-content{border-left-color:#60a5fa;background:linear-gradient(to right,rgba(96,165,250,.05),transparent)}.document-item:nth-child(1) .document-icon,.document-item:nth-child(2) .document-icon{color:#3b82f6}.dark .document-item:nth-child(1) .document-icon,.dark .document-item:nth-child(2) .document-icon{color:#60a5fa}@media (min-width: 768px){.mandatory-requirements{flex-direction:row;gap:16px}.mandatory-requirement{flex:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirmation-modal{background-color:var(--card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);width:100%;max-width:450px;overflow:hidden;animation:slideIn .3s ease-out;border:1px solid var(--border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.close-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-1);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.close-button:hover{background-color:var(--background-secondary);color:var(--text)}.modal-content{padding:var(--spacing-4)}.modal-message{margin:0;color:var(--text);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;padding:var(--spacing-2) var(--spacing-4) var(--spacing-4);gap:var(--spacing-3)}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.jsp-positions-container{min-height:100vh;color:var(--text);margin-left:68px;margin-top:60px;padding:6px 0}.jsp-positions-title{font-size:var(--font-size-header);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--spacing-3);background:linear-gradient(120deg,var(--text),var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.jsp-candidate-name{font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--spacing-2)}.jsp-candidate-details{display:flex;gap:var(--spacing-4);flex-wrap:wrap;color:var(--text-muted);font-size:var(--font-size-small)}.jsp-filter-panel{background:var(--card);border-radius:var(--border-radius);padding:var(--spacing-4);margin-top:var(--spacing-2);margin-bottom:var(--spacing-6);box-shadow:var(--card-shadow);border:1px solid var(--border)}.jsp-filter-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.jsp-filter-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--spacing-4);align-items:end}.jsp-filter-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.jsp-filter-group label{display:block;margin-bottom:var(--spacing-1);font-weight:var(--font-weight-semibold);color:var(--text);font-size:var(--font-size-tiny)}.jsp-search-input{position:relative;display:flex;align-items:center}.jsp-search-input svg{position:absolute;left:var(--spacing-2);color:var(--text-muted);pointer-events:none;z-index:1;width:14px;height:14px}.jsp-search-input input{width:100%;padding:var(--spacing-2) 24px;border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--text);font-size:var(--font-size-small);height:32px;transition:all var(--transition-fast)}.jsp-search-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #d9770633}.dark .jsp-search-input input:focus{box-shadow:0 0 0 2px #fbbf2433}.jsp-clear-search{position:absolute;right:8px;top:8px;background:none;height:16px;width:16px;border:none;color:var(--text-muted);cursor:pointer;z-index:100}.jsp-clear-search svg{left:unset;position:unset}.jsp-clear-search:hover{color:var(--text);background:var(--background)}.jsp-filter-group select{cursor:pointer;width:100%;padding:var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-2);border-radius:var(--border-radius);border:1px solid var(--border);background-color:var(--input-bg);color:var(--text);font-size:var(--font-size-small);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:32px;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center}.jsp-filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #d9770633}.dark .jsp-filter-group select:focus{box-shadow:0 0 0 2px #fbbf2433}.jsp-status-tabs{display:flex;gap:var(--spacing-2);flex-wrap:wrap;justify-content:center;margin-bottom:var(--spacing-4)}.jsp-status-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:9px 14px;border:2px solid var(--border);border-radius:9999px;background:var(--card);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);font-weight:var(--font-weight-medium);position:relative;overflow:hidden;font-size:var(--font-size-small)}.jsp-status-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.jsp-status-tab:hover:before{left:100%}.jsp-status-tab:hover{transform:translateY(-1px);box-shadow:var(--card-shadow);border-color:var(--primary)}.jsp-status-tab.active{background:var(--primary);color:var(--card);border-color:var(--primary);box-shadow:var(--card-shadow)}.jsp-status-count{background:var(--background);color:var(--text);padding:var(--spacing-1) var(--spacing-2);border-radius:9999px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);min-width:18px;text-align:center}.jsp-status-tab.active .jsp-status-count{background:var(--card);color:var(--primary)}.jsp-positions-list{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:17px}.jsp-position-card{background:var(--card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--border);padding:var(--spacing-4);transition:all var(--transition-normal);position:relative;overflow:hidden}.jsp-position-card[data-status=current]{border-left:3px solid #4CAF50;background:linear-gradient(135deg,rgba(76,175,80,.03) 0%,var(--card) 50%);box-shadow:0 3px 12px #4caf501a,var(--card-shadow)}.jsp-position-card[data-status=past]{border-left:3px solid #757575;background:linear-gradient(135deg,rgba(117,117,117,.03) 0%,var(--card) 50%);box-shadow:0 3px 12px #7575751a,var(--card-shadow);opacity:.85}.jsp-position-card[data-status=future]{border-left:3px solid #FF9800;background:linear-gradient(135deg,rgba(255,152,0,.03) 0%,var(--card) 50%);box-shadow:0 3px 12px #ff98001a,var(--card-shadow)}.jsp-position-card[data-status=current]:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#4caf50,#66bb6a);transform:scaleX(0);transition:transform var(--transition-normal)}.jsp-position-card[data-status=past]:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#757575,#9e9e9e);transform:scaleX(0);transition:transform var(--transition-normal)}.jsp-position-card[data-status=future]:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ff9800,#ffb74d);transform:scaleX(0);transition:transform var(--transition-normal)}.jsp-position-card[data-status=current]:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4caf5026,0 4px 16px #0000001a;border-left-color:#388e3c}.jsp-position-card[data-status=past]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #75757526,0 3px 12px #0000001a;border-left-color:#616161;opacity:1}.jsp-position-card[data-status=future]:hover{transform:translateY(-2px);box-shadow:0 12px 24px #ff980026,0 4px 16px #0000001a;border-left-color:#f57c00}.jsp-position-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--success),var(--primary));transform:scaleX(0);transition:transform var(--transition-normal)}.jsp-position-card:hover:before{transform:scaleX(1)}.jsp-position-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000001a}.dark .jsp-position-card[data-status=current]{background:linear-gradient(135deg,rgba(76,175,80,.05) 0%,var(--card) 50%);box-shadow:0 3px 12px #4caf5026,var(--card-shadow)}.dark .jsp-position-card[data-status=past]{background:linear-gradient(135deg,rgba(117,117,117,.05) 0%,var(--card) 50%);box-shadow:0 3px 12px #75757526,var(--card-shadow)}.dark .jsp-position-card[data-status=future]{background:linear-gradient(135deg,rgba(255,152,0,.05) 0%,var(--card) 50%);box-shadow:0 3px 12px #ff980026,var(--card-shadow)}.dark .jsp-position-card:hover{box-shadow:0 12px 24px #0000004d}.jsp-position-header{display:flex;flex-direction:column;margin-bottom:var(--spacing-4)}.jsp-position-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--spacing-1);line-height:1.3}.jsp-position-status{padding:var(--spacing-1) var(--spacing-3);border-radius:9999px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.jsp-position-status.current{background:var(--success-bg);color:var(--success)}.jsp-position-status.past{background:var(--text-muted);color:var(--card)}.jsp-position-status.future{background:var(--pending-bg);color:var(--pending)}.jsp-position-details{margin-bottom:var(--spacing-4)}.jsp-detail-row{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);color:var(--text-muted);font-size:var(--font-size-small)}.jsp-detail-row svg{color:var(--primary);flex-shrink:0;width:14px;height:14px}.jsp-position-dates{background:var(--background);border-radius:var(--border-radius);padding:var(--spacing-4);margin-bottom:var(--spacing-4);border:1px solid var(--border)}.jsp-date-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2);font-size:var(--font-size-small)}.jsp-date-row:last-child{margin-bottom:0}.jsp-date-label{color:var(--text-muted);font-weight:var(--font-weight-medium)}.jsp-date-value{color:var(--text);font-weight:var(--font-weight-semibold)}.jsp-duration-badge{background:var(--primary);color:var(--card);padding:var(--spacing-1) var(--spacing-3);border-radius:9999px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);text-align:center;margin-top:var(--spacing-2)}.jsp-empty-state{text-align:center;padding:var(--spacing-8);color:var(--text-muted);grid-column:1 / -1;animation:fadeIn .5s ease-out}.jsp-empty-state svg{margin-bottom:var(--spacing-4);color:var(--text-muted);opacity:.5;width:40px;height:40px}.jsp-empty-state h3{font-size:var(--font-size-subheader);color:var(--text);margin-bottom:var(--spacing-2)}.jsp-empty-state p{font-size:var(--font-size-body);max-width:500px;margin:0 auto;line-height:1.6}.jsp-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite}.jsp-loading-spinner{width:32px;height:32px;border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-4)}.jsp-error-state{text-align:center;padding:var(--spacing-8);background:var(--failure-bg);border:1px solid var(--failure);border-radius:var(--border-radius);color:var(--failure);grid-column:1 / -1;animation:shake .5s ease-in-out}.jsp-error-state svg{margin-bottom:var(--spacing-4);color:var(--failure);width:40px;height:40px}.jsp-error-state h3{color:var(--failure);margin-bottom:var(--spacing-2)}.jsp-positions-content{max-width:1200px;margin:0 auto}.jsp-filter-actions{display:flex;justify-content:flex-end}.jsp-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:9px 14px;border:2px solid var(--border);border-radius:9999px;background:var(--card);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);font-weight:var(--font-weight-medium);position:relative;overflow:hidden;font-size:var(--font-size-small)}.jsp-tab.active{background:var(--primary);color:var(--card);border-color:var(--primary);box-shadow:var(--card-shadow)}.jsp-count{background:var(--text);color:var(--background);padding:var(--spacing-1) var(--spacing-2);border-radius:9999px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);min-width:18px;text-align:center}.jsp-tab.active .jsp-count{background:var(--card);color:var(--text);color:var(--primary)}.jsp-position-title-section{flex:1;display:flex;justify-content:space-between}.jsp-position-code{font-size:var(--font-size-small);color:var(--text-muted);font-weight:var(--font-weight-medium)}.jsp-status-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:9999px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--spacing-2)}.jsp-status-badge.current{background:var(--success-bg);color:var(--success)}.jsp-status-badge.past{background:var(--text-muted);color:var(--card)}.jsp-status-badge.future{background:var(--pending-bg);color:var(--pending)}.jsp-position-meta{display:flex;justify-content:flex-start;align-items:center;margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border)}.jsp-meta-tags{display:flex;gap:var(--spacing-2);flex-wrap:wrap;width:100%}.jsp-tag{padding:var(--spacing-1) var(--spacing-2);background:var(--background);color:var(--text-muted);border-radius:var(--border-radius);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium)}.jsp-tag.employment-term{background:var(--pending-bg);color:var(--pending)}.jsp-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:var(--text-muted)}.jsp-empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:var(--spacing-4)}.jsp-pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) 0;border-top:1px solid var(--border);margin-top:var(--spacing-4)}.jsp-pagination-controls.top{border-top:none;border-bottom:1px solid var(--border);margin-top:0;margin-bottom:var(--spacing-4)}.jsp-pagination-info{display:flex;align-items:center;gap:var(--spacing-2)}.jsp-pagination-text{color:var(--text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.jsp-pagination-size-selector{display:flex;align-items:center;gap:var(--spacing-2)}.jsp-page-size-label{color:var(--text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);white-space:nowrap}.jsp-page-size-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-2) center;background-size:10px;padding-right:24px;min-width:50px}.jsp-page-size-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #d9770633}.dark .jsp-page-size-select:focus{box-shadow:0 0 0 2px #fbbf2433}.jsp-pagination-buttons{display:flex;align-items:center;gap:var(--spacing-2)}.jsp-pagination-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--card);color:var(--text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);outline:none}.jsp-pagination-btn:hover:not(:disabled){background:var(--primary);color:var(--card);border-color:var(--primary);transform:translateY(-1px)}.jsp-pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--border);color:var(--text-muted);border-color:var(--border)}.jsp-page-numbers{display:flex;align-items:center;gap:var(--spacing-1)}.jsp-page-number-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:var(--border-radius);background:var(--card);color:var(--text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);outline:none}.jsp-page-number-btn:hover{background:var(--border);border-color:var(--text-muted);transform:translateY(-1px)}.jsp-page-number-btn.active{background:var(--primary);color:var(--card);border-color:var(--primary);font-weight:var(--font-weight-bold)}.jsp-page-number-btn.active:hover{background:var(--primary);color:var(--card);transform:none}@media (max-width: 768px){.jsp-pagination-controls{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.jsp-pagination-controls.top{align-items:flex-start}.jsp-pagination-size-selector,.jsp-pagination-buttons{justify-content:center}.jsp-page-numbers{flex-wrap:wrap;justify-content:center}.jsp-pagination-btn span{display:none}.jsp-pagination-text{text-align:center}}@media (max-width: 576px){.jsp-pagination-controls{padding:var(--spacing-3) 0}.jsp-page-numbers{gap:var(--spacing-1)}.jsp-page-number-btn{width:28px;height:28px;font-size:11px}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.jsp-status-tab.active.current,.jsp-tab.active.current{background:#4caf50;color:#fff;border-color:#4caf50}.jsp-status-tab.active.past,.jsp-tab.active.past{background:#757575;color:#fff;border-color:#757575}.jsp-status-tab.active.future,.jsp-tab.active.future{background:#ff9800;color:#fff;border-color:#ff9800}.jsp-status-tab.active.all,.jsp-tab.active.all{background:var(--primary);color:var(--card);border-color:var(--primary)}.jsp-status-tab.current:hover,.jsp-tab.current:hover{border-color:#4caf50;background:#4caf501a}.jsp-status-tab.past:hover,.jsp-tab.past:hover{border-color:#757575;background:#7575751a}.jsp-status-tab.future:hover,.jsp-tab.future:hover{border-color:#ff9800;background:#ff98001a}.jsp-status-tab.all:hover,.jsp-tab.all:hover{border-color:var(--primary)}.jsp-status-tab.active.current .jsp-status-count,.jsp-tab.active.current .jsp-count{background:#fff;color:#4caf50}.jsp-status-tab.active.past .jsp-status-count,.jsp-tab.active.past .jsp-count{background:#fff;color:#757575}.jsp-status-tab.active.future .jsp-status-count,.jsp-tab.active.future .jsp-count{background:#fff;color:#ff9800}.jsp-status-tab.active.all .jsp-status-count,.jsp-tab.active.all .jsp-count{background:var(--card);color:var(--primary)}.skeleton-badge{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:9999px}.skeleton-button{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:9999px;border:2px solid transparent}.dark .skeleton-text,.dark .skeleton-badge,.dark .skeleton-button{background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%}.jsp-skeleton-tabs{display:flex;gap:var(--spacing-2);flex-wrap:wrap;justify-content:center;margin-bottom:var(--spacing-4)}.jsp-skeleton-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:9px 14px;border-radius:9999px;font-size:var(--font-size-small);min-width:100px;height:36px}.jsp-skeleton-tab-text{width:60px;height:14px}.jsp-skeleton-tab-count{width:18px;height:18px;border-radius:9999px}.jsp-skeleton-card{background:var(--card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--border);padding:var(--spacing-4);animation:pulse 1.5s ease-in-out infinite}.jsp-skeleton-card-header{display:flex;flex-direction:column;margin-bottom:var(--spacing-4)}.jsp-skeleton-card-title-section{flex:1;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.jsp-skeleton-card-title{width:180px;height:16px}.jsp-skeleton-card-code{width:60px;height:14px}.jsp-skeleton-card-status{width:70px;height:22px;margin-top:var(--spacing-2)}.jsp-skeleton-card-details{margin-bottom:var(--spacing-4)}.jsp-skeleton-detail-row{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.jsp-skeleton-detail-icon{width:14px;height:14px;flex-shrink:0}.jsp-skeleton-detail-text{height:14px;flex:1}.jsp-skeleton-detail-text.short{width:120px}.jsp-skeleton-detail-text.medium{width:160px}.jsp-skeleton-detail-text.long{width:200px}.jsp-skeleton-card-meta{display:flex;justify-content:flex-start;align-items:center;margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border)}.jsp-skeleton-meta-tags{display:flex;gap:var(--spacing-2);flex-wrap:wrap;width:100%}.jsp-skeleton-tag{height:20px;border-radius:var(--border-radius)}.jsp-skeleton-tag.small{width:60px}.jsp-skeleton-tag.medium{width:80px}.jsp-skeleton-tag.large{width:100px}.jsp-skeleton-filter-panel{background:var(--card);border-radius:var(--border-radius);padding:var(--spacing-4);margin-bottom:var(--spacing-6);box-shadow:var(--card-shadow);border:1px solid var(--border)}.jsp-skeleton-filter-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--spacing-4);align-items:end}.jsp-skeleton-filter-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.jsp-skeleton-filter-label{width:80px;height:12px;margin-bottom:var(--spacing-1)}.jsp-skeleton-filter-input{width:100%;height:32px;border-radius:var(--border-radius)}.jsp-skeleton-filter-button{width:80px;height:32px;border-radius:var(--border-radius)}.jsp-skeleton-card:nth-child(1){animation-delay:0s}.jsp-skeleton-card:nth-child(2){animation-delay:.1s}.jsp-skeleton-card:nth-child(3){animation-delay:.2s}.jsp-skeleton-card:nth-child(4){animation-delay:.3s}.jsp-skeleton-card:nth-child(5){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.6}}@media (max-width: 768px){.jsp-skeleton-filter-row{grid-template-columns:1fr;gap:var(--spacing-3)}.jsp-skeleton-tabs{flex-direction:column;align-items:center}.jsp-skeleton-tab{min-width:150px}}@media (max-width: 576px){.jsp-skeleton-card-title-section{flex-direction:column;gap:var(--spacing-2);align-items:flex-start}.jsp-skeleton-detail-text.long{width:140px}.jsp-skeleton-detail-text.medium{width:120px}}.geometric-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1000;overflow:hidden;pointer-events:none;background-color:var(--background)}.shape{position:absolute;opacity:.25;filter:blur(6px);animation-duration:var(--duration, 25s);animation-timing-function:linear;animation-iteration-count:infinite;transform-origin:center center}:root:not(.dark) .shape{opacity:.2;filter:blur(8px)}.shape-circle{width:var(--size, 150px);height:var(--size, 150px);border-radius:50%;background:linear-gradient(45deg,var(--gradient-dark),var(--gradient-light));animation-name:float-circle}.shape-square{width:var(--size, 120px);height:var(--size, 120px);background:linear-gradient(135deg,var(--gradient-light),var(--gradient-dark));animation-name:float-square}.shape-triangle{width:var(--size, 180px);height:var(--size, 180px);background:linear-gradient(225deg,var(--gradient-dark),var(--gradient-light));clip-path:polygon(50% 0%,0% 100%,100% 100%);animation-name:float-triangle}.shape-donut{width:var(--size, 200px);height:var(--size, 200px);border-radius:50%;background:transparent;border:25px solid;border-image:linear-gradient(to right,var(--gradient-dark),var(--gradient-light)) 1;animation-name:float-donut}@keyframes float-circle{0%{transform:translate(0) rotate(0)}33%{transform:translate(var(--move-x, 100px),var(--move-y, -150px)) rotate(120deg)}66%{transform:translate(var(--move-alt-x, -150px),var(--move-alt-y, 100px)) rotate(240deg)}to{transform:translate(0) rotate(360deg)}}@keyframes float-square{0%{transform:translate(0) rotate(0)}33%{transform:translate(var(--move-x, 150px),var(--move-y, 100px)) rotate(-120deg)}66%{transform:translate(var(--move-alt-x, 50px),var(--move-alt-y, -200px)) rotate(-240deg)}to{transform:translate(0) rotate(-360deg)}}@keyframes float-triangle{0%{transform:translate(0) rotate(0)}33%{transform:translate(var(--move-x, -120px),var(--move-y, -80px)) rotate(60deg)}66%{transform:translate(var(--move-alt-x, 100px),var(--move-alt-y, 150px)) rotate(120deg)}to{transform:translate(0) rotate(180deg)}}@keyframes float-donut{0%{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(var(--move-x, -80px),var(--move-y, 120px)) rotate(-90deg) scale(.9)}66%{transform:translate(var(--move-alt-x, 170px),var(--move-alt-y, 50px)) rotate(-180deg) scale(1.1)}to{transform:translate(0) rotate(-360deg) scale(1)}}.client-form{width:100%}.form-section{margin-bottom:var(--spacing-6)}.form-section:last-child{margin-bottom:0}.form-subsection{margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border)}.form-subsection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--heading)}.form-subsection h3{font-size:1.2rem;margin-bottom:1rem;color:var(--heading);font-weight:var(--font-weight-medium)}.form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.form-row.license-row{border:1px solid var(--text-muted);flex-direction:column;border-radius:16px;padding:1rem}.form-row:last-child{margin-bottom:0}.form-group{flex:1;min-width:0}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--text);font-size:1rem;transition:all .2s ease}.form-textarea{resize:vertical;min-height:100px}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.form-error{color:var(--danger);font-size:.85rem;margin-top:.5rem}.form-checkbox{margin-right:.5rem;width:1rem;height:1rem;cursor:pointer;accent-color:var(--primary)}.checkbox-label{font-size:.95rem;cursor:pointer;color:var(--text)}.form-footer{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-6)}.last-saved{color:var(--text-muted);font-size:.875rem;margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.date-display{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-muted)}.page-actions{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}@media (max-width: 992px){.form-row{flex-direction:column;gap:1rem}}@media (max-width: 576px){.form-footer{flex-direction:column;gap:1rem}.form-footer button{width:100%}.page-actions{flex-direction:column;gap:1rem}}.table-container{overflow-x:auto;border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--border);background-color:var(--card);margin-bottom:var(--spacing-4)}.common-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-size-small)}.common-table thead{position:sticky;top:0;z-index:10;background-color:var(--card);box-shadow:0 1px 0 var(--border)}.common-table th{text-align:left;padding:var(--spacing-4) var(--spacing-1);font-weight:var(--font-weight-semibold);color:var(--text);border-bottom:2px solid var(--border);white-space:nowrap;transition:background-color var(--transition-fast)}.common-table th:first-child{padding-left:var(--spacing-4)}.common-table tbody tr{border-bottom:1px solid var(--border);transition:background-color var(--transition-fast);height:42px}.common-table tbody tr:last-child{border-bottom:none}.common-table tbody tr:hover{background-color:#00000005}.dark .common-table tbody tr:hover{background-color:#ffffff0d}.common-table td{padding:var(--spacing-1) var(--spacing-2);vertical-align:middle;color:var(--text);border-bottom:1px solid var(--border);font-size:.7rem}.common-table td:first-child{padding-left:var(--spacing-4)}.column-filter{display:flex;flex-direction:column;gap:.5rem}.column-title{font-weight:var(--font-weight-semibold);color:var(--text);font-size:.75rem;margin-bottom:var(--spacing-1)}.column-search{margin-top:.25rem}.column-search-input{width:100%;padding:var(--spacing-1);border-radius:var(--border-radius);border:1px solid var(--border);background-color:var(--input-bg);color:var(--text);font-size:.7rem;height:30px;transition:all var(--transition-fast)}.column-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #d9770633}.dark .column-search-input:focus{box-shadow:0 0 0 2px #fbbf2433}.column-filter-select{cursor:pointer;width:fit-content;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);border:1px solid var(--border);background-color:var(--input-bg);color:var(--text);font-size:.7rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:30px;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:2rem}.column-filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #d9770633}.dark .column-filter-select:focus{box-shadow:0 0 0 2px #fbbf2433}.date-picker-container{position:relative;display:flex;align-items:center}.date-picker-input{cursor:pointer;width:110px;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);border:1px solid var(--border);background-color:var(--input-bg);color:var(--text);font-size:.7rem;height:30px;transition:all var(--transition-fast)}.date-picker-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #d9770633}.dark .date-picker-input:focus{box-shadow:0 0 0 2px #fbbf2433}.date-with-icon,.user-with-icon{display:flex;align-items:center;gap:var(--spacing-2)}.user-with-icon span{width:160px;word-break:break}.status-cell .status-display .status-icon{height:12px;width:12px}.status-cell .status-display .status-text{font-size:.7rem}.action-buttons{display:flex;gap:var(--spacing-3);justify-content:flex-start}.action-icon-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;width:24px;height:24px;border-radius:50%;transition:all var(--transition-fast);position:relative;cursor:pointer}.action-icon-btn:focus{outline:none;box-shadow:0 0 0 2px #d9770633}.dark .action-icon-btn:focus{box-shadow:0 0 0 2px #fbbf2433}.action-icon-btn:hover{transform:translateY(-2px)}.action-icon-btn:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:currentColor;opacity:.1;z-index:-1}.action-icon-btn:active:after{opacity:.2}.actions-info{font-size:.7rem;height:30px}.view-btn:hover{color:var(--primary-hover)}.edit-btn{color:var(--text-muted)}.edit-btn:hover{color:var(--text)}.delete-btn:hover{color:var(--danger);filter:brightness(1.2)}.empty-state-cell{height:200px;text-align:center}.empty-state-cell .empty-state{display:flex;justify-content:center;align-items:center;height:100%;font-size:var(--font-size-body);color:var(--text-muted);background-color:var(--card);border-radius:var(--border-radius)}.loading{padding:var(--spacing-6);text-align:center;color:var(--text-muted);display:flex;align-items:center;justify-content:center;min-height:200px}.loading-cell{height:200px;text-align:center;padding:0}.loading-cell .loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:var(--font-size-body);color:var(--text-muted);background-color:var(--card);margin:0;padding:var(--spacing-6)}.actions-placeholder{height:36px}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) 0;border-top:1px solid var(--border);margin-top:var(--spacing-4)}.pagination-controls.top{border-top:none;border-bottom:1px solid var(--border);margin-top:0;margin-bottom:var(--spacing-4)}.pagination-info{display:flex;align-items:center;gap:var(--spacing-2)}.pagination-text{color:var(--text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.filtered-info{color:var(--text-muted);font-style:italic}.pagination-size-selector{display:flex;align-items:center;gap:var(--spacing-2);position:relative}.pagination-size-selector:after{content:"";position:absolute;right:calc(var(--spacing-2) + 80px);top:50%;right:64px;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid currentColor;pointer-events:none;z-index:1;color:var(--text)}.page-size-label{color:var(--text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);white-space:nowrap}.page-size-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-2) center;background-size:12px;padding-right:calc(var(--spacing-3) + 16px);min-width:60px}.page-size-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0000001a}.dark .page-size-select:focus{box-shadow:0 0 0 2px #ffffff1a}.pagination-buttons{display:flex;align-items:center;gap:var(--spacing-2)}.pagination-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--card);color:var(--text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);outline:none}.pagination-btn:hover:not(:disabled){background:var(--primary);color:var(--card);border-color:var(--primary);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--border);color:var(--text-muted);border-color:var(--border)}.page-numbers{display:flex;align-items:center;gap:var(--spacing-1)}.page-number-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--border-radius);background:var(--card);color:var(--text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);outline:none}.page-number-btn:hover{background:var(--border);border-color:var(--text-muted);transform:translateY(-1px)}.page-number-btn.active{background:var(--primary);color:var(--card);border-color:var(--primary);font-weight:var(--font-weight-bold)}.page-number-btn.active:hover{background:var(--primary);color:var(--card);transform:none}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;height:14px;margin:2px 0}.skeleton-badge.skeleton-status-text{width:60%}.skeleton-badge{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:15px}.skeleton-cell{padding:var(--spacing-1) var(--spacing-2);vertical-align:middle;border-bottom:1px solid var(--border)}.skeleton-cell:first-child{padding-left:var(--spacing-4)}.skeleton-row:nth-child(10n+1) .skeleton-text{width:75%}.skeleton-row:nth-child(10n+2) .skeleton-text{width:85%}.skeleton-row:nth-child(10n+3) .skeleton-text{width:60%}.skeleton-row:nth-child(10n+4) .skeleton-text{width:70%}.skeleton-row:nth-child(10n+5) .skeleton-text{width:90%}.skeleton-row:nth-child(10n+6) .skeleton-text{width:65%}.skeleton-row:nth-child(10n+7) .skeleton-text{width:80%}.skeleton-row:nth-child(10n+8) .skeleton-text{width:55%}.skeleton-row:nth-child(10n+9) .skeleton-text{width:75%}.skeleton-row:nth-child(10n+10) .skeleton-text{width:85%}.skeleton-status{display:flex;align-items:center;gap:var(--spacing-2)}.skeleton-status-icon{width:12px;height:12px;flex-shrink:0}.skeleton-status-text{height:14px;width:60px}.skeleton-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-1) 0}.skeleton-action-btn{width:24px;height:24px;flex-shrink:0}.dark .skeleton-text,.dark .skeleton-badge{background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%}@media (max-width: 768px){.skeleton-text{height:12px}.skeleton-actions{gap:var(--spacing-2)}.skeleton-action-btn{width:20px;height:20px}}@media (max-width: 576px){.skeleton-cell{padding:var(--spacing-2) var(--spacing-1)}.skeleton-text{height:10px}}.client-view-container{margin-left:68px;margin-top:100px}.client-main{margin:2rem auto;max-width:1200px}.client-overview.section-card{background:linear-gradient(135deg,var(--card),var(--pending-bg));border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px;margin-bottom:20px}.client-overview{position:relative}.client-banner{height:80px;background-color:var(--primary);margin:-20px -20px 0}.client-details{display:flex;align-items:flex-start;gap:20px;margin-top:20px}.client-avatar{display:flex;justify-content:center;align-items:center;width:70px;height:70px;background:linear-gradient(135deg,var(--card),var(--pending-bg));border-radius:8px;margin-top:-35px;border:4px solid var(--text);box-shadow:0 2px 10px #0000001a}.client-info-header{flex:1}.client-name{margin-top:0;margin-bottom:16px;font-size:1.8rem;font-weight:600}.error-container{display:flex;flex-direction:column}.error-actions{display:flex;gap:10px}@media (max-width: 900px){.grid-container{grid-template-columns:1fr}}@media (max-width: 600px){.client-details{flex-direction:column}.client-avatar{margin-left:auto;margin-right:auto}.client-info-header{text-align:center}}.content-container{padding:var(--spacing-6);max-width:1400px;margin:0 auto}.filter-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-4)}.search-box{display:flex;align-items:center;gap:var(--spacing-3);flex:1;max-width:600px;position:relative}.search-icon{color:var(--text-muted);transition:color var(--transition-fast);position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:10}.search-input{flex:1;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-8);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text);position:relative;transition:all var(--transition-fast);height:30px;font-size:.7rem}.filter-container .reset-filters-btn{height:30px;font-size:.7rem;width:fit-content}.status-filter{min-width:200px}.filter-select{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);cursor:pointer;transition:all var(--transition-fast);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:16px;padding-right:calc(var(--spacing-4) + 20px)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0000001a}.dark .filter-select:focus{box-shadow:0 0 0 2px #ffffff1a}.success-message{background:var(--success-bg);color:var(--success);padding:var(--spacing-4);border-radius:var(--border-radius);border:1px solid var(--success);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-medium)}.status-display{display:flex;align-items:center;gap:var(--spacing-2)}.status-icon.verified{color:var(--success)}.status-icon.rejected{color:var(--failure)}.status-icon.pending{color:var(--pending)}.status-text.need-attention,.status-text.needs.attention{color:#f90}.status-text.verified{color:var(--success)}.status-text.rejected{color:var(--failure)}.status-text.pending{color:var(--pending)}.status-icon.need-attention{color:#f90}.expiry-status{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1);border-radius:var(--border-radius);font-weight:var(--font-weight-medium);white-space:nowrap;min-width:fit-content}.expiry-status.expired{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.expiry-status.warning-30{background-color:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.expiry-status.warning-60{background-color:#fbbf241a;color:#ca8a04;border:1px solid rgba(251,191,36,.2)}.expiry-status.warning-90{background-color:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.expiry-status.normal{background-color:#22c55e1a;color:#059669;border:1px solid rgba(34,197,94,.2)}.expiry-status svg{flex-shrink:0}.no-data{color:var(--text-muted);font-style:italic}.sin-expiry-status-cell,.work-permit-expiry-status-cell{min-width:140px;text-align:center}.experience-cell .experience-list{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.skill-tag{background:var(--border);color:var(--text);padding:var(--spacing-1) var(--spacing-2);border-radius:calc(var(--border-radius) / 2);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.more-experience{color:var(--text-muted);font-size:var(--font-size-small);font-style:italic;margin-left:var(--spacing-2)}.name-cell{font-weight:var(--font-weight-semibold);min-width:180px}.table-container{overflow-x:auto;margin-top:var(--spacing-4)}.profiles-table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}.profiles-table thead{background:var(--border)}.profiles-table th{padding:var(--spacing-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--card);z-index:10}.profiles-table tbody tr{border-bottom:1px solid var(--border);transition:background-color var(--transition-fast)}.profiles-table tbody tr:last-child{border-bottom:none}.profiles-table tbody tr:hover{background:var(--border)}.profiles-table td{padding:var(--spacing-4);vertical-align:top}.actions-cell{width:120px;text-align:center}.view-btn{color:var(--primary)}.view-btn:hover{background:var(--primary);color:var(--card);transform:scale(1.05)}.edit-btn{color:var(--pending)}.edit-btn:hover{background:var(--pending);color:var(--card);transform:scale(1.05)}.delete-btn{color:var(--danger)}.delete-btn:hover{background:var(--danger);color:var(--card);transform:scale(1.05)}@media (max-width: 992px){.table-container .common-table{font-size:var(--font-size-small)}}@media (max-width: 576px){.filter-container{flex-direction:column;align-items:stretch}.search-box,.status-filter{width:100%;max-width:none}}.content-container{margin-bottom:2rem}.card{background:var(--card);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--border);margin-bottom:1.5rem;transition:all var(--transition-normal)}.card h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text)}.empty-state{color:var(--text-muted);font-style:italic;padding:1rem 0;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-2)}.empty-state button{width:fit-content}.loading{padding:var(--spacing-6);text-align:center;color:var(--text-muted)}.table-container{overflow-x:auto}.status-badge{display:inline-flex;padding:.25rem .5rem;border-radius:2rem;font-size:.75rem;font-weight:500}.status-badge.active{background-color:rgba(var(--success-rgb),.1);color:var(--success)}.status-badge.inactive{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.searchable-dropdown{position:relative;width:100%}.dropdown-container{position:relative;display:flex;align-items:center}.dropdown-input{width:100%;padding-right:30px!important}.dropdown-arrow{position:absolute;right:10px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);font-size:12px;transition:transform var(--transition-fast)}.dropdown-arrow:hover{color:var(--text)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);max-height:200px;overflow-y:auto;z-index:1000;margin-top:2px}.dropdown-option{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background-color var(--transition-fast);color:var(--text)}.dropdown-option:hover{background-color:var(--background)}.dropdown-option.selected{background-color:#e3f2fd;color:#1976d2}.dropdown-option.create-client-option{color:#1976d2;font-weight:var(--font-weight-medium);border-bottom:2px solid var(--border)}.dropdown-option.create-client-option:hover{background-color:#e3f2fd}.dropdown-option.no-results{color:var(--text-muted);font-style:italic;cursor:default}.dropdown-option.no-results:hover{background-color:var(--card)}.dropdown-option:last-child{border-bottom:none}.client-info-header{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.position-basic-info{flex:1;min-width:300px}.position-assignment-info{flex:1;min-width:300px;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.assignment-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;color:var(--text)}.position-assignment-info .jsp-status-tabs{margin-top:1rem;gap:1rem}.position-assignment-info .jsp-tab{padding:.5rem;font-size:.8rem}.jobseekers-title{margin:0 0 2px;font-size:1rem;color:var(--text)}.loading-jobseekers{display:flex;align-items:center;gap:.5rem;padding:1rem;color:var(--text-muted);justify-content:center}.no-assignments{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;color:var(--text-muted);text-align:center}.empty-icon{opacity:.5}.jobseekers-list{display:flex;flex-direction:column;max-height:200px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.jobseekers-list::-webkit-scrollbar{width:8px}.jobseekers-list::-webkit-scrollbar-track{background:transparent;margin:var(--spacing-2) 0}.jobseekers-list::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:20px}.jobseekers-list::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.jobseeker-card{display:flex;padding:.75rem;border-bottom:1px solid var(--border);transition:background-color var(--transition-fast)}.jobseeker-card:last-child{border-bottom:none}.jobseeker-card:hover{background:var(--background)}.jobseeker-details{flex:1;min-width:0}.jobseeker-name{margin:0 0 .25rem;font-weight:500;color:var(--text);font-size:.9rem}.jobseeker-contact{display:flex;flex-direction:column;gap:.25rem}.contact-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.manage-assignment-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-weight:500}.loading-spinner.small{width:16px;height:16px;border-width:2px}@media (max-width: 768px){.client-info-header{flex-direction:column}.position-basic-info,.position-assignment-info{min-width:100%}.assignment-stats{justify-content:space-between}.stat-item{flex:1;min-width:70px}}.position-matching{margin-left:68px;margin-top:60px}.position-matching-container{max-width:1400px;margin:0 auto;padding:var(--spacing-4)}.position-matching-content{display:flex;gap:var(--spacing-6);align-items:flex-start}.candidates-panel{width:60%;background:var(--card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;min-height:calc(100vh - 120px)}.position-panel{width:36%;background:var(--card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:fixed;top:70px;right:20px;min-height:calc(100vh - 120px)}.panel-header{padding:var(--spacing-5);border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0}.header-left{display:flex;align-items:center;gap:var(--spacing-3)}.header-icon{color:var(--primary)}.panel-header h2{font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text);margin:0}.position-badge{background:var(--primary);color:var(--card);padding:var(--spacing-1) var(--spacing-3);border-radius:20px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);animation:slideInFromRight .3s ease-out}.candidates-filters{padding-top:10px;display:flex;flex-direction:column;gap:var(--spacing-3)}.filter-group{display:flex;gap:var(--spacing-3)}.search-input-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) 40px;border:1px solid var(--border);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text);font-size:var(--font-size-small);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0000001a}.dark .search-input:focus{box-shadow:0 0 0 2px #ffffff1a}.filter-row{display:flex;gap:var(--spacing-3);align-items:center;flex-wrap:wrap}.filter-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text);font-size:var(--font-size-small);cursor:pointer;transition:all var(--transition-fast)}.filter-select:focus{outline:none;border-color:var(--primary)}.checkbox-filter{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-small);color:var(--text);cursor:pointer}.checkbox-filter input[type=checkbox]{width:16px;height:16px;cursor:pointer}.candidates-content,.position-content{flex:1;overflow-y:auto;padding:var(--spacing-4)}.position-content{max-height:calc(100vh - 200px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.position-content::-webkit-scrollbar{width:8px}.position-content::-webkit-scrollbar-track{background:transparent;margin:var(--spacing-2) 0}.position-content::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:20px}.position-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:var(--text-muted)}.advanced-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);background:radial-gradient(circle at 20% 50%,rgba(0,100,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,0,150,.05) 0%,transparent 50%),linear-gradient(135deg,#00000005,#00000003);border-radius:var(--border-radius);padding:var(--spacing-6);position:relative;overflow:hidden}.dark .advanced-loading-state{background:radial-gradient(circle at 20% 50%,rgba(0,100,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,0,150,.1) 0%,transparent 50%),linear-gradient(135deg,#ffffff05,#ffffff03)}.ai-loading-message{max-width:450px;width:100%;height:100%}.ai-loading-message h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--spacing-4) 0;transition:all .3s ease;animation:messageSlide .5s ease-out;text-shadow:0 0 20px rgba(0,100,255,.2)}.ai-progress-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin:var(--spacing-3) 0;position:relative;box-shadow:inset 0 2px 4px #0000001a}.ai-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#4fc3f7 25%,#00e676 50%,#ff6b6b 75%,var(--primary) 100%);background-size:300% 100%;animation:aiProgressShimmer 3s ease-in-out infinite;transition:width .5s ease;border-radius:4px;position:relative}.progress-pulse{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressPulse 2s ease-in-out infinite}.ai-loading-subtitle{font-size:var(--font-size-small);color:var(--text-muted);margin:var(--spacing-3) 0;opacity:.9;font-family:Courier New,monospace}.algorithm-metrics{display:flex;justify-content:space-between;margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:#0000000d;border-radius:var(--border-radius);border:1px solid var(--border)}.dark .algorithm-metrics{background:#ffffff0d}.metric{font-size:12px;color:var(--text-muted);font-family:Courier New,monospace;animation:metricUpdate 1s ease-in-out infinite}.loading-message{max-width:400px;width:100%}.loading-message h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--spacing-4) 0;transition:all .3s ease;animation:messageSlide .5s ease-out}.progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin:var(--spacing-3) 0;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#4fc3f7 50%,var(--primary) 100%);background-size:200% 100%;animation:progressShimmer 2s ease-in-out infinite;transition:width .5s ease;border-radius:3px}.loading-subtitle{font-size:var(--font-size-small);color:var(--text-muted);margin:var(--spacing-2) 0 0 0;opacity:.8}@keyframes aiProgressShimmer{0%{background-position:-300% 0}to{background-position:300% 0}}@keyframes progressPulse{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes metricUpdate{0%,90%{opacity:.7}95%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(1)}}.candidates-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.candidate-card{background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-4);transition:all var(--transition-fast);animation:slideInFromLeft .3s ease-out}.candidate-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.dark .candidate-card:hover{box-shadow:0 2px 8px #ffffff1a}.candidate-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.candidate-info h4{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--spacing-1) 0}.candidate-email,.candidate-mobile{font-size:var(--font-size-small);color:var(--text-muted);margin:0}.candidate-actions{display:flex;align-items:center;gap:var(--spacing-3)}.similarity-score{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.assign-btn,.remove-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:var(--border-radius);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.assign-btn{background:var(--success);color:#fff}.assign-btn:hover:not(:disabled){background:var(--success);opacity:.9;transform:translateY(-1px)}.assign-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.5}.remove-btn{background:var(--failure);color:#fff}.remove-btn:hover{background:var(--failure);opacity:.9;transform:translateY(-1px)}.candidate-details{border-top:1px solid var(--border);padding-top:var(--spacing-3)}.candidate-bio{font-size:var(--font-size-small);color:var(--text);margin:0 0 var(--spacing-3) 0;line-height:1.4}.candidate-meta{display:flex;gap:var(--spacing-4);align-items:center;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-small);color:var(--text-muted)}.availability-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:12px;font-size:12px;font-weight:var(--font-weight-medium);text-transform:uppercase}.availability-badge.available{background:var(--success-bg);color:var(--success)}.availability-badge.unavailable{background:var(--failure-bg);color:var(--failure)}.availability-badge.weekend-available{background:#e0f2fe;color:#0277bd;border:1px solid #81d4fa}.availability-badge.weekend-unavailable{background:#fce4ec;color:#c2185b;border:1px solid #f48fb1}.dark .availability-badge.weekend-available{background:#0277bd1a;color:#4fc3f7}.dark .availability-badge.weekend-unavailable{background:#c2185b1a;color:#f06292}.position-selector{margin-bottom:var(--spacing-5)}.position-selector label{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--spacing-2)}.position-loading{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text-muted);font-size:var(--font-size-small)}.position-loading .loading-spinner{width:20px;height:20px;border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.position-details{margin-bottom:var(--spacing-5);padding:var(--spacing-4);background:#00000005;border-radius:var(--border-radius);border:1px solid var(--border)}.dark .position-details{background:#ffffff05}.position-details h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--spacing-3) 0}.position-meta{display:flex;gap:var(--spacing-2)}.meta-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.meta-row{display:flex;align-items:center;gap:var(--spacing-2);font-size:.7rem;color:var(--text-muted)}.assignment-summary{margin-bottom:var(--spacing-5)}.assignment-summary h4{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--spacing-3) 0}.status-overview{display:flex;gap:var(--spacing-3)}.status-item{display:flex;align-items:center;justify-content:center;flex:1;text-align:center;border-radius:var(--border-radius);border:1px solid var(--border);transition:all var(--transition-fast);padding:2px 10px}.status-item.filled{background:var(--success-bg);border-color:var(--success)}.status-item.vacant{background:var(--pending-bg);border-color:var(--pending)}.status-item.total{background:#00000005;border-color:var(--border)}.dark .status-item.total{background:#ffffff05}.status-count{display:block;font-size:var(--font-size-subheader);font-weight:var(--font-weight-bold);color:var(--text)}.assignment-summary .status-label{font-size:var(--font-size-small);color:var(--text-muted);font-weight:var(--font-weight-medium);padding:0 6px}.position-slots h4{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--spacing-3) 0}.slots-container{display:flex;flex-direction:column;gap:var(--spacing-3);max-height:400px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.slots-container::-webkit-scrollbar{width:8px}.slots-container::-webkit-scrollbar-track{background:transparent;margin:var(--spacing-2) 0}.slots-container::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:20px}.slots-container::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.slot-card{border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-3);transition:all var(--transition-fast);animation:slideInFromRight .3s ease-out}.slot-card.assigned{background:var(--success-bg);border-color:var(--success)}.slot-card.vacant{background:var(--pending-bg);border-color:var(--pending);opacity:.7}.slot-number{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--text)}.remove-slot-btn{background:var(--failure);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.remove-slot-btn:hover{background:var(--failure);opacity:.8;transform:scale(1.1)}.slot-content{display:flex;justify-content:space-between;align-items:center}.jobseeker-info{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.jobseeker-info-header{display:flex;flex-direction:column;gap:20px}.jobseeker-name{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--text);margin:0}.jobseeker-email,.jobseeker-mobile{font-size:12px;color:var(--text-muted);margin:0}.vacant-indicator{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-muted);font-size:var(--font-size-small)}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-top:1px solid var(--border);background:var(--card);margin-top:auto}.pagination-info{display:flex;align-items:center;gap:var(--spacing-3)}.pagination-text{font-size:var(--font-size-small);color:var(--text-muted)}.pagination-buttons{display:flex;align-items:center;gap:var(--spacing-3)}.pagination-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--card);color:var(--text);font-size:var(--font-size-small);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--primary);color:var(--card);border-color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-indicator{font-size:var(--font-size-small);color:var(--text);font-weight:var(--font-weight-medium)}.pagination-size-selector{display:flex;align-items:center;gap:var(--spacing-1)}.page-size-label{font-size:var(--font-size-small);color:var(--text-muted);white-space:nowrap}.page-size-select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text);font-size:var(--font-size-small);cursor:pointer;transition:all var(--transition-fast)}.page-size-select:focus{outline:none;border-color:var(--primary)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1200px){.position-matching-content{flex-direction:column;height:auto}.candidates-panel,.position-panel{flex:1 1 auto;min-height:500px}.status-overview{flex-direction:column;gap:var(--spacing-2)}}@media (max-width: 768px){.position-matching-container{padding:var(--spacing-2)}.panel-header{padding:var(--spacing-3)}.candidates-content,.position-content{padding:var(--spacing-2)}.filter-row{flex-direction:column;align-items:stretch}.filter-select,.checkbox-filter{width:100%}.candidate-header{flex-direction:column;gap:var(--spacing-2)}.candidate-actions{justify-content:flex-start}.candidate-meta{flex-direction:column;gap:var(--spacing-2);align-items:flex-start}.pagination-controls{flex-direction:column;gap:var(--spacing-2)}}@media (max-width: 480px){.position-matching-content{gap:var(--spacing-3)}.panel-header h2{font-size:var(--font-size-body)}.position-badge{font-size:12px;padding:2px var(--spacing-2)}.assign-btn,.remove-btn{padding:var(--spacing-1) var(--spacing-2);font-size:12px}.slot-card{padding:var(--spacing-2)}}@keyframes spinAdvanced{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lottie-animation{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-4);width:200px;height:200px;margin:0 auto var(--spacing-4) auto}.loading-spinner{width:20px;height:20px;border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:14px;height:14px;border-width:1.5px}.slots-loading{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text-muted);font-size:var(--font-size-small);justify-content:center}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-modal{background:var(--card);border-radius:var(--border-radius);max-width:90vw;max-height:90vh;width:1000px;display:flex;flex-direction:column;animation:slideInUp .3s ease-out;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border)}.video-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--border)}.video-modal-title{font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text);margin:0}.video-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.video-modal-close:hover{background:var(--border);color:var(--text)}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;background:#000}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 768px){.video-modal{width:95vw;max-height:95vh}.video-modal-header{padding:var(--spacing-4)}.video-modal-title{font-size:var(--font-size-body)}}.coming-soon-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.coming-soon-modal{background:var(--card);border-radius:var(--border-radius);max-width:90vw;max-height:90vh;width:600px;display:flex;flex-direction:column;animation:slideInUp .3s ease-out;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border);overflow:hidden}.coming-soon-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--card) 0%,rgba(108,92,231,.05) 100%)}.coming-soon-header-content{display:flex;align-items:center;gap:var(--spacing-4)}.coming-soon-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:50%;color:#fff}.coming-soon-modal-title{font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text);margin:0;line-height:1.2}.coming-soon-modal-subtitle{font-size:var(--font-size-small);color:#6c5ce7;margin:var(--spacing-1) 0 0 0;font-weight:var(--font-weight-medium)}.coming-soon-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.coming-soon-modal-close:hover{background:var(--border);color:var(--text)}.coming-soon-modal-content{padding:var(--spacing-6);flex:1;overflow-y:auto}.coming-soon-description{margin-bottom:var(--spacing-6)}.coming-soon-description p{color:var(--text-muted);line-height:1.6;margin:0;font-size:var(--font-size-body)}.coming-soon-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--background);border-radius:var(--border-radius);border:1px solid var(--border)}.coming-soon-detail-item{display:flex;align-items:flex-start;gap:var(--spacing-3)}.coming-soon-detail-item svg{color:#6c5ce7;margin-top:2px;flex-shrink:0}.coming-soon-detail-item h4{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--spacing-1) 0}.coming-soon-detail-item p{font-size:var(--font-size-small);color:var(--text-muted);margin:0}.coming-soon-features{margin-bottom:var(--spacing-4)}.coming-soon-features h4{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--spacing-3) 0}.coming-soon-features ul{list-style:none;padding:0;margin:0}.coming-soon-features li{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0;color:var(--text-muted);font-size:var(--font-size-small);line-height:1.5}.coming-soon-features li:before{content:"•";color:#6c5ce7;font-weight:var(--font-weight-bold);font-size:1.2em}.coming-soon-modal-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border);background:#6c5ce70d;text-align:center}.coming-soon-modal-footer p{margin:0;color:var(--text-muted);font-size:var(--font-size-small);font-style:italic}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.coming-soon-modal{width:95vw;max-height:95vh}.coming-soon-modal-header{padding:var(--spacing-4)}.coming-soon-modal-title{font-size:var(--font-size-body)}.coming-soon-modal-content{padding:var(--spacing-4)}.coming-soon-details{grid-template-columns:1fr;gap:var(--spacing-3)}.coming-soon-header-content{gap:var(--spacing-3)}.coming-soon-icon{width:40px;height:40px}}.training-modules-main{padding:var(--spacing-8);max-width:1200px;margin:0 auto}.module-filters{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:var(--spacing-6) 0;gap:var(--spacing-4)}.category-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.filter-button{background:transparent;color:var(--text-muted);border:none;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid var(--text-muted)}.filter-button:hover{background:var(--primary-hover);color:var(--background);border-radius:var(--border-radius);border-bottom:none}.filter-button.active{background:var(--primary);color:var(--background);border-color:var(--primary);border-radius:var(--border-radius);border-bottom:none}.search-container{flex:1;max-width:300px}.search-box{flex:unset}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-8)}.module-card{background:var(--card);border-radius:var(--border-radius);border:1px solid var(--border);padding:var(--spacing-6);transition:all var(--transition-fast);cursor:pointer;position:relative;overflow:hidden}.module-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow);border-color:var(--primary)}.module-card.completed{border-left:4px solid var(--success)}.module-card.video-module{background:linear-gradient(135deg,var(--card) 0%,var(--card) 90%,rgba(227,108,63,.05) 100%);position:relative}.module-card.video-module:before{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 30%,rgba(227,108,63,.1) 100%);pointer-events:none}.module-card.video-module:hover{transform:translateY(-3px);box-shadow:var(--card-shadow),0 8px 25px #e36c3f26}.module-card.mandatory-module{background:linear-gradient(135deg,var(--card) 0%,var(--card) 90%,rgba(220,53,69,.08) 100%);border-left:4px solid #dc3545;position:relative}.module-card.mandatory-module:before{content:"";position:absolute;top:0;right:0;width:50px;height:50px;background:linear-gradient(135deg,transparent 30%,rgba(220,53,69,.1) 100%);pointer-events:none}.module-card.mandatory-module:hover{transform:translateY(-3px);box-shadow:var(--card-shadow),0 8px 25px #dc354533;border-color:#c82333}.module-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.module-icon{width:24px;height:24px;margin-right:var(--spacing-2)}.module-icon.video{color:var(--video-color)}.module-icon.document{color:var(--document-color)}.module-icon.interactive{color:var(--interactive-color)}.module-type{font-size:.75rem;text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:.05em;opacity:.75}.completion-badge{display:flex;align-items:center;gap:var(--spacing-1);background:var(--success-bg);color:var(--success);font-size:.75rem;padding:var(--spacing-1) var(--spacing-2);border-radius:1rem;font-weight:var(--font-weight-medium)}.mandatory-badge{display:flex;align-items:center;gap:var(--spacing-1);background:#dc35451a;color:#dc3545;font-size:.75rem;padding:var(--spacing-1) var(--spacing-2);border-radius:1rem;font-weight:var(--font-weight-medium);border:1px solid rgba(220,53,69,.2)}.module-title{font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);margin:var(--spacing-2) 0;line-height:1.4}.module-description{font-size:var(--font-size-small);color:var(--text-muted);margin-bottom:var(--spacing-4);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.module-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:var(--font-size-small)}.module-duration{color:var(--text-muted);display:flex;align-items:center}.arrow-icon{color:var(--primary)}.video-play-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e46c3f;border-radius:50%;transition:all var(--transition-fast)}.play-icon{color:#fff;margin-left:2px}.module-card.video-module:hover .video-play-indicator{background:#d85c2f;transform:scale(1.1);box-shadow:0 4px 12px #e46c3f4d}.module-card.coming-soon-module{background:linear-gradient(135deg,var(--card) 0%,var(--card) 90%,rgba(108,92,231,.05) 100%);position:relative;opacity:.85}.module-card.coming-soon-module:before{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 30%,rgba(108,92,231,.1) 100%);pointer-events:none}.module-card.coming-soon-module:hover{transform:translateY(-2px);box-shadow:var(--card-shadow),0 8px 25px #6c5ce726;opacity:1}.coming-soon-badge{display:flex;align-items:center;gap:var(--spacing-1);background:#6c5ce71a;color:#6c5ce7;font-size:.75rem;padding:var(--spacing-1) var(--spacing-2);border-radius:1rem;font-weight:var(--font-weight-medium)}.coming-soon-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#6c5ce7;border-radius:50%;transition:all var(--transition-fast)}.clock-icon{color:#fff}.module-card.coming-soon-module:hover .coming-soon-indicator{background:#5c4fdb;transform:scale(1.1);box-shadow:0 4px 12px #6c5ce74d}.no-modules-message{grid-column:1 / -1;text-align:center;padding:var(--spacing-8);background:var(--card);border-radius:var(--border-radius);border:1px dashed var(--border)}.no-modules-message p{margin-bottom:var(--spacing-4);color:var(--text-muted)}@media (max-width: 768px){.modules-grid{grid-template-columns:1fr}.module-filters{flex-direction:column;align-items:stretch}.search-container{max-width:none}}:root{--video-color: #e46c3f;--document-color: #3784d2;--interactive-color: #6c5ce7}.user-profile-page{min-height:100vh;color:var(--text);font-family:var(--font-family);margin-left:68px;margin-top:60px}.user-profile-container{max-width:1200px;margin:0 auto;padding:var(--spacing-6)}.profile-card{background:var(--card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--border);overflow:hidden;animation:slideInUp .6s ease-out}.profile-card.loading{padding:var(--spacing-6)}.profile-header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--card),var(--pending-bg));animation:fadeIn .8s ease-out}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--text);color:var(--background);display:flex;align-items:center;justify-content:center;animation:scaleIn .6s ease-out .2s both;transition:transform var(--transition-normal)}.profile-avatar:hover{transform:scale(1.05)}.profile-basic-info{flex:1}.profile-name{font-size:var(--font-size-header);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0;color:var(--text);animation:slideInLeft .6s ease-out .3s both}.role-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:20px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);animation:slideInLeft .6s ease-out .4s both;transition:transform var(--transition-fast)}.role-badge:hover{transform:translate(2px)}.role-badge.admin{background:var(--failure-bg);color:var(--failure)}.role-badge.recruiter{background:var(--success-bg);color:var(--success)}.role-badge.jobseeker{background:var(--pending-bg);color:var(--pending)}.profile-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-6);padding:var(--spacing-6)}.detail-section{animation:fadeInUp .6s ease-out calc(.5s + var(--animation-delay, 0s)) both}.detail-section:nth-child(1){--animation-delay: 0s}.detail-section:nth-child(2){--animation-delay: .1s}.section-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-2);border-bottom:2px solid var(--border)}.detail-row{margin-bottom:var(--spacing-4);padding:var(--spacing-3);border-radius:var(--border-radius);background:var(--pending-bg);transition:all var(--transition-normal)}.detail-row:hover{background:var(--input-bg);transform:translate(4px)}.detail-row label{display:block;font-weight:var(--font-weight-medium);color:var(--text-muted);font-size:var(--font-size-small);margin-bottom:var(--spacing-1);text-transform:uppercase;letter-spacing:.05em}.detail-value{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3)}.detail-value span{color:var(--text);font-weight:var(--font-weight-medium);word-break:break-word}.user-id{background:var(--input-bg);padding:var(--spacing-1) var(--spacing-2);border-radius:4px;font-family:Courier New,monospace;font-size:var(--font-size-small);color:var(--text-muted);border:1px solid var(--border);word-break:break-all}.verification-status{display:flex;align-items:center;flex-shrink:0}.verification-status .verified,.verification-status .pending{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:12px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:transform var(--transition-fast)}.verification-status .verified:hover,.verification-status .pending:hover{transform:scale(1.05)}.verification-status .verified{background:var(--success-bg);color:var(--success)}.verification-status .pending{background:var(--pending-bg);color:var(--pending)}.loading-skeleton{background:linear-gradient(90deg,var(--pending-bg) 25%,var(--input-bg) 50%,var(--pending-bg) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--border-radius)}.header-skeleton{height:100px;margin-bottom:var(--spacing-4)}.text-skeleton{height:20px;margin-bottom:var(--spacing-3)}.text-skeleton:last-child{margin-bottom:0}.error-card{padding:var(--spacing-6);text-align:center;background:var(--failure-bg);border:1px solid var(--failure);border-radius:var(--border-radius);color:var(--failure)}.error-card h3{margin:0 0 var(--spacing-2) 0;font-weight:var(--font-weight-semibold)}.error-card p{margin:0;color:var(--text-muted)}.account-actions .action-buttons{display:flex;justify-content:flex-start}.account-actions .action-buttons button{width:fit-content}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.user-profile-container{padding:var(--spacing-4)}.profile-details-grid{grid-template-columns:1fr;gap:var(--spacing-4);padding:var(--spacing-4)}.profile-header{flex-direction:column;text-align:center;gap:var(--spacing-3)}.profile-name{font-size:24px}}@media (max-width: 480px){.detail-value{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.verification-status{align-self:flex-start}}.centered-container{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:var(--spacing-6)}.centered-card{max-width:400px;width:100%;padding:var(--spacing-8);background:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);text-align:center}.icon-circle{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background-color:#3b82f61a;color:#3b82f6;margin:0 auto var(--spacing-6)}.auth-card-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-4);color:var(--text-primary)}.bold-text{font-weight:600;color:var(--text-primary)}.text-muted{color:var(--text-muted);font-size:.875rem;margin-bottom:var(--spacing-4);line-height:1.5}.card-actions{margin-top:var(--spacing-6)}.error-container{background-color:#ef44441a;border-radius:var(--border-radius);padding:var(--spacing-3);margin-bottom:var(--spacing-4);color:var(--danger);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.otp-container{margin-top:var(--spacing-6)}.otp-input{width:100%;margin-bottom:var(--spacing-4);text-align:center;font-size:1.2rem;font-weight:600;letter-spacing:.2em;padding:var(--spacing-3);border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--input-background);color:var(--text-primary);transition:border-color .2s ease}.otp-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.otp-actions{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center}.success-message{display:flex;align-items:center;justify-content:center;color:var(--success);font-size:.875rem;padding:var(--spacing-2);background-color:#22c55e1a;border-radius:var(--border-radius);margin-bottom:var(--spacing-3);border:1px solid rgba(34,197,94,.2)}.otp-actions .button{min-width:140px}.otp-actions .button.outline{background-color:transparent;border:2px solid var(--border-color);color:var(--text-secondary)}.otp-actions .button.outline:hover{background-color:var(--hover-background);border-color:var(--primary)}.loading-spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(var(--primary-rgb),.2);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite}@media (max-width: 600px){.centered-container{padding:var(--spacing-4)}.centered-card{padding:var(--spacing-6)}.otp-actions{gap:var(--spacing-3)}.otp-actions .button{width:100%;min-width:unset}}@media (prefers-color-scheme: dark){.icon-circle{background-color:#3b82f633}.success-message{background-color:#22c55e33}.error-container{background-color:#ef444433}}.invoice-attachments-container{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.invoice-attachments-header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.invoice-attachments-header h3{margin:0 0 .5rem;font-size:1rem;color:var(--text);font-weight:600}.attachments-description{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.4}.attachment-errors{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.attachment-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--danger-bg);border:1px solid var(--danger);border-radius:6px;color:var(--danger);font-size:.875rem}.attachment-error svg{color:var(--danger);flex-shrink:0}.attachment-upload-section{margin-bottom:1rem;position:relative}.attachment-file-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.attachment-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--primary);color:var(--background);border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:2px solid var(--primary)}.attachment-upload-button:hover:not(.disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.attachment-upload-button.disabled{background:var(--pending-bg);color:var(--text-muted);border-color:var(--border);cursor:not-allowed;transform:none;box-shadow:none}.upload-count{font-size:.75rem;opacity:.8;margin-left:.25rem}.attachment-list{display:flex;flex-direction:column;gap:.75rem}.attachment-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--background);border:1px solid var(--border);border-radius:6px;transition:all .2s ease}.attachment-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.attachment-thumbnail{width:60px;height:60px;flex-shrink:0;border-radius:4px;overflow:hidden;background:var(--pending-bg);display:flex;align-items:center;justify-content:center}.attachment-image-thumbnail{width:100%;height:100%;position:relative;cursor:pointer;overflow:hidden}.attachment-image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.attachment-image-thumbnail:hover .attachment-image{transform:scale(1.1)}.attachment-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff}.attachment-image-thumbnail:hover .attachment-image-overlay{opacity:1}.attachment-file-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;color:var(--text-muted);transition:color .2s ease}.attachment-file-placeholder:hover{color:var(--primary)}.attachment-file-type{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.attachment-name{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text)}.attachment-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-name svg{color:var(--primary);flex-shrink:0}.attachment-details{display:flex;align-items:center;gap:1rem}.attachment-size{font-size:.75rem;color:var(--text-muted)}.attachment-status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.attachment-status.uploaded{color:var(--success)}.attachment-status.pending{color:var(--warning)}.attachment-status svg{flex-shrink:0}.attachment-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.attachment-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--text);cursor:pointer;transition:all .2s ease;font-size:0}.attachment-action-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary);color:var(--background);transform:translateY(-1px)}.attachment-action-btn.preview:hover:not(:disabled){border-color:var(--primary);background:var(--primary)}.attachment-action-btn.download:hover:not(:disabled){border-color:var(--success);background:var(--success)}.attachment-action-btn.delete:hover:not(:disabled){border-color:var(--danger);background:var(--danger)}.attachment-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.attachment-action-btn svg{width:14px;height:14px}@media (max-width: 768px){.attachment-item{flex-direction:column;align-items:flex-start;gap:.75rem}.attachment-thumbnail{width:80px;height:80px;align-self:center}.attachment-info{width:100%;text-align:center}.attachment-actions{align-self:center;gap:.5rem}.attachment-action-btn{width:36px;height:36px}.attachment-details{justify-content:center;flex-wrap:wrap}}.attachment-thumbnail .pdf-thumbnail-container{width:100%;height:100%;border-radius:4px;overflow:hidden}.attachment-thumbnail .pdf-thumbnail-page{width:100%!important;height:100%!important}.attachment-thumbnail .pdf-thumbnail-overlay{border-radius:4px}.dark .attachment-upload-button:not(.disabled){background:var(--primary);color:var(--background)}.dark .attachment-upload-button.disabled{background:var(--pending-bg);color:var(--text-muted);border-color:var(--border)}.dark .attachment-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #ffffff1a}.dark .attachment-action-btn{background:var(--card);border-color:var(--border);color:var(--text)}.generated-invoice-item{background:var(--success-bg, #e6f9f0);border:2px solid var(--success, #2ecc40);box-shadow:0 2px 8px #2ecc4014;position:relative}.generated-invoice-item .attachment-file-placeholder,.generated-invoice-item .attachment-name svg{color:var(--success, #2ecc40)}.generated-invoice-item .attachment-status.uploaded{color:var(--success, #2ecc40)}.generated-invoice-item:before{content:"Generated Invoice";position:absolute;top:-1.2rem;left:1rem;background:var(--success, #2ecc40);color:#fff;font-size:.75rem;font-weight:600;padding:.15rem .75rem;border-radius:4px 4px 0 0;letter-spacing:.5px}.timesheet-page-container{min-height:100vh;color:var(--text);font-family:var(--font-family);margin-left:68px;margin-top:60px}.timesheet-content-container{padding:1rem;display:flex;flex-direction:column;gap:1rem;margin:0 auto;width:100%}.timesheet-selection-bar{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;box-shadow:var(--card-shadow);display:flex;gap:1.5rem;justify-content:space-between;transition:all var(--transition-normal)}.selection-section{display:flex;flex-direction:column;gap:.5rem;width:100%}.selection-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.selection-label svg{color:var(--primary)}.timesheet-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.jobseeker-selection-card .timesheet-card-header,.loading-card .timesheet-card-header{background:linear-gradient(135deg,var(--primary),var(--primary))}.timesheet-loading{text-align:center;padding:1.5rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.timesheet-loading:before{content:"";width:16px;height:16px;border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;animation:timesheet-spin 1s linear infinite}@keyframes timesheet-spin{to{transform:rotate(360deg)}}.empty-state-card .timesheet-card-header{background:linear-gradient(135deg,var(--text-muted),var(--text-muted))}.timesheet-empty-state{text-align:center;padding:2rem;color:var(--text-muted)}.timesheet-empty-state svg{margin-bottom:.75rem;opacity:.5}.timesheet-empty-state h3{margin:.75rem 0 .375rem;color:var(--text);font-size:1rem}.timesheet-empty-state p{margin:0;font-size:.875rem}.timesheet-forms-container,.timesheet-forms-grid{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 1200px){.timesheet-forms-grid{grid-template-columns:repeat(auto-fit,minmax(550px,1fr))}}.timesheet-unified-header{padding-bottom:1rem}.timesheet-header-sections{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.timesheet-section{background:var(--card);padding:1rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--border)}.timesheet-section-title{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text);text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:.5rem}.timesheet-section-content{display:flex;flex-direction:column;gap:.5rem}.timesheet-detail-item{display:flex;align-items:center;gap:.25rem}.timesheet-detail-label{font-size:.75rem;font-weight:500;color:var(--text);opacity:.8}.timesheet-detail-value{font-size:.7rem;font-weight:600;color:var(--text);word-break:break-word}.timesheet-pay-info-section{background:var(--card);border-radius:8px}.timesheet-pay-info-grid{display:flex;flex-direction:column;gap:10px}.timesheet-pay-info-item{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--card);border-radius:6px;border:1px solid var(--border);filter:brightness(.9)}.timesheet-pay-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.timesheet-pay-value{font-weight:700;color:var(--primary);font-size:.875rem}.timesheet-notes-section{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);padding:1rem;margin:0 0 1rem}.timesheet-notes-title{font-size:.875rem;font-weight:600;color:var(--text);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.timesheet-notes-textarea{width:100%;min-height:100px;padding:.75rem;background:var(--input-background);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-family);font-size:.875rem;line-height:1.5;resize:vertical;transition:all var(--transition-normal)}.timesheet-notes-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.timesheet-notes-textarea::placeholder{color:var(--text-muted)}.timesheet-notes-textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--card)}.timesheet-hours-adjustments-container{display:flex;justify-content:space-between;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);padding:1rem;margin:0 0 1rem}.timesheet-hours-section.adjustments-section .timesheet-day-entry{width:120px}.timesheet-hours-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.timesheet-hours-title svg{color:var(--primary)}.timesheet-days-grid{display:flex;gap:.75rem}.timesheet-day-entry{display:flex;flex-direction:column;gap:.5rem;width:fit-content}.timesheet-day-label{display:flex;flex-direction:column;gap:.125rem;font-size:.75rem;color:var(--text)}.timesheet-day-name{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.timesheet-day-date{color:var(--text-muted);font-size:.6875rem}.timesheet-hours-input{width:100px;padding:.5rem;border:2px solid var(--border);border-radius:6px;font-size:.75rem;background:var(--input-bg);color:var(--text);transition:all var(--transition-normal);outline:none}.timesheet-hours-input::-webkit-outer-spin-button,.timesheet-hours-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timesheet-hours-input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.timesheet-hours-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0000001a}.timesheet-hours-input::placeholder{color:var(--text-muted);opacity:.7}.timesheet-invoice-table{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow)}.timesheet-invoice-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.75rem;padding:.75rem 1.25rem;background:var(--primary);color:var(--background);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-radius:8px 8px 0 0}.timesheet-invoice-table-body{border-bottom:2px solid var(--border)}.timesheet-invoice-line-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);transition:background-color var(--transition-fast)}.timesheet-invoice-line-item:last-child{border-bottom:none}.timesheet-col-description,.timesheet-col-hours,.timesheet-col-rate,.timesheet-col-tax,.timesheet-col-amount{display:flex;align-items:center;gap:.5rem}.timesheet-col-hours,.timesheet-col-rate,.timesheet-col-amount,.timesheet-col-tax{justify-content:center;font-weight:600;font-size:.875rem}.timesheet-col-tax{align-items:center;text-align:center}.timesheet-col-tax .timesheet-item-subtitle{font-size:.65rem;color:var(--text-muted)}.timesheet-item-title{font-weight:700;color:var(--text);margin-bottom:.125rem;font-size:.875rem}.timesheet-item-subtitle{font-size:.75rem;color:var(--text-muted)}.timesheet-invoice-totals{padding:.4rem 1rem 0;background:var(--background)}.timesheet-total-line{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.timesheet-total-line:last-child{border-bottom:none}.timesheet-total-label{font-weight:600;color:var(--text);font-size:.875rem}.timesheet-total-value{font-weight:700;color:var(--text);font-size:.875rem}.timesheet-subtotal{font-size:.9rem}.timesheet-grand-total{font-size:1rem;background:var(--primary);color:var(--background);margin:.75rem -1rem 0;padding:1rem 1.25rem;border-radius:0 0 8px 8px}.timesheet-grand-total .timesheet-total-label,.timesheet-grand-total .timesheet-total-value{color:var(--background)}.timesheet-action-section{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.timesheet-email-option{display:flex;justify-content:start;flex-direction:column;width:100%}.timesheet-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text);transition:color var(--transition-fast)}.timesheet-checkbox-label:hover{color:var(--primary)}.timesheet-checkbox{width:16px;height:16px;border:2px solid var(--border);border-radius:3px;background:var(--input-bg);cursor:pointer;transition:all var(--transition-fast);position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none}.timesheet-checkbox:checked{background:var(--primary);border-color:var(--primary)}.timesheet-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--background);font-size:12px;font-weight:700}.timesheet-checkbox:focus{outline:none;box-shadow:0 0 0 2px #0000001a}.timesheet-checkbox-text{-webkit-user-select:none;user-select:none;font-weight:500}.timesheet-action-section .button{width:fit-content;padding:0 2rem;justify-content:center}.invoice-page-container{display:flex;flex-direction:column;color:var(--text);font-family:var(--font-family);margin-left:68px;margin-top:60px}.invoice-content-container{padding:1rem;display:flex;flex-direction:column;gap:1rem;margin:0 auto;width:100%}.invoice-page-container .timesheet-unified-header{padding-bottom:0}.invoice-content-container .timesheet-invoice-table-header,.invoice-content-container .timesheet-invoice-line-item{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.invoice-card{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.empty-state-card{padding:2rem;text-align:center}.invoice-empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted)}.invoice-selection-bar{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;box-shadow:var(--card-shadow);display:flex;gap:1.5rem;justify-content:space-between;transition:all var(--transition-normal)}.invoice-selection-bar.timesheet-date-range{justify-content:center;align-items:center}.invoice-selection-bar.timesheet-date-range .selection-section{width:200px}.selection-section{display:flex;flex-direction:column;gap:6px}.selection-section.position-selection,.selection-section.jobseeker-selection{min-width:220px}.selection-section.hours-selection,.selection-section.rate-selection{width:80px}.selection-section.description-selection{min-width:360px}.selection-section.combined-selection,.selection-section.supplier-po-number-selection{min-width:210px}.selection-section.tax-selection{min-width:155px}.selection-label{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--text);font-size:12px;cursor:pointer}.selection-label svg{color:var(--primary);opacity:1;filter:brightness(1);width:14px;height:14px}.dark .selection-label svg{color:var(--primary);filter:brightness(1.2);opacity:1}.invoice-date-input{padding:8px 12px;border:1px solid var(--border);border-radius:4px;background-color:var(--input-bg);color:var(--text);font-size:12px;transition:all .2s ease;cursor:pointer;color-scheme:light dark;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.invoice-date-input:hover{border-color:var(--primary);box-shadow:0 0 0 2px #0000001a}.invoice-date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0000001a}.invoice-date-input::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:var(--text);cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto;opacity:0;z-index:2}.dark .invoice-date-input:focus{box-shadow:0 0 0 2px #ffffff1a}.invoice-date-input::placeholder{color:var(--text-muted);opacity:.7}.invoice-text-input,.invoice-number-input{padding:8px;min-height:40px;border:2px solid var(--border);border-radius:8px;background-color:var(--input-bg);color:var(--text);font-size:12px;transition:all .2s ease}.invoice-text-input:focus,.invoice-number-input:focus{outline:none;border:2px solid var(--border);border-radius:8px;box-shadow:0 0 0 2px #0000001a}.invoice-number-input.readonly{background-color:var(--pending-bg);cursor:not-allowed;opacity:.7}.invoice-line-items-container{background:var(--card);border-radius:6px;padding:12px;border:1px solid var(--border);box-shadow:var(--card-shadow)}.invoice-line-items-container.supplier-po-section{width:44%}.invoice-line-items-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.invoice-line-items-header h3{font-size:14px;margin:0;color:var(--text)}.invoice-line-items-list{display:flex;flex-direction:column;gap:8px}.invoice-line-item-group{background:var(--background);border:1px solid var(--border);border-radius:4px;padding:10px;transition:box-shadow .2s ease}.invoice-line-item-group:hover{box-shadow:0 2px 8px #0000001a}.invoice-field-row.single-row{display:flex;gap:12px;align-items:end}.line-item-actions{display:flex;flex-direction:column}.line-item-buttons{display:flex;gap:6px;align-items:center;min-height:40px}.invoice-dropdown-skeleton{position:relative;width:100%}.skeleton-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--background);min-height:40px;cursor:not-allowed}.skeleton-text{border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-dropdown-text{height:12px;flex:1;margin:0 8px}.skeleton-chevron{width:12px;height:12px}[data-theme=dark] .skeleton-text{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}[data-theme=dark] .skeleton-dropdown-trigger{background:var(--background);border-color:var(--border)}.line-item-buttons .button.secondary{background:var(--card);color:var(--text);border:1px solid var(--border);padding:10px}.line-item-buttons .button.secondary:hover{background:var(--primary);color:var(--background)}.line-item-buttons .button.danger{background:var(--danger);color:var(--background);border:1px solid var(--border);padding:10px}.line-item-buttons .button.danger:hover{background:var(--danger);opacity:.9}.line-item-buttons .button .lucide-plus{color:var(--success)}.line-item-buttons .button:hover .lucide-plus{color:var(--background)}.line-item-buttons .button .lucide-minus{color:var(--danger)}.line-item-buttons .button:hover .lucide-minus,.line-item-buttons .button .lucide-minus{color:var(--background)}@media (max-width: 1400px){.invoice-field-row.single-row{grid-template-columns:1fr 1fr 1fr .8fr .8fr .8fr .6fr;gap:10px}.invoice-header-sections{grid-template-columns:1fr 1fr 1fr}}.invoice-bottom-sections-container{display:flex;gap:1rem;align-items:flex-start;width:100%}.invoice-message-terms-container{flex:1;min-width:0;background:var(--card);border-radius:6px;padding:12px;border:1px solid var(--border);box-shadow:var(--card-shadow)}.message-terms-grid{display:flex;gap:1rem;height:86px}.message-section,.terms-section{display:flex;flex-direction:column;gap:6px}.invoice-textarea{padding:12px;border:2px solid var(--border);border-radius:8px;background-color:var(--input-bg);color:var(--text);font-size:12px}.invoice-notes-section{background:var(--card);border-radius:6px;padding:12px;border:1px solid var(--border);box-shadow:var(--card-shadow);margin-bottom:16px}.invoice-notes-textarea{width:100%;min-height:100px;resize:vertical}.invoice-attachments-container{box-shadow:var(--card-shadow)}.invoice-toggle-section{padding:1rem;border-bottom:1px solid var(--border)}.invoice-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.invoice-toggle-btn:hover{background:var(--card-hover);border-color:var(--primary)}.invoice-toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.invoice-list-section{margin:1rem;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow)}.invoice-list-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.invoice-list-header h3{margin:0;color:var(--text);font-size:18px;font-weight:600}.invoice-list-pagination{color:var(--text-muted);font-size:14px}.invoice-list-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:2rem;color:var(--text-muted)}.invoice-list-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;color:var(--text-muted)}.invoice-list-empty svg{color:var(--text-muted);opacity:.5}.invoice-list-empty h4{margin:0;color:var(--text);font-size:16px;font-weight:600}.invoice-list-empty p{margin:0;font-size:14px}.invoice-list-table{display:flex;flex-direction:column}.invoice-list-table-header{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem;background:var(--card-secondary);border-bottom:1px solid var(--border);font-weight:600;font-size:14px;color:var(--text)}.invoice-list-table-row{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);transition:all var(--transition-normal)}.invoice-list-table-row:hover{background:var(--card-hover)}.invoice-list-table-row:last-child{border-bottom:none}.invoice-list-col{display:flex;align-items:center;font-size:14px;color:var(--text)}.invoice-status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.invoice-status-badge.status-draft{background:var(--warning-bg);color:var(--warning-text)}.invoice-status-badge.status-sent{background:var(--info-bg);color:var(--info-text)}.invoice-status-badge.status-paid{background:var(--success-bg);color:var(--success-text)}.invoice-status-badge.status-overdue{background:var(--error-bg);color:var(--error-text)}.invoice-status-badge.status-cancelled{background:var(--muted-bg);color:var(--text-muted)}.invoice-actions{display:flex;gap:4px}.invoice-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.invoice-action-btn:hover{background:var(--card-hover);color:var(--text)}.invoice-action-btn.view:hover{background:var(--info-bg);color:var(--info-text);border-color:var(--info)}.invoice-action-btn.edit:hover{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning)}.invoice-action-btn.delete:hover{background:var(--error-bg);color:var(--error-text);border-color:var(--error)}.invoice-number-loading{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}.invoice-number-loading .timesheet-loading-spinner{animation:spin 1s linear infinite}.invoice-success-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.invoice-success-modal-content{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #00000026;position:relative;max-width:1100px;width:100%;height:95vh;overflow:hidden;display:flex;flex-direction:row;gap:0}.invoice-success-modal-close-btn{position:absolute;top:16px;right:16px;background:var(--card);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-muted);cursor:pointer;line-height:8px;transition:all var(--transition-normal);z-index:10}.invoice-success-modal-close-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:scale(1.05)}.invoice-success-modal-pdf-preview{width:60%;background:var(--background);border-right:1px solid var(--border);padding:1rem 0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden}.invoice-success-modal-pdf-controls{display:flex;gap:8px;margin-bottom:1rem;align-items:center;justify-content:center;padding:0 2rem}.invoice-success-modal-pdf-controls button{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:6px 12px;color:var(--text);font-size:14px;cursor:pointer;transition:all var(--transition-normal)}.invoice-success-modal-pdf-controls button:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.invoice-success-modal-pdf-controls button:disabled{opacity:.5;cursor:not-allowed}.invoice-success-modal-pdf-page-container{flex:1 1 0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;min-height:0;min-width:0}.invoice-success-modal-pdf-navigation{display:flex;gap:8px;margin-top:1rem;align-items:center;justify-content:center;padding:0 2rem}.invoice-success-modal-pdf-navigation button{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:8px 16px;color:var(--text);font-size:14px;cursor:pointer;transition:all var(--transition-normal)}.invoice-success-modal-pdf-navigation button:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.invoice-success-modal-pdf-navigation button:disabled{opacity:.5;cursor:not-allowed}.invoice-success-modal-pdf-navigation span{color:var(--text-muted);font-size:14px;margin:0 8px}.invoice-success-modal-info-panel{width:38%;margin:4rem 2rem 2rem;height:fit-content;display:flex;flex-direction:column;gap:0;background:var(--background);border-radius:20px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.dark .invoice-success-modal-info-panel{background:var(--background);box-shadow:var(--glow),0 0 25px #000000b3}.invoice-success-modal-info-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(135deg,var(--primary) 0%,#fed500 100%);z-index:-1}.invoice-success-modal-info-panel h2{color:#fff;font-size:1.1rem;font-weight:700;margin:0;margin-bottom:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#000,#fed500);text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative}.invoice-success-modal-info-panel h2:before{content:"✓";display:inline-block;margin-right:.5rem;font-size:1.2rem;color:#10b981;background:#fff;border-radius:50%;width:24px;height:24px;text-align:center;line-height:24px;font-weight:700}.invoice-success-modal-details{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 2rem;background:var(--background-secondary)}.invoice-success-modal-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--background);border-bottom:2px solid var(--border);transition:all .2s ease}.invoice-success-modal-detail-item:last-child .invoice-success-modal-detail-label,.invoice-success-modal-detail-item:last-child .invoice-success-modal-detail-value{font-weight:600}.invoice-success-modal-detail-label{font-size:.75rem;color:var(--text);font-weight:500}.invoice-success-modal-detail-value{font-size:.8rem;color:var(--text);font-weight:500}.invoice-success-modal-email-section{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-top:1px solid var(--border)}.dark .invoice-success-modal-email-section{background:linear-gradient(135deg,#000,#fed500)}.invoice-success-modal-email-section label{display:flex;flex-direction:column;gap:.5rem;font-size:.75rem;font-weight:500;color:var(--text);position:relative}.invoice-success-modal-email-section input[type=email]{padding:.75rem;border:var(--text-muted);border-radius:6px;font-size:.8rem}.invoice-success-modal-email-section input[type=email]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.invoice-success-modal-message{margin-top:.75rem;padding:.5rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;font-size:.75rem;font-weight:500;text-align:center;position:relative}.invoice-success-modal-message:before{content:"✓";display:inline-block;margin-right:.5rem;font-weight:700;background:#fff3;border-radius:50%;width:16px;height:16px;text-align:center;line-height:16px;font-size:.7rem}.invoice-success-modal-message.error{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}.invoice-success-modal-message.error:before{content:"✗";background:#fff3;color:#fff;font-weight:700;border-radius:50%;width:16px;height:16px;text-align:center;line-height:16px;font-size:.7rem;margin-right:.5rem;display:inline-block}button.send-email-cell{min-width:110px;width:110px;max-width:110px;font-size:1em;padding:.3rem .7rem;border-radius:4px;display:flex;align-items:center;gap:.25rem;justify-content:center;transition:background .15s,color .15s}button.send-email{background:var(--primary);color:var(--background);border:1px solid var(--primary)}button.send-email:disabled{background:var(--primary-light);color:var(--background);opacity:.7}button.resend-email{background:var(--muted);color:var(--text);border:1px solid var(--border)}button.resend-email:disabled{background:var(--muted);color:var(--text);opacity:.7}.mail-icon{margin-right:4px;vertical-align:middle}.all-users-management .column-filter.no-filter{min-height:60px;display:flex;align-items:left;justify-content:flex-start}.all-users-management .column-filter.no-filter .column-title{font-weight:600;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin:0}.dark .all-users-management .column-filter.no-filter .column-title{color:#d1d5db}.all-users-management .column-filter{display:flex;flex-direction:column;gap:2px}.all-users-management .column-title{font-weight:600;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.dark .all-users-management .column-title{color:#d1d5db}.all-users-management .user-row{transition:background-color .2s ease}.all-users-management .user-row.admin{background-color:#fffbeb}.all-users-management .user-row.recruiter{background-color:#eff6ff}.all-users-management .user-row.jobseeker{background-color:#f0fdf4}.all-users-management .user-row.default{background-color:#fafafa}.dark .all-users-management .user-row.admin{background-color:#1c0a00}.dark .all-users-management .user-row.recruiter{background-color:#0f1629}.dark .all-users-management .user-row.jobseeker{background-color:#0a1f0f}.dark .all-users-management .user-row.default{background-color:#1f2937}.all-users-management .user-row.admin:hover{background-color:#fef3c7}.all-users-management .user-row.recruiter:hover{background-color:#dbeafe}.all-users-management .user-row.jobseeker:hover{background-color:#dcfce7}.all-users-management .user-row.default:hover{background-color:#f3f4f6}.dark .all-users-management .user-row.admin:hover{background-color:#451a03}.dark .all-users-management .user-row.recruiter:hover{background-color:#1e3a8a}.dark .all-users-management .user-row.jobseeker:hover{background-color:#14532d}.dark .all-users-management .user-row.default:hover{background-color:#374151}.all-users-management .user-type-badge,.all-users-management .user-role-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:130px;justify-content:center;border:1px solid transparent}.all-users-management .user-role-badge{text-align:start;justify-content:space-between;padding:4px 24px 4px 8px}.all-users-management .user-role-badge .edit-icon{position:absolute;right:6px;display:none}.all-users-management .user-role-badge:hover .edit-icon{display:block}.all-users-management .user-type-badge.admin{background-color:#fef3c7;color:#92400e;border-color:#f59e0b}.all-users-management .user-type-badge.recruiter{background-color:#dbeafe;color:#1e40af;border-color:#3b82f6}.all-users-management .user-type-badge.jobseeker{background-color:#d1fae5;color:#065f46;border-color:#10b981}.all-users-management .user-type-badge.default{background-color:#f3f4f6;color:#6b7280;border-color:#d1d5db}.all-users-management .onboarding-badge.invited{display:inline-block;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:600;color:#92400e;background-color:#fff7ed;border:1px solid #f59e0b;border-radius:9999px;vertical-align:middle}.dark .all-users-management .onboarding-badge.invited{color:#fbbf24;background-color:#451a03;border-color:#f59e0b}.all-users-management .button.small{font-size:12px;padding:4px 8px;min-height:28px;border-radius:4px}.all-users-management .loading-spinner-small{width:14px;height:14px;border:2px solid transparent;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.dark .all-users-management .user-type-badge.admin{background-color:#451a03;color:#fbbf24;border-color:#f59e0b}.dark .all-users-management .user-type-badge.recruiter{background-color:#1e3a8a;color:#60a5fa;border-color:#3b82f6}.dark .all-users-management .user-type-badge.jobseeker{background-color:#14532d;color:#34d399;border-color:#10b981}.dark .all-users-management .user-type-badge.default{background-color:#374151;color:#e5e7eb;border-color:#6b7280}.all-users-management .user-role-badge.default{background-color:#f3f4f6;color:#6b7280;border-color:#d1d5db}.dark .all-users-management .user-role-badge.default{background-color:#374151;color:#e5e7eb;border-color:#6b7280}.all-users-management .manager-cell .user-role-badge,.all-users-management .user-role-cell .user-role-badge{cursor:pointer}.all-users-management .status-display{display:flex;align-items:center;gap:6px}.all-users-management .status-icon{flex-shrink:0}.all-users-management .status-text{font-size:12px;font-weight:500;text-transform:capitalize}.all-users-management .status-text.verified{color:#059669}.all-users-management .status-text.rejected{color:#dc2626}.dark .all-users-management .status-text.verified{color:#10b981}.dark .all-users-management .status-text.rejected{color:#ef4444}.all-users-management .user-type-cell,.all-users-management .user-role-cell,.all-users-management .email-verified-cell{padding:12px 8px;vertical-align:middle}.all-users-management .created-at-cell,.all-users-management .last-signin-cell{padding:12px 8px;vertical-align:middle;font-size:14px;color:#6b7280}.dark .all-users-management .created-at-cell,.dark .all-users-management .last-signin-cell{color:#9ca3af}.all-users-management .common-table th:nth-child(6){width:120px;min-width:120px}.all-users-management .common-table th:nth-child(7){width:120px;min-width:120px}.reports-container{padding:var(--spacing-8);max-width:1200px;margin:0 auto}.reports-header{margin-bottom:var(--spacing-6);text-align:left}.reports-header h2{font-size:1.4rem;font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--spacing-2)}.reports-subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:var(--spacing-4)}.reports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.report-card{background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:1rem .75rem .75rem;display:flex;flex-direction:row;align-items:flex-start;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform .15s;min-height:80px;position:relative}.report-card:hover,.report-card:focus{border-color:#2196f3;box-shadow:0 4px 24px #2196f31a;transform:translateY(-2px) scale(1.02);outline:none}.report-icon{margin-bottom:0;margin-right:var(--spacing-2);display:flex;align-items:center;justify-content:center;background:#f5f7fa;border-radius:50%;width:36px;height:36px;box-shadow:0 2px 8px #2196f314;flex-shrink:0}.report-card-content{display:flex;flex-direction:column;justify-content:center}.report-title{font-size:.95rem;font-weight:var(--font-weight-semibold);color:var(--primary);margin-bottom:2px}.report-description{color:var(--text-muted);font-size:.78rem;line-height:1.4}.report-category-title{font-size:1.05rem;font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--spacing-3);margin-top:var(--spacing-2)}.common-report-container .timesheet-selection-bar{gap:1rem;display:flex;flex-direction:column}.common-report-container .timesheet-selection-bar .selection-row{display:flex;width:100%;gap:1rem;margin-bottom:.5rem}.common-report-container .report-table-container{overflow-x:auto}.common-report-container .common-report-card{padding:1rem;display:flex;flex-direction:column;gap:1rem}.common-report-container .selection-section.date-input-container{width:500px}.common-report-container .selection-section.date-input-wrapper{display:flex;flex-direction:column;gap:.5rem}.common-report-container .selection-section.date-input-wrapper .start-end-date-section{display:flex;width:100%;gap:.5rem}.common-report-container .selection-section.date-input-wrapper .start-end-date-section .start-date-section,.common-report-container .selection-section.date-input-wrapper .start-end-date-section .end-date-section{display:flex;flex-direction:column;gap:6px;width:50%}.common-report-container .selection-section.date-input-wrapper .start-end-date-section input{border:2px solid var(--border);border-radius:8px;min-height:43px;padding:.5rem}.csv-download-section{display:flex;justify-content:flex-start;margin:24px 0}.csv-download-section button{width:fit-content}.common-table .address-column,.common-table .notes-column{width:200px;min-width:200px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{--background-light: #FFFFFF;--background-dark: #000000;--card-light: #FFFFFF;--card-dark: #000000;--text-light: #000000;--text-dark: #FFFFFF;--text-muted-light: #6E6E6E;--text-muted-dark: #AAAAAA;--gradient-dark: #000000;--gradient-light: #FFFFFF;--bg-gradient-light: linear-gradient(120deg, #FFFFFF, #F5F5F5, #EEEEEE);--bg-gradient-dark: radial-gradient(circle at top right, #000000, #1A1A1A 70%, #0F0F0F);--primary-light: #000000;--primary-dark: #FFFFFF;--primary-hover-light: #000000;--primary-hover-dark: #FFFFFF;--border-light: #E0E0E0;--border-dark: #333333;--input-bg-light: #FFFFFF;--input-bg-dark: #000000;--success-light: #4CAF50;--success-bg-light: #E8F5E9;--pending-light: #757575;--pending-bg-light: #F5F5F5;--failure-light: #D32F2F;--failure-bg-light: #FFEBEE;--success-dark: #4CAF50;--success-bg-dark: #1B2E1C;--pending-dark: #BDBDBD;--pending-bg-dark: #2C2C2C;--failure-dark: #D32F2F;--failure-bg-dark: #2E1A1A;--success-shadow-light: 0 0 8px rgba(76, 175, 80, .3);--success-shadow-dark: 0 0 8px rgba(129, 199, 132, .3);--pending-shadow-light: 0 0 8px rgba(117, 117, 117, .3);--pending-shadow-dark: 0 0 8px rgba(189, 189, 189, .3);--failure-shadow-light: 0 0 8px rgba(211, 47, 47, .3);--failure-shadow-dark: 0 0 8px rgba(244, 67, 54, .3);--danger-light: #D32F2F;--danger-dark: #F44336;--card-shadow-light: 0px 4px 12px rgba(0, 0, 0, .08);--card-shadow-dark: 0px 4px 12px rgba(0, 0, 0, .3);--border-radius: 8px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 10px;--spacing-4: 13px;--spacing-5: 16px;--spacing-6: 19px;--spacing-8: 26px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-header: 24px;--font-size-subheader: 18px;--font-size-body: 14px;--font-size-small: 12px;--font-size-tiny: 10px;--glow-dark: 0 0 15px rgba(0, 0, 0, .4);--glow-light: 0 0 15px rgba(255, 255, 255, .4)}.dark{--background: var(--background-dark);--background-gradient: var(--bg-gradient-dark);--card: var(--card-dark);--text: var(--text-dark);--text-muted: var(--text-muted-dark);--primary: var(--primary-dark);--primary-hover: var(--primary-hover-dark);--border: var(--border-dark);--input-bg: var(--input-bg-dark);--danger: var(--danger-dark);--card-shadow: var(--card-shadow-dark);--glow: var(--glow-light);--success: var(--success-dark);--success-bg: var(--success-bg-dark);--success-shadow: var(--success-shadow-dark);--pending: var(--pending-dark);--pending-bg: var(--pending-bg-dark);--pending-shadow: var(--pending-shadow-dark);--failure: var(--failure-dark);--failure-bg: var(--failure-bg-dark);--failure-shadow: var(--failure-shadow-dark)}:root:not(.dark){--background: var(--background-light);--background-gradient: var(--bg-gradient-light);--card: var(--card-light);--text: var(--text-light);--text-muted: var(--text-muted-light);--primary: var(--primary-light);--primary-hover: var(--primary-hover-light);--border: var(--border-light);--input-bg: var(--input-bg-light);--danger: var(--danger-light);--card-shadow: var(--card-shadow-light);--glow: var(--glow-dark);--success: var(--success-light);--success-bg: var(--success-bg-light);--success-shadow: var(--success-shadow-light);--pending: var(--pending-light);--pending-bg: var(--pending-bg-light);--pending-shadow: var(--pending-shadow-light);--failure: var(--failure-light);--failure-bg: var(--failure-bg-light);--failure-shadow: var(--failure-shadow-light)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background-gradient);color:var(--text);font-family:var(--font-family);line-height:1.5;font-weight:var(--font-weight-normal);transition:background var(--transition-slow),color var(--transition-normal)}input,select,textarea,button,option,optgroup,fieldset,legend,label,.form-control{font-family:var(--font-family)!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.w-full{width:100%}.h-full{height:100%}.page-container{margin-left:68px;margin-top:60px}.page-container.hide-hamburger-menu{margin:auto}.button{width:100%;height:32px;padding:8px 14px;border:none;border-radius:var(--border-radius);background:var(--text);color:var(--background);font-size:.8rem;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);text-align:center}.button .icon{opacity:.7}.button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.button:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:all .6s ease}.button:hover:before{left:100%}.button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.button:disabled:before{display:none}.form-group{margin-bottom:var(--spacing-2);position:relative;transition:all var(--transition-normal);flex-grow:1;width:100%;font-family:var(--font-family)}.form-label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium);font-size:.8rem;color:var(--text);transition:color var(--transition-normal);min-height:1.25rem;font-family:var(--font-family)}.form-label[data-required="*"]:after,.form-info[data-required="*"]:after{content:"*";color:var(--failure);margin-left:.125rem}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.form-header .forgot-link{font-size:.75rem;color:var(--primary);text-decoration:none;transition:color var(--transition-normal)}.form-header .forgot-link:hover{color:var(--primary-hover);text-decoration:none}.form-input,.form-textarea,.form-select{width:100%;min-height:30px;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--text);font-size:.8rem;transition:all var(--transition-normal);box-shadow:0 2px 4px #0000000d;font-family:var(--font-family)}select.form-input,.form-select{padding-right:2.5rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);opacity:.6;font-family:var(--font-family)}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--primary)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--card-shadow)}.dark .form-input:focus,.dark .form-textarea:focus,.dark .form-select:focus{box-shadow:0 0 0 2px var(--card-shadow)}.form-textarea{resize:vertical;min-height:100px;padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.input-container{position:relative}.password-toggle{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-normal);padding:var(--spacing-1);border-radius:50%}.password-toggle:hover{color:var(--primary)}.checkbox-container{display:flex;align-items:center;margin:4px 0 10px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-normal)}.checkbox-container:hover{transform:translateY(-1px)}.form-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid var(--border);border-radius:6px;margin-right:var(--spacing-3);position:relative;cursor:pointer;transition:all var(--transition-normal);background-color:var(--input-bg);flex-shrink:0}.form-checkbox:hover{border-color:var(--primary);box-shadow:0 0 0 2px #0000001a}.dark .form-checkbox:hover{box-shadow:0 0 0 2px #ffffff1a}.form-checkbox:checked{background-color:var(--primary);border-color:var(--primary);animation:checkboxPop var(--transition-fast)}.form-checkbox:checked:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:var(--background);font-size:14px;font-weight:700;line-height:1;animation:checkmarkShow .3s ease-out .1s forwards;z-index:1}.dark .form-checkbox:checked:before{color:var(--background)}.form-checkbox:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--card-shadow)}.checkbox-label{font-size:.875rem;font-family:var(--font-family);color:var(--text);cursor:pointer;transition:color var(--transition-normal);line-height:1.4}.checkbox-container:hover .checkbox-label{color:var(--primary)}.form-checkbox:disabled{opacity:.5;cursor:not-allowed;border-color:var(--text-muted)}.form-checkbox:disabled+.checkbox-label{opacity:.5;cursor:not-allowed;color:var(--text-muted)}@keyframes checkboxPop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes checkmarkShow{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.error-message{background-color:var(--failure-bg);color:var(--failure);padding:.5rem;font-size:.75rem;border-radius:var(--border-radius);margin:1rem 0;border-left:4px solid var(--failure);font-family:var(--font-family)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-group:focus-within .form-label{color:var(--primary)}.form-loading{opacity:.7;pointer-events:none}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(var(--text-rgb, 0, 0, 0),.1);border-radius:50%;border-top-color:var(--text);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}a{color:var(--primary);text-decoration:none;transition:color var(--transition-normal);font-family:var(--font-family)}a:hover{color:var(--primary-hover)}.auth-link{color:var(--primary);font-size:.875rem;text-decoration:none;display:inline-flex;font-family:var(--font-family)}.auth-link:hover{color:var(--primary-hover);text-decoration:underline}.back-link{display:inline-flex;align-items:center;color:var(--text-muted);text-decoration:none;font-size:.875rem;transition:color var(--transition-normal);font-family:var(--font-family)}.back-link:hover{color:var(--primary)}.form-input[disabled].auto-filled{background-color:var(--pending-bg);border-color:var(--pending);color:var(--text);cursor:not-allowed;opacity:.8}:root[class~=dark] .form-input[disabled].auto-filled{background-color:var(--pending-bg);border-color:var(--pending)}.form-group:has(.auto-filled):after{content:"✓";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--success);font-weight:700;font-size:1rem;pointer-events:none}.form-input.auto-populated{background-color:var(--success-bg);border-color:var(--success)}.form-input.auto-populated:focus{background-color:var(--success-bg);border-color:var(--success)}:root[class~=dark] .form-input.auto-populated{background-color:var(--success-bg)}:root[class~=dark] .form-input.auto-populated:focus{background-color:var(--success-bg)}.form-info{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:.75rem;color:var(--text-muted);background-color:var(--pending-bg);border-radius:var(--border-radius);position:relative;padding-left:calc(var(--spacing-3) + 1rem);font-family:var(--font-family)}.form-info:before{content:"ℹ️";position:absolute;left:var(--spacing-2);top:50%;transform:translateY(-50%)}:root[class~=dark] .form-info{background-color:var(--pending-bg)}.container-form{display:flex;align-items:center;margin:4px 0 10px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-normal)}.container-form:hover{transform:translateY(-1px)}.toggle-form{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:48px;height:24px;border:2px solid var(--border);border-radius:24px;margin-right:var(--spacing-3);position:relative;cursor:pointer;transition:all var(--transition-normal);background-color:var(--text-muted);flex-shrink:0;outline:none;box-shadow:0 2px 6px #00000026,inset 0 1px 3px #0000001a}.toggle-form:hover{border-color:var(--primary);box-shadow:0 0 0 2px #0000001a}.dark .toggle-form:hover{box-shadow:0 0 0 2px #ffffff1a}.toggle-form:checked{background-color:var(--success);border-color:var(--success)}.toggle-form:before{content:"";position:absolute;top:1px;left:1px;width:18px;height:18px;background-color:var(--card);border-radius:50%;transition:all var(--transition-normal);box-shadow:0 2px 4px #0003}.toggle-form:checked:before{transform:translate(24px);background-color:var(--card)}.label-form{font-size:.875rem;font-family:var(--font-family);color:var(--text);cursor:pointer;transition:color var(--transition-normal);line-height:1.4}.container-form:hover .label-form{color:var(--primary)}.toggle-form:disabled{opacity:.5;cursor:not-allowed;border-color:var(--text-muted)}.toggle-form:disabled+.label-form{opacity:.5;cursor:not-allowed;color:var(--text-muted)}.toggle-form:disabled:before{background-color:var(--text-muted)}@keyframes toggleSlide{0%{transform:translate(0)}to{transform:translate(24px)}}.dark .toggle-form{box-shadow:0 2px 6px #0000004d,inset 0 1px 3px #0003}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-1);font-style:italic;opacity:.8;font-family:var(--font-family)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,100,100,.6))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.brand-logo{width:230px;height:230px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-6);position:relative;animation:float 6s ease-in-out infinite;box-shadow:0 10px 20px var(--text-muted)}.godspeed-logo{max-width:100%;max-height:100%;width:180px;height:auto;object-fit:contain;position:absolute;margin-bottom:40px}.dark .godspeed-logo{filter:brightness(1.2)}.logo-shape{width:50px;height:50px;background:linear-gradient(135deg,var(--gradient-dark),var(--gradient-light));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;position:relative;overflow:hidden;animation:morphing 10s ease-in-out infinite}:root:not(.dark) .logo-shape{background:linear-gradient(135deg,#333,#ddd);box-shadow:0 4px 12px #3333334d}.dark .logo-shape{background:linear-gradient(135deg,var(--gradient-dark),var(--gradient-light))}.logo-shape:after{content:"";position:absolute;top:10px;left:10px;width:15px;height:15px;background:#ffffffb3;border-radius:50%;filter:blur(2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes morphing{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.header-actions button.toggle-button,button.toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--background);cursor:pointer;box-shadow:0 2px 10px #0000001a;transition:all var(--transition-normal);position:relative;overflow:hidden}.toggle-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.toggle-button:focus{outline:none;box-shadow:0 0 0 2px var(--primary)}.toggle-icon-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.toggle-icon{transition:all .5s cubic-bezier(.16,1,.3,1)}.toggle-icon.sun,.toggle-icon.moon{color:var(--background);animation:rotate-in .5s cubic-bezier(.34,1.56,.64,1)}.theme-transition{transition:background-color .6s cubic-bezier(.16,1,.3,1),color .6s cubic-bezier(.16,1,.3,1)}@keyframes rotate-in{0%{transform:rotate(-180deg) scale(.5);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.header-wrapper{width:100%;position:relative}.common-header{background-color:var(--card);box-shadow:0 2px 3px #0000001a;padding:var(--spacing-2) var(--spacing-6);position:fixed;width:calc(100% - 68px);top:0;z-index:1000;font-family:var(--font-family);border-bottom:.1px solid #1b2024;height:60px}.common-header.hide-hamburger-menu{width:calc(100% + -0px)}.light .common-header{border-bottom:.1px solid #fafdff}.header-main{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-left{display:flex;align-items:center;gap:var(--spacing-4)}.logo-container{display:flex;align-items:center;gap:var(--spacing-4);cursor:pointer}.header-logo{height:40px;width:auto;object-fit:contain}.dark .header-logo{filter:brightness(1.2)}.header-main button{width:fit-content}.header-actions{display:flex;align-items:center;gap:var(--spacing-4)}.page-title-container{position:fixed;top:-7px;left:50%;transform:translate(-50%);padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);display:flex;justify-content:center;max-width:1400px;margin:0 auto;z-index:1000}.page-title{font-size:1.75rem;font-weight:600;color:var(--text);margin:0;font-family:var(--font-family);position:relative}.status-update-container{max-width:1200px;margin:var(--spacing-2) auto 0;display:flex;justify-content:center;align-items:center;gap:var(--spacing-3)}.status-update-message{font-size:.875rem;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius);background-color:var(--pending-bg);animation:fadeInOut 3s ease-in-out;font-family:var(--font-family)}.refresh-page-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--failure);color:#fff;border:none;border-radius:var(--border-radius);font-size:.875rem;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;animation:fadeInOut 3s ease-in-out}.refresh-page-btn:hover{background-color:var(--failure-hover, #dc2626);transform:translateY(-1px)}.refresh-page-btn:active{transform:translateY(0)}.status-update-message.success{background-color:var(--success-bg);color:var(--success)}.status-update-message.pending{background-color:var(--pending-bg);color:var(--pending)}.status-update-message.error,.status-update-message.failure{background-color:var(--failure-bg);color:var(--failure)}@media (max-width: 768px){.header-main{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.page-title-container{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2)}.page-title{font-size:1.5rem}}.portal-switcher{position:relative;display:flex;align-items:center}.portal-switcher-trigger{display:flex;align-items:center;padding:var(--spacing-1);background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);color:var(--text);box-shadow:var(--card-shadow);position:relative;overflow:hidden}.portal-switcher-trigger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-normal)}.portal-switcher-trigger:hover:before{left:100%}.portal-switcher-trigger:hover{border-color:var(--primary);box-shadow:0 8px 25px #00000026;transform:translateY(-1px)}.dark .portal-switcher-trigger:hover{box-shadow:0 8px 25px #ffffff1a}.portal-switcher-trigger:focus{outline:2px solid var(--primary);outline-offset:2px}.trigger-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-3)}.current-portal{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.portal-logo{width:32px;height:32px;padding:4px;background-color:#fff;object-fit:contain;border-radius:var(--spacing-1);box-shadow:0 2px 8px #0000001a;transition:transform var(--transition-fast)}.portal-switcher-trigger:hover .portal-logo{transform:scale(1.05)}.portal-info{display:flex;flex-direction:column;align-items:flex-start}.portal-label{font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;line-height:1}.portal-name{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--text);line-height:1.2;margin-top:1px}.switcher-actions{display:flex;align-items:center;gap:var(--spacing-2)}.refresh-icon{color:var(--text-muted);transition:all var(--transition-fast)}.portal-switcher-trigger:hover .refresh-icon{color:var(--primary);transform:rotate(180deg)}.chevron{transition:all var(--transition-fast);color:var(--text-muted)}.chevron.rotated{transform:rotate(180deg);color:var(--primary)}.portal-switcher-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;width:220px;background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);z-index:1001;overflow:hidden;animation:portalDropdownSlideIn var(--transition-normal) ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark .portal-switcher-dropdown{box-shadow:0 20px 40px #0006;border-color:#ffffff1a}.dropdown-header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--border);background:#00000005}.dark .dropdown-header{background:#ffffff05}.dropdown-header span{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.portal-options{padding:var(--spacing-2)}button.portal-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-radius:calc(var(--border-radius) - 2px);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);color:var(--text);text-align:left;margin-bottom:var(--spacing-1);position:relative;overflow:hidden}.portal-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent);transition:left var(--transition-normal)}.dark .portal-option:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.portal-option:hover:before{left:100%}.portal-option:hover{background:#0000000a;transform:translate(var(--spacing-1));box-shadow:0 4px 12px #00000014}.dark .portal-option:hover{background:#ffffff0a;box-shadow:0 4px 12px #ffffff14}.portal-option:last-child{margin-bottom:0}.option-content{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.option-info{display:flex;flex-direction:column;align-items:flex-start}.option-name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);line-height:1.2}.option-desc{font-size:var(--font-size-small);color:var(--text-muted);line-height:1.2;margin-top:1px}.option-action{color:var(--text-muted);transition:all var(--transition-fast);opacity:0;transform:translate(-var(--spacing-2))}.portal-option:hover .option-action{opacity:1;transform:translate(0);color:var(--primary)}@keyframes portalDropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.dashboard-container{min-height:100vh;color:var(--text);margin-left:68px;margin-top:60px}.dashboard-main{max-width:1200px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6)}.dashboard-title{font-size:1.7rem;font-weight:700;margin-bottom:var(--spacing-2)}.dashboard-subtitle{color:var(--text-muted);margin-bottom:var(--spacing-8)}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-6);align-items:start}.dashboard-left-side{display:flex;flex-direction:column;gap:var(--spacing-4)}.dashboard-grid button{text-align:left;justify-content:flex-start}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-6);padding:var(--spacing-6) var(--spacing-8);background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);margin-bottom:var(--spacing-6);position:relative;overflow:hidden}.dashboard-heading:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--border) 0%,var(--text-muted) 50%,var(--border) 100%);background-size:200% 100%}.dashboard-heading:has(.role-icon.jobseeker):before{background:linear-gradient(90deg,#10b981,#059669,#047857,#059669,#10b981);background-size:200% 100%}.dashboard-heading:has(.role-icon.recruiter):before{background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8,#2563eb,#3b82f6);background-size:200% 100%}.dashboard-heading:has(.role-icon.admin):before{background:linear-gradient(90deg,#f59e0b,#d97706,#b45309,#d97706,#f59e0b);background-size:200% 100%}.dashboard-heading .dashboard-title{margin-bottom:0;background:linear-gradient(135deg,var(--text) 0%,var(--text-muted) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.user-role-badge{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg,var(--card) 0%,var(--input-bg) 100%);border:1px solid var(--border);border-radius:24px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text);box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.user-role-badge .role-icon{width:16px;height:16px;transition:all var(--transition-fast)}.user-role-badge .role-icon.jobseeker{color:#10b981}.user-role-badge .role-icon.recruiter{color:#3b82f6}.user-role-badge .role-icon.admin{color:#f59e0b}.user-role-badge span{position:relative;z-index:1;font-weight:var(--font-weight-semibold);letter-spacing:.025em}.user-role-badge:has(.role-icon.jobseeker){background:linear-gradient(135deg,#ecfdf5,#d1fae5,#a7f3d0);border:1px solid #10B981;color:#065f46;box-shadow:0 4px 14px #10b98133}.user-role-badge:has(.role-icon.recruiter){background:linear-gradient(135deg,#eff6ff,#dbeafe,#bfdbfe);border:1px solid #3B82F6;color:#1e40af;box-shadow:0 4px 14px #3b82f633}.user-role-badge:has(.role-icon.admin){background:linear-gradient(135deg,#fffbeb,#fef3c7,#fde68a);border:1px solid #F59E0B;color:#92400e;box-shadow:0 4px 14px #f59e0b33}.dark .user-role-badge:has(.role-icon.jobseeker){background:linear-gradient(135deg,#065f46,#047857,#059669);box-shadow:0 6px 20px #10b98166;color:#a7f3d0}.dark .user-role-badge:has(.role-icon.recruiter){background:linear-gradient(135deg,#1e40af,#1d4ed8,#2563eb);box-shadow:0 6px 20px #3b82f666;color:#bfdbfe}.dark .user-role-badge:has(.role-icon.admin){background:linear-gradient(135deg,#92400e,#b45309,#d97706);box-shadow:0 6px 20px #f59e0b66;color:#fde68a}.metrics-grid-container,.client-metrics-container,.position-metrics-container,.dashboard-grid.ai-insights{padding:var(--spacing-4);background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.metrics-grid-container,.client-metrics-container,.position-metrics-container{background:radial-gradient(circle at 15% 45%,rgba(120,120,180,.06) 20%,transparent 45%),radial-gradient(circle at 85% 55%,rgba(180,120,180,.06) 20%,transparent 45%),linear-gradient(135deg,#00000005 50%,#00000003),var(--card)}.metrics-grid{display:grid;gap:var(--spacing-4);height:fit-content;transition:all .4s cubic-bezier(.4,0,.2,1)}.metrics-grid.compact{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.metrics-grid.compact.position-metrics{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto}.metrics-grid .expanded-card{grid-column:1 / -1;z-index:10;position:relative}.metric-card-container{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.metric-card-container.expanded-grid-item{grid-column:1 / -1;z-index:10}.metrics-grid .metric-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.metrics-grid .metric-transition-0{transition-delay:0ms}.metrics-grid .metric-transition-1{transition-delay:50ms}.metrics-grid .metric-transition-2{transition-delay:.1s}.metrics-grid .metric-transition-3{transition-delay:.15s}.data-view-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.data-view-label{font-size:1.2rem;font-weight:600;color:var(--text);margin:0}.data-view-description{margin:0;font-size:var(--font-size-tiny);color:var(--text-muted)}.data-view-controls{display:flex;align-items:center;gap:var(--spacing-2)}.toggle-label{font-size:var(--font-size-small);color:var(--text-muted);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;cursor:pointer}.metrics-error{grid-column:1 / -1;padding:var(--spacing-4);background-color:var(--failure-bg);border:1px solid var(--failure);border-radius:var(--border-radius);color:var(--failure);text-align:center}.metrics-error-button{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--failure);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease}.metrics-error-button:hover{background-color:var(--failure-dark, #d32f2f)}.position-metrics-container{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.position-metrics-grid{display:grid;gap:var(--spacing-4);margin-top:var(--spacing-4)}.dashboard-grid.ai-insights{margin:var(--spacing-5) 0 var(--spacing-6) 0;background:radial-gradient(circle at 20% 50%,rgba(0,100,255,.12) 25%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,0,150,.12) 25%,transparent 50%),linear-gradient(135deg,#0000000d 50%,#00000008)}.ai-insights-header{margin-bottom:var(--spacing-4);padding:var(--spacing-3) 0}.ai-insights-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-1);color:var(--text);display:flex;align-items:center;gap:var(--spacing-2)}.ai-insights-title:before{content:"🤖";font-size:1.1rem}.ai-insights-description{font-size:var(--font-size-small);color:var(--text-muted);margin:0;line-height:1.4}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.dashboard-left-side{gap:var(--spacing-4)}.metrics-grid.compact{grid-template-columns:1fr;grid-template-rows:auto}.metrics-grid .expanded-card,.metric-card-container.expanded-grid-item{grid-column:1}.data-view-toggle{flex-direction:column;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3)}.data-view-info{width:100%}.data-view-controls{align-self:flex-end}.dashboard-heading{flex-direction:column;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5)}.dashboard-heading .dashboard-title{font-size:1.5rem}.user-role-badge{align-self:flex-end;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-tiny)}.user-role-badge .role-icon{width:14px;height:14px}.position-metrics-grid,.ai-insights-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.ai-insights-title{font-size:1.1rem}}@media (min-width: 768px) and (max-width: 1024px){.dashboard-grid{grid-template-columns:1.5fr 1fr}.position-metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.ai-insights-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-3)}}@media (max-width: 480px){.dashboard-heading{padding:var(--spacing-3) var(--spacing-4)}.dashboard-heading .dashboard-title{font-size:1.25rem}.position-metrics-grid,.ai-insights-grid{grid-template-columns:1fr;gap:var(--spacing-2)}.ai-insights-title{font-size:1rem}}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:0}.data-item{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border)}.data-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.data-label{color:var(--text-muted);font-size:.875rem;margin-bottom:var(--spacing-1)}.data-value{font-weight:500}.action-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.main-content{flex:1}.ai-summary-loading,.ai-summary-error,.ai-summary-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-3)}.ai-summary-loading .loading-spinner{width:24px;height:24px;margin-bottom:var(--spacing-2)}.ai-summary-error .error-text{color:var(--failure);margin-bottom:var(--spacing-3)}.ai-summary-error .retry-button{padding:var(--spacing-2) var(--spacing-4);background-color:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:background-color .2s ease}.ai-summary-error .retry-button:hover{background-color:var(--primary-dark, #2563eb)}.ai-summary-container{margin-top:85px}.ai-summary-stats{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-2)}.ai-stat-item{display:flex;align-items:center;gap:var(--spacing-3);flex:1;padding:var(--spacing-3);background:#fff9;border:1px solid var(--border);border-radius:var(--border-radius);transition:all .2s ease}.dark .ai-stat-item{background:#0009}.ai-stat-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.ai-stat-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:8px;flex-shrink:0}.ai-stat-icon.documents{background-color:#8b5cf620;color:#8b5cf6}.ai-stat-icon.positions{background-color:#06b6d420;color:#06b6d4}.ai-stat-details{flex:1;min-width:0}.ai-stat-value{font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 var(--spacing-1) 0;line-height:1.2}.ai-stat-description{font-size:var(--font-size-small);color:var(--text);margin:var(--spacing-1) 0;line-height:1.4;opacity:.9}.ai-stat-icon-skeleton{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:8px;flex-shrink:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@media (max-width: 768px){.ai-summary-stats{flex-direction:column;gap:var(--spacing-3)}.ai-stat-item{gap:var(--spacing-2);padding:var(--spacing-2)}.ai-stat-icon{width:32px;height:32px}.ai-stat-value{font-size:1.1rem}}.card.profile-completion-card{max-width:500px;width:100%}.profile-completion-card .card-header{padding:0 var(--spacing-2) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--border);width:100%;margin:0}.card-header-content{display:flex;justify-content:space-between;width:100%}.card-title-section{display:flex;align-items:center;gap:var(--spacing-3)}.card-title-section .icon{color:#4caf50;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.profile-completion-card .card-title{font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text);margin:0}.profile-completion-content{padding:var(--spacing-4) 0}.overall-progress{margin-bottom:var(--spacing-8)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.progress-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text)}.progress-percentage{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--text);background:linear-gradient(135deg,#9c27b0,#f44336);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar{width:100%;height:12px;background:var(--border);border-radius:6px;overflow:hidden;margin-bottom:var(--spacing-3);position:relative}.progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.progress-fill{height:100%;background:linear-gradient(90deg,#9c27b0,#f44336);border-radius:6px;transition:width var(--transition-slow);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 3s infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{color:var(--text-muted);font-size:var(--font-size-small);margin:0;text-align:center}.verification-status-simple{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:15px;animation:slideInRight .6s ease-out .4s both;width:fit-content}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.status-verified{background:#e8f5e9;border:1px solid #4CAF50}.status-icon.verified{color:#4caf50;width:12px;height:12px}.status-text-simple{font-size:12px;font-weight:var(--font-weight-medium);color:#4caf50}.sections-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--spacing-5)}.sections-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.section-item{padding:0;background:transparent;border:none;border-radius:0;transition:all var(--transition-normal);position:relative;overflow:visible}.section-item:hover{transform:translate(4px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.section-info{display:flex;align-items:center;gap:var(--spacing-3)}.section-item:nth-child(1) .section-info svg{color:#2196f3}.section-item:nth-child(2) .section-info svg{color:#ff9800}.section-item:nth-child(3) .section-info svg{color:#9c27b0}.section-item:nth-child(4) .section-info svg{color:#f44336}.section-name{font-weight:var(--font-weight-medium);color:var(--text);font-size:var(--font-size-small)}.section-stats{display:flex;align-items:center;gap:var(--spacing-3)}.section-completion{font-size:var(--font-size-small);color:var(--text-muted);font-weight:var(--font-weight-medium)}.section-percentage{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--text);min-width:35px;text-align:right}.section-progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden;position:relative}.section-progress-fill{height:100%;border-radius:3px;transition:width var(--transition-slow);position:relative;overflow:hidden;filter:brightness(.9)}.section-item:nth-child(1) .section-progress-fill{background:linear-gradient(90deg,#2196f3,#42a5f5,#64b5f6)}.section-item:nth-child(2) .section-progress-fill{background:linear-gradient(90deg,#ff9800,#ffb74d,#ffcc02)}.section-item:nth-child(3) .section-progress-fill{background:linear-gradient(90deg,#9c27b0,#ba68c8,#ce93d8)}.section-item:nth-child(4) .section-progress-fill{background:linear-gradient(90deg,#f44336,#ef5350,#e57373)}.section-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:sectionShine 2.5s infinite}@keyframes sectionShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.card-header{padding:var(--spacing-2)}.profile-completion-content{padding:var(--spacing-4)}.card-header-content{flex-direction:column;gap:var(--spacing-3);align-items:flex-start}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.section-stats{align-self:flex-end}}@media (max-width: 480px){.card-title{font-size:var(--font-size-body)}.sections-list{gap:var(--spacing-3)}}.dark .verification-status-simple.status-verified{background:#4caf501a;border-color:#4caf50}.dark .progress-bar,.dark .section-progress-bar{background:#ffffff1a}.skeleton-icon{width:16px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:50%}.skeleton-progress-fill{height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:inherit;width:60%}.dark .skeleton-text,.dark .skeleton-icon,.dark .skeleton-progress-fill{background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%}.metric-card{background:#fff9;border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;position:relative;transition:all var(--transition-normal)}.dark .metric-card{background:#0009}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.metric-card.clickable{cursor:pointer}.metric-card.size-sm{padding:var(--spacing-4)}.metric-card.size-md{padding:var(--spacing-6)}.metric-card.size-lg{padding:var(--spacing-8)}.metric-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-4)}.metric-card-info{display:flex;align-items:center;gap:var(--spacing-3)}.metric-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius);font-size:var(--font-size-body);animation:iconPulse 2s infinite}@keyframes iconPulse{0%,to{opacity:1}50%{opacity:.8}}.metric-card-title-section{flex:1}.metric-card-title{font-weight:var(--font-weight-semibold);color:var(--text);margin:0;margin-bottom:var(--spacing-1)}.metric-card-title.size-sm{font-size:var(--font-size-small)}.metric-card-title.size-md{font-size:var(--font-size-body)}.metric-card-title.size-lg{font-size:var(--font-size-subheader)}.metric-card-description{color:var(--text-muted);margin:0}.metric-card-description.size-sm{font-size:var(--font-size-tiny)}.metric-card-description.size-md{font-size:var(--font-size-small)}.metric-card-description.size-lg{font-size:var(--font-size-body)}.metric-card-controls{display:flex;align-items:center;gap:var(--spacing-2)}.time-range-selector{display:flex;align-items:center;gap:var(--spacing-1);background:var(--border);border-radius:var(--border-radius);padding:var(--spacing-1);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.time-range-button{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-tiny);border:none;border-radius:calc(var(--border-radius) - 2px);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);font-weight:var(--font-weight-medium)}.time-range-button.active{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0000001a}.time-range-button:hover:not(.active){background:var(--input-bg);color:var(--text)}.chart-toggle-button{padding:var(--spacing-2);border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.chart-toggle-button.active,.chart-toggle-button:hover{color:var(--text);background:var(--border)}.metric-card-content.horizontal{display:flex;justify-content:space-between}.metric-card-content.horizontal .metric-card-value-section{flex:1}.metric-card-value-section{margin-bottom:var(--spacing-3)}.metric-card-value-section.horizontal{margin-bottom:0}.metric-card-value-container{margin-bottom:var(--spacing-3)}.metric-card-value{font-weight:var(--font-weight-bold);color:var(--text);margin:0;line-height:1.2}.metric-card-value.size-sm{font-size:24px}.metric-card-value.size-md{font-size:32px}.metric-card-value.size-lg{font-size:40px}.metric-card-targets{display:flex;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-1)}.metric-card-target,.metric-card-benchmark{display:flex;align-items:center;gap:var(--spacing-1);color:var(--text-muted)}.metric-card-target svg,.metric-card-benchmark svg{width:12px;height:12px}.metric-card-target span,.metric-card-benchmark span{font-size:var(--font-size-tiny)}.metric-card-target.size-md span,.metric-card-benchmark.size-md span{font-size:var(--font-size-small)}.metric-card-target.size-lg span,.metric-card-benchmark.size-lg span{font-size:var(--font-size-body)}.metric-card-growth-section{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.metric-card-growth-badge{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:15px;font-weight:var(--font-weight-medium);animation:growthPulse 2s infinite}@keyframes growthPulse{0%,to{opacity:1}50%{opacity:.85}}.metric-card-growth-badge.positive{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.metric-card-growth-badge.negative{background:var(--failure-bg);color:var(--failure);border:1px solid var(--failure)}.metric-card-growth-badge.neutral{background:var(--pending-bg);color:var(--pending);border:1px solid var(--pending)}.metric-card-growth-badge svg{width:14px;height:14px}.metric-card-growth-text{font-size:var(--font-size-tiny)}.metric-card-growth-text.size-md{font-size:var(--font-size-small)}.metric-card-growth-text.size-lg{font-size:var(--font-size-body)}.metric-card-period-comparison{color:var(--text-muted)}.metric-card-period-comparison.size-sm{font-size:var(--font-size-tiny)}.metric-card-period-comparison.size-md{font-size:var(--font-size-small)}.metric-card-period-comparison.size-lg{font-size:var(--font-size-body)}.metric-card-previous{color:var(--text-muted);margin-top:var(--spacing-2);font-size:var(--font-size-tiny)}.metric-card-previous.size-md{font-size:var(--font-size-small)}.metric-card-previous.size-lg{font-size:var(--font-size-body)}.metric-card-previous.invisible{visibility:hidden}.metric-card-chart-container{margin-top:var(--spacing-4);animation:chartSlideIn .3s ease-out}.metric-card-chart-container.horizontal{flex:1;margin-left:var(--spacing-6);margin-top:0}@keyframes chartSlideIn{0%{opacity:0;height:0;transform:translateY(-10px)}to{opacity:1;height:auto;transform:translateY(0)}}.metric-card-chart-wrapper{background:var(--border);border-radius:var(--border-radius);padding:var(--spacing-2) 0;position:relative;overflow:hidden;color:var(--text);display:flex;justify-content:center;align-items:center}.metric-card.loading{pointer-events:none}.metric-card-error{background:var(--card);border:1px solid var(--failure);border-radius:var(--border-radius);box-shadow:var(--card-shadow);position:relative;overflow:hidden}.metric-card-error.size-sm{padding:var(--spacing-4)}.metric-card-error.size-md{padding:var(--spacing-6)}.metric-card-error.size-lg{padding:var(--spacing-8)}.metric-card-error .metric-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-4)}.metric-card-error .metric-card-info{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.metric-card-error .metric-card-title-section{flex:1}.metric-card-error .metric-card-controls{display:flex;align-items:center;gap:var(--spacing-2)}.error-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius);background:var(--failure-bg);color:var(--failure);border:1px solid var(--failure)}.retry-button{padding:var(--spacing-2);border:1px solid var(--failure);background:var(--failure-bg);color:var(--failure);cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.retry-button:hover{background:var(--failure);color:var(--card)}.metric-card-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;padding:var(--spacing-4);background:var(--failure-bg);border-radius:var(--border-radius);border:1px solid var(--failure)}.metric-card-error-message{text-align:center}.metric-card-error-text{color:var(--failure);margin:0;font-weight:var(--font-weight-medium)}.metric-card-error-text.size-sm{font-size:var(--font-size-small)}.metric-card-error-text.size-md{font-size:var(--font-size-body)}.metric-card-error-text.size-lg{font-size:var(--font-size-subheader)}.metric-card-skeleton{background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);position:relative;overflow:hidden}.metric-card-skeleton.size-sm{padding:var(--spacing-4)}.metric-card-skeleton.size-md{padding:var(--spacing-6)}.metric-card-skeleton.size-lg{padding:var(--spacing-8)}.metric-card-skeleton .metric-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-4)}.metric-card-skeleton .metric-card-info{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.metric-card-skeleton .metric-card-title-section{flex:1}.metric-card-skeleton .metric-card-controls{display:flex;align-items:center;gap:var(--spacing-2)}.metric-card-skeleton .metric-card-value-section{margin-bottom:var(--spacing-3)}.metric-card-skeleton .metric-card-growth-section{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.metric-card-skeleton .metric-card-value-container{margin-bottom:var(--spacing-3)}.skeleton-text{background:linear-gradient(90deg,var(--border) 25%,var(--input-bg) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-icon{background:linear-gradient(90deg,var(--border) 25%,var(--input-bg) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--border-radius)}.metric-card-icon-skeleton{width:40px;height:40px}.skeleton-title{height:16px;width:70%;margin-bottom:var(--spacing-1)}.skeleton-description{height:12px;width:50%}.skeleton-chart-toggle{width:32px;height:32px}.skeleton-growth-badge{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:var(--border);border-radius:15px;animation:skeleton-loading 1.5s infinite}.skeleton-growth-icon{width:14px;height:14px}.skeleton-growth-text{height:12px;width:40px}.skeleton-period-comparison{height:12px;width:60px}.skeleton-value{height:32px;width:80px}.metric-card-skeleton.size-sm .skeleton-title{height:14px}.metric-card-skeleton.size-sm .skeleton-value{height:24px}.metric-card-skeleton.size-sm .skeleton-growth-text{width:35px}.metric-card-skeleton.size-lg .skeleton-title{height:18px;width:75%}.metric-card-skeleton.size-lg .skeleton-value{height:40px;width:100px}.metric-card-skeleton.size-lg .skeleton-growth-text{width:50px}.dark .skeleton-text,.dark .skeleton-icon{background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%}.dark .skeleton-growth-badge{background:#333}@media (max-width: 768px){.metric-card-header{flex-direction:column;gap:var(--spacing-3);align-items:flex-start}.metric-card-controls{align-self:flex-end}.metric-card-content.horizontal{flex-direction:column}.metric-card-chart-container.horizontal{margin-left:0;margin-top:var(--spacing-4)}.metric-card-targets,.metric-card-growth-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}}@media (max-width: 480px){.metric-card-value.size-sm{font-size:20px}.metric-card-value.size-md{font-size:28px}.metric-card-value.size-lg{font-size:32px}.time-range-selector{flex-wrap:wrap}}.recent-activities-card,.activities-content{background:radial-gradient(circle at 15% 45%,rgba(120,120,180,.06) 20%,transparent 45%),radial-gradient(circle at 85% 55%,rgba(180,120,180,.06) 20%,transparent 45%),linear-gradient(135deg,#00000005 50%,#00000003),var(--card);padding:var(--spacing-4);background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden}.recent-activities-card{min-height:470px}.recent-activities-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.activities-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px}.activities-title{font-size:18px;font-weight:600;color:var(--text);margin:0}.connection-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:12px;transition:all .3s ease}.connection-status.connected{color:#059669;background-color:#d1fae5}.connection-status.disconnected{color:#d97706;background-color:#fef3c7}.connection-status.error{color:#dc2626;background-color:#fee2e2}.status-indicator{width:6px;height:6px;border-radius:50%;background-color:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.activities-content{height:372px;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.activities-content::-webkit-scrollbar{width:8px}.activities-content::-webkit-scrollbar-track{background:transparent;margin:var(--spacing-2) 0}.activities-content::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:20px}.activities-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.activities-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-icon{color:#9ca3af;margin-bottom:12px}.activities-empty p{font-size:16px;font-weight:500;color:#6b7280;margin:0 0 4px}.activities-empty span{font-size:14px;color:#9ca3af}.activities-list{padding:8px 0}.load-more-container{display:flex;justify-content:center;padding:16px 0 8px;border-top:1px solid var(--border);margin-top:8px}.load-more-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;min-height:32px}.load-more-button:hover:not(:disabled){background-color:var(--muted);border-color:var(--border);color:var(--text);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.load-more-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #0000001a}.load-more-button:disabled{cursor:not-allowed;opacity:.7}.load-more-button.loading{color:var(--text-muted)}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;margin:0 10px;border-left:3px solid transparent;transition:all .3s ease;position:relative;border-bottom:1px solid var(--border)}.activity-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background-color:#f3f4f625;color:#6b7280;flex-shrink:0;transition:all .3s ease}.activity-content{flex:1;min-width:0}.activity-main{display:flex;flex-direction:column;gap:4px}.activity-message{font-size:12px;font-weight:500;color:var(--text-muted);margin:0;line-height:1.4}.entity-actor{font-weight:600;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0;border-radius:3px;font-size:11px;display:inline-block}.entity-primary{font-weight:600;background:linear-gradient(135deg,#059669,#047857);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0;border-radius:3px;font-size:11px;display:inline-block}.entity-secondary{font-weight:600;background:linear-gradient(135deg,#d97706,#b45309);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0;border-radius:3px;font-size:11px;display:inline-block}.entity-tertiary{font-weight:600;background:linear-gradient(135deg,#be185d,#9d174d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0;border-radius:3px;font-size:11px;display:inline-block}.dark .entity-actor{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark .entity-primary{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark .entity-secondary{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark .entity-tertiary{background:linear-gradient(135deg,#f472b6,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.activity-meta{display:flex;align-items:center;gap:8px}.activity-time{font-size:12px;color:#9ca3af;font-weight:400}.activity-status{display:flex;align-items:center}.status-success{color:#059669}.status-error{color:#dc2626}.status-pending{color:#d97706}.status-info{color:#3b82f6}.activity-category{position:absolute;bottom:8px;right:0;z-index:2}.category-badge{display:inline-block;font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:2px 4px;border-radius:3px;background-color:#f3f4f6;color:#6b7280;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.category-user-management{background-color:#d1fae5;color:#047857}.dark .category-user-management{background-color:#047857;color:#d1fae5}.category-candidate-management{background-color:#dbeafe;color:#1d4ed8}.dark .category-candidate-management{background-color:#1d4ed8;color:#dbeafe}.category-position-management{background-color:#fef3c7;color:#d97706}.dark .category-position-management{background-color:#d97706;color:#fef3c7}.category-client-management{background-color:#ffe0e0;color:#b62121}.dark .category-client-management{background-color:#b62121;color:#ffe0e0}.category-consent-management{background-color:#e0e0ff;color:#6e21b6}.dark .category-consent-management{background-color:#6e21b6;color:#ffe0e0}.category-document-processing{background-color:#d1fae5;color:#059669}.activities-footer{padding-top:4px}.activities-count{font-size:12px;color:var(--text-muted);font-weight:400}.all-loaded{color:#9ca3af;font-size:11px}.activities-error{padding:24px;text-align:center}.activities-error p{color:#dc2626;font-size:14px;margin:0 0 16px}.retry-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}@keyframes slideInFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark .ai-stat-icon-skeleton{background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%}.activity-skeleton{pointer-events:none;border-left-color:transparent!important}.activity-icon-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;color:transparent}.activity-icon-skeleton .skeleton-icon{width:16px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:3px}.activity-message-skeleton{display:flex;flex-direction:column;gap:var(--spacing-1)}.activity-meta-skeleton{display:flex;align-items:center;gap:var(--spacing-2)}.skeleton-icon-small{width:12px;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:50%}.category-badge-skeleton{border-radius:3px}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.dark .activity-icon-skeleton,.dark .activity-icon-skeleton .skeleton-icon,.dark .skeleton-icon-small,.dark .skeleton-text{background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%}.connection-status.connecting{color:#6b7280;background-color:#f3f4f6}.dark .connection-status.connecting{color:#9ca3af;background-color:#374151}@media (max-width: 768px){.activities-header{padding:16px}.activities-title{font-size:16px}.activity-item{padding:12px;gap:10px}.activity-icon{width:28px;height:28px}.activity-message{font-size:13px}.activity-category{top:6px;right:6px}.category-badge{font-size:8px;padding:1px 3px}}@media (max-width: 480px){.connection-status span{display:none}.activities-content{max-height:300px}}.expiry-status-overview{background:radial-gradient(circle at 15% 45%,rgba(120,120,180,.06) 20%,transparent 45%),radial-gradient(circle at 85% 55%,rgba(180,120,180,.06) 20%,transparent 45%),linear-gradient(135deg,#00000005 50%,#00000003),var(--card);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-4);margin-top:var(--spacing-6);box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.expiry-status-overview:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000001a}.expiry-overview-header{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border)}.expiry-overview-title{font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text);margin:0}.expiry-overview-description{font-size:var(--font-size-small);color:var(--text-muted);margin:0;line-height:1.4}.expiry-overview-stats{display:flex;gap:var(--spacing-3);align-items:center}.overview-stat{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--input-bg);border-radius:var(--border-radius);border:1px solid var(--border)}.overview-stat.critical{background:var(--failure-bg);border-color:var(--failure)}.overview-stat.warning{background:var(--pending-bg);border-color:var(--pending)}.stat-value{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text)}.overview-stat.critical .stat-value{color:var(--failure)}.overview-stat.warning .stat-value{color:var(--pending)}.stat-label{font-size:var(--font-size-tiny);color:var(--text-muted)}.expiry-documents-grid{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.document-type-overview{background:#fff9;border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--spacing-3);transition:all var(--transition-fast);cursor:pointer}.document-type-overview:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.dark .document-type-overview{background:#0009}.document-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--border)}.document-type-title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text);margin:0}.document-type-total{font-size:var(--font-size-tiny);color:var(--text-muted);font-weight:var(--font-weight-normal)}.expiry-status-grid{display:flex;gap:var(--spacing-2);overflow-x:auto}.expiry-status-card{background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-2);transition:all var(--transition-fast);position:relative;flex:1;min-width:120px}.expiry-status-card.clickable{cursor:pointer}.expiry-status-card.clickable:hover{border-color:var(--primary);transform:translateY(-1px)}.expiry-status-card.loading{pointer-events:none;opacity:.6}.expiry-status-card.expired{border-left:3px solid var(--failure)}.expiry-status-card.critical{border-left:3px solid #ea580c}.expiry-status-card.warning{border-left:3px solid #d97706}.expiry-status-card.caution{border-left:3px solid #ca8a04}.expiry-status-card.valid{border-left:3px solid var(--success)}.expiry-status-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.expiry-status-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--border-radius);flex-shrink:0}.expiry-status-icon.expired{background:var(--failure-bg);color:var(--failure)}.expiry-status-icon.critical{background:#ea580c1a;color:#ea580c}.expiry-status-icon.warning{background:#d977061a;color:#d97706}.expiry-status-icon.caution{background:#ca8a041a;color:#ca8a04}.expiry-status-icon.valid{background:var(--success-bg);color:var(--success)}.expiry-status-content{display:flex;flex-direction:column}.expiry-status-title{font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);color:var(--text);margin:0 0 var(--spacing-1) 0;line-height:1.2}.expiry-status-count{font-size:20px;font-weight:var(--font-weight-medium);color:var(--text)}.expiry-status-action{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);transition:color var(--transition-fast);opacity:.7}.expiry-status-card.clickable:hover .expiry-status-action{color:var(--primary);opacity:1}.expiry-overview-footer{display:flex;justify-content:center;padding-top:var(--spacing-2);border-top:1px solid var(--border);margin-top:var(--spacing-2)}.last-updated{font-size:var(--font-size-tiny);color:var(--text-muted);margin:0;font-style:italic}.expiry-status-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);text-align:center;background:var(--failure-bg);border:1px solid var(--failure);border-radius:var(--border-radius)}.error-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.error-content svg{color:var(--failure)}.error-text h4{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text);margin:0}.error-text p{font-size:var(--font-size-small);color:var(--text-muted);margin:var(--spacing-1) 0 0 0}.retry-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--primary);color:var(--card);border:none;border-radius:var(--border-radius);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.retry-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}@media (max-width: 768px){.expiry-documents-grid{gap:var(--spacing-2)}}@media (max-width: 480px){.expiry-status-overview{padding:var(--spacing-3)}.expiry-overview-title{font-size:var(--font-size-body)}.document-type-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.expiry-status-icon{width:28px;height:28px}.expiry-status-grid{flex-wrap:wrap}.expiry-status-card{min-width:100px}}.bulk-timesheet-page-container{position:relative}.bulk-timesheet-loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bulk-timesheet-loader-content{background:var(--card);padding:3rem;border-radius:12px;box-shadow:var(--card-shadow);text-align:center;max-width:500px;width:90%;border:1px solid var(--border)}.bulk-timesheet-spinner{width:48px;height:48px;border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;animation:bulk-timesheet-spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes bulk-timesheet-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bulk-timesheet-loader-title{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text)}.bulk-timesheet-loader-message{margin:0 0 2rem;font-size:1rem;color:var(--text);font-weight:500}.bulk-timesheet-loader-details{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:1.5rem}.bulk-timesheet-loader-details p{margin:.5rem 0;font-size:.875rem;color:var(--text-muted);line-height:1.4}.bulk-timesheet-current-invoice{color:var(--primary)!important;font-weight:600!important;font-size:1rem!important;background:var(--primary-foreground);padding:.5rem 1rem;border-radius:6px;border:1px solid var(--primary)}.bulk-timesheet-page-container .timesheet-assignment-card{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);padding:1rem;margin:0 0 1rem}.bulk-timesheet-page-container .timesheet-hours-adjustments-container{border:none;box-shadow:none;padding:2px}.bulk-timesheet-page-container .timesheet-hours-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.bulk-timesheet-page-container .timesheet-hours-header .timesheet-hours-title{margin:0;font-size:1rem;font-weight:600;color:var(--text);border-bottom:none;width:650px}.bulk-timesheet-page-container .timesheet-hours-title.timesheet-pay-adjustments-title{padding-bottom:20px}.bulk-timesheet-page-container .timesheet-hours-header .button.danger{background:var(--danger);color:var(--background);border:1px solid var(--border);padding:.5rem;width:60px;height:32px;display:flex;align-items:center;justify-content:center}.bulk-timesheet-page-container .timesheet-email-control{padding-top:1rem;padding-bottom:1rem;border-top:1px solid var(--border)}.bulk-timesheet-page-container .timesheet-email-control .timesheet-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text);cursor:pointer}.bulk-timesheet-page-container .timesheet-email-control .timesheet-checkbox{margin:0;width:16px;height:16px;accent-color:var(--primary)}.bulk-timesheet-page-container .timesheet-email-control .timesheet-checkbox-text{font-weight:500}.bulk-timesheet-list .invoice-number-cell{max-width:60px;font-size:var(--font-size-small)}.bulk-timesheet-list .jobseekers-cell{max-width:400px;line-height:1.3}.bulk-timesheet-list .date-cell,.bulk-timesheet-list .total-pay-cell{text-align:center}.bulk-timesheet-list .send-email-cell{min-width:110px}.bulk-timesheet-list .actions-cell{max-width:70px}.bulk-timesheet-list .jobseeker-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:.5rem;width:100%}.bulk-timesheet-list .jobseeker-info{display:flex;flex-direction:column;min-width:180px;max-width:220px;width:200px;text-align:left;justify-content:flex-start;flex-shrink:0}.bulk-timesheet-list .jobseeker-name{font-weight:600;font-size:1em;color:var(--text);line-height:1.1}.bulk-timesheet-list .jobseeker-email{color:var(--text-muted);font-size:.92em;margin-top:2px;line-height:1.1;word-break:break-all}.bulk-timesheet-list .jobseeker-actions{display:flex;flex-direction:row;align-items:center;gap:.5rem;min-width:140px;justify-content:flex-end}.bulk-timesheet-list .email-status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-left:4px;margin-right:4px;border:1.5px solid var(--background);box-shadow:0 0 0 1px var(--border)}.bulk-timesheet-list .email-status-yes{background:var(--success)}.bulk-timesheet-list .email-status-no{background:var(--danger)}.iframe-viewer-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow)}.iframe-content{flex:1;position:relative;min-height:400px}.content-iframe body{background:transparent;color:var(--text);font-family:var(--font-family)}.content-iframe{width:100%;height:100%;border:none;min-height:400px}.iframe-loading{z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);color:var(--text-muted)}.iframe-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.iframe-loading p{margin:0;font-size:1rem;font-weight:500}.iframe-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center;max-width:400px;padding:var(--spacing-6)}.iframe-error .error-icon{color:var(--destructive)}.iframe-error h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.iframe-error p{margin:0;color:var(--text-muted);line-height:1.5}.godspeed-ai-chat-container{display:flex;flex-direction:column;margin-left:68px;margin-top:60px}.ai-chat-main{flex:1;margin-left:auto;margin-right:auto;width:100%}.ai-chat-content{height:calc(100vh - 60px);overflow:hidden}.recruiter-hierarchy .content-container{max-width:1200px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6);overflow-x:auto}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.recruiter-hierarchy .dashboard-title{font-size:28px;font-weight:var(--font-weight-bold);color:var(--text);margin:0;background:linear-gradient(135deg,var(--text) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recruiter-hierarchy .role-icon{width:18px;height:18px}.recruiter-hierarchy .org-chart-container{background:linear-gradient(135deg,var(--card) 0%,rgba(255,255,255,.05) 100%);border:1px solid var(--border);border-radius:24px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-6)}.recruiter-hierarchy .org-chart{display:flex;flex-direction:column;gap:var(--spacing-6)}.recruiter-hierarchy .org-section{animation:slideInUp .5s ease-out}.recruiter-hierarchy .org-section:not(:first-child){border-top:2px solid rgba(102,126,234,.1);padding-top:var(--spacing-4)}.recruiter-hierarchy .manager-container{display:flex;justify-content:center;margin-bottom:var(--spacing-4)}.recruiter-hierarchy .reports-container{border-top:2px solid rgba(102,126,234,.1);padding-top:var(--spacing-4)}.recruiter-hierarchy .reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-2);max-width:1600px;margin:0 auto;overflow:visible;justify-items:center}.recruiter-hierarchy .nested-reports{margin-top:var(--spacing-3)}.recruiter-hierarchy .nested-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-1);overflow:visible;justify-items:center}.recruiter-hierarchy .reportees-header{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-muted);margin-bottom:var(--spacing-2);text-align:left;font-style:italic}.dark .recruiter-hierarchy .reportees-header{color:#9ca3af}.recruiter-hierarchy .nested-report-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.recruiter-hierarchy .person-card{width:320px;height:80px;min-width:320px;background:#fffffff2;border:2px solid transparent;border-radius:16px;transition:all var(--transition-normal);position:relative;overflow:hidden;animation:scaleIn .4s ease-out;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recruiter-hierarchy .person-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #0000001f}.recruiter-hierarchy .person-card.clickable{cursor:pointer}.recruiter-hierarchy .person-card.clickable:hover{border-color:#667eea4d}.recruiter-hierarchy .card-content{padding:var(--spacing-4);display:flex;flex-direction:row;align-items:center;height:100%;gap:var(--spacing-3)}.recruiter-hierarchy .avatar{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:20px;box-shadow:0 6px 20px #667eea4d;flex-shrink:0}.recruiter-hierarchy .person-card.admin{background:linear-gradient(135deg,#fef3c7,#fed7aa);border-color:transparent}.recruiter-hierarchy .person-card.admin .avatar{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b4d}.recruiter-hierarchy .person-card.recruiter{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:transparent}.recruiter-hierarchy .person-card.recruiter .avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #3b82f64d}.recruiter-hierarchy .person-card.default{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:transparent}.recruiter-hierarchy .person-card.default .avatar{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 8px 24px #6b72804d}.dark .recruiter-hierarchy .person-card.admin{background:linear-gradient(135deg,#451a03e6,#5c2d07e6)}.dark .recruiter-hierarchy .person-card.recruiter{background:linear-gradient(135deg,#1e3a8ae6,#2563ebe6)}.dark .recruiter-hierarchy .person-card.default{background:linear-gradient(135deg,#374151e6,#4b5563e6)}.recruiter-hierarchy .info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.recruiter-hierarchy .name{font-size:14px;font-weight:var(--font-weight-bold);color:#1f2937;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .recruiter-hierarchy .name{color:#fff}.recruiter-hierarchy .email{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.dark .recruiter-hierarchy .email{color:#9ca3af}.recruiter-hierarchy .card-footer{display:flex;justify-content:space-between;align-items:center;width:100%}.recruiter-hierarchy .role-badge{display:flex;align-items:center;gap:var(--spacing-1);background:#667eea1a;padding:var(--spacing-1) var(--spacing-2);border-radius:12px;font-size:8px;color:#667eea;font-weight:var(--font-weight-medium);text-transform:capitalize}.dark .recruiter-hierarchy .role-badge{background:#667eea33;color:#a78bfa}.recruiter-hierarchy .role-icon-small{width:12px;height:12px}.recruiter-hierarchy .role-icon-avatar{width:24px;height:24px}.recruiter-hierarchy .member-info{display:flex;align-items:center;gap:var(--spacing-2);background:#10b9811a;padding:var(--spacing-1) var(--spacing-2);border-radius:12px;color:#059669}.dark .recruiter-hierarchy .member-info{background:#10b98133;color:#34d399}.recruiter-hierarchy .member-count{font-size:8px;font-weight:var(--font-weight-bold)}.recruiter-hierarchy .expand-icon{display:flex;align-items:center}.recruiter-hierarchy .chevron-icon-small{width:14px;height:14px;transition:transform var(--transition-normal)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.recruiter-hierarchy .skeleton-text{background:linear-gradient(90deg,var(--border) 25%,var(--input-bg) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}.recruiter-hierarchy .org-chart-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-4);padding:var(--spacing-6)}.recruiter-hierarchy .org-section.skeleton{width:320px;height:80px;background:var(--card);border:2px solid var(--border);border-radius:16px;padding:var(--spacing-3);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-3)}.recruiter-hierarchy .skeleton-avatar{width:60px;height:60px;border-radius:16px;background:linear-gradient(90deg,var(--border) 25%,var(--input-bg) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;flex-shrink:0}.recruiter-hierarchy .skeleton-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2);min-width:0}.recruiter-hierarchy .skeleton-name{height:14px;width:120px}.recruiter-hierarchy .skeleton-email{height:11px;width:150px}.recruiter-hierarchy .skeleton-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:var(--spacing-2)}.recruiter-hierarchy .skeleton-badge{height:16px;width:50px;border-radius:8px}.recruiter-hierarchy .skeleton-member{height:16px;width:30px;border-radius:8px}.dark .recruiter-hierarchy .skeleton-text,.dark .recruiter-hierarchy .skeleton-avatar,.dark .recruiter-hierarchy .skeleton-badge,.dark .recruiter-hierarchy .skeleton-member{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%}.recruiter-hierarchy .error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#dc2626;padding:var(--spacing-4);border-radius:16px;margin-bottom:var(--spacing-4);box-shadow:0 8px 32px #ef444433;animation:slideInUp .4s ease-out}.dark .recruiter-hierarchy .error-message{background:linear-gradient(135deg,#7f1d1de6,#991b1be6);color:#fca5a5;border-color:#dc2626}.recruiter-hierarchy .empty-state{text-align:center;padding:var(--spacing-8);color:var(--text-muted);font-size:var(--font-size-body)}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width: 767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.calendar-view{background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-8);min-height:600px;box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.calendar-view:hover{box-shadow:0 8px 25px #0000001a}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border)}.calendar-title{font-size:var(--font-size-header);font-weight:var(--font-weight-semibold);color:var(--text);margin:0}.calendar-legend{display:flex;gap:var(--spacing-5);align-items:center}.legend-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-body);color:var(--text-muted)}.legend-color{width:16px;height:16px;border-radius:4px;border:1px solid var(--border)}.legend-color.assigned{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#1d4ed8;box-shadow:0 1px 3px #2563eb4d}.legend-color.open{background:linear-gradient(135deg,#ea580c,#f97316);border-color:#dc2626;box-shadow:0 1px 3px #ea580c4d}.calendar-container{position:relative;background:var(--background);border-radius:var(--border-radius);overflow:visible;height:auto;max-width:985px;border:1px solid var(--border);box-shadow:inset 0 1px 3px #0000001a}.calendar-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),transparent,var(--primary));z-index:1}.rbc-calendar{font-family:var(--font-family)!important;color:var(--text)!important;background:var(--background)!important;height:100%!important}.rbc-header{background:var(--text);color:var(--background);padding:var(--spacing-3);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);text-align:center;transition:all var(--transition-fast)}.rbc-header:hover{background:var(--primary);color:var(--background)}.rbc-month-view{background:var(--background)!important;border:1px solid var(--border)!important;border-radius:var(--border-radius);height:100%!important;overflow:visible!important}.rbc-month-row{overflow:visible!important;position:relative!important}.rbc-row-content{overflow:visible!important;position:relative!important;z-index:2!important;min-height:150px!important}.rbc-row-bg{overflow:visible!important}.rbc-row{overflow:visible!important;position:relative!important}.rbc-row-segment{overflow:visible!important;position:relative!important;z-index:3!important}.rbc-date-cell{padding:var(--spacing-2);min-height:50px;max-width:140px;background:var(--card)!important;position:relative;transition:all var(--transition-fast);overflow:visible!important}.rbc-date-cell:hover{background:#ffc5a6!important}.rbc-calendar .rbc-month-view .rbc-day-bg{max-width:140px}.rbc-calendar .rbc-month-view .rbc-day-bg.rbc-off-range-bg,.rbc-month-view .rbc-day-bg.rbc-off-range-bg{background:var(--background)!important;opacity:.2!important;position:relative}.rbc-calendar .rbc-month-view .rbc-day-bg.rbc-off-range-bg:after,.rbc-month-view .rbc-day-bg.rbc-off-range-bg:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(-45deg,transparent,transparent 8px,var(--text-muted) 8px,var(--text-muted) 9px);opacity:.05!important;pointer-events:none}.rbc-calendar .rbc-month-view .rbc-date-cell.rbc-off-range,.rbc-month-view .rbc-date-cell.rbc-off-range{background:var(--background)!important;opacity:.3!important;position:relative;filter:grayscale(100%)!important}.rbc-calendar .rbc-month-view .rbc-day-bg.rbc-off-range-bg:before,.rbc-month-view .rbc-day-bg.rbc-off-range-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 4px,var(--text-muted) 4px,var(--text-muted) 5px);opacity:.1!important;pointer-events:none;z-index:1}.rbc-calendar .rbc-month-view .rbc-date-cell.rbc-off-range .rbc-button-link,.rbc-month-view .rbc-date-cell.rbc-off-range .rbc-button-link{color:var(--text-muted)!important;opacity:.5!important;cursor:not-allowed!important;background:transparent!important;font-weight:var(--font-weight-normal)!important;text-decoration:line-through!important;filter:blur(.5px)!important}.rbc-calendar .rbc-month-view .rbc-date-cell.rbc-off-range .rbc-button-link:hover,.rbc-month-view .rbc-date-cell.rbc-off-range .rbc-button-link:hover{background:transparent!important;color:var(--text-muted)!important;transform:none!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.5!important}.rbc-calendar .rbc-month-view .rbc-date-cell:not(.rbc-off-range) .rbc-button-link,.rbc-month-view .rbc-date-cell:not(.rbc-off-range) .rbc-button-link{color:var(--text)!important;font-weight:var(--font-weight-semibold)!important;border-radius:50%!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:2px auto!important;border:2px solid transparent!important;background:var(--card)!important;transition:all var(--transition-fast)!important;cursor:pointer!important;box-shadow:0 2px 6px #00000014!important;text-decoration:none!important}.rbc-calendar .rbc-month-view .rbc-date-cell:not(.rbc-off-range) .rbc-button-link:hover,.rbc-month-view .rbc-date-cell:not(.rbc-off-range) .rbc-button-link:hover{background:var(--primary)!important;color:var(--background)!important;transform:scale(1.15)!important;box-shadow:0 4px 12px #0003!important;border-color:var(--primary)!important;text-decoration:none!important}.rbc-date-cell button{color:var(--text);font-weight:var(--font-weight-medium);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:2px auto;border:none;background:transparent;transition:all var(--transition-fast);cursor:pointer}.rbc-date-cell button:focus{outline:2px solid var(--primary);outline-offset:2px}.rbc-event{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:6px;padding:4px 8px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin:2px 0;transition:all var(--transition-fast);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001f;border-left:3px solid rgba(255,255,255,.3);overflow:visible!important;position:relative!important;z-index:4!important}.rbc-event.rbc-selected{background:var(--primary);box-shadow:0 0 0 2px var(--primary)}.rbc-show-more{background:var(--card);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:2px 4px;font-size:var(--font-size-small);cursor:pointer;transition:var(--transition-fast)}.rbc-show-more:hover{background:var(--primary);color:var(--background)}.rbc-toolbar{background:var(--card);padding:var(--spacing-3) var(--spacing-5);margin-bottom:var(--spacing-5);display:flex;justify-content:space-between;align-items:center}.rbc-toolbar button{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);font-family:var(--font-family)}.rbc-toolbar button:hover{background:var(--primary);color:var(--background)}.rbc-toolbar button.rbc-active{background:var(--primary);color:var(--background);box-shadow:0 0 0 2px var(--primary)}.rbc-toolbar-label{font-size:20px;font-weight:var(--font-weight-semibold);color:var(--text);margin:0 var(--spacing-5)}.rbc-btn-group{display:flex;background:var(--card);border-radius:12px;padding:4px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border);overflow:hidden;position:relative}.rbc-btn-group:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:linear-gradient(135deg,var(--background),var(--card));border-radius:10px;z-index:0}.rbc-btn-group button{position:relative;z-index:1;background:transparent!important;border:none!important;border-radius:8px!important;padding:var(--spacing-2) var(--spacing-4)!important;margin:0 2px!important;font-weight:var(--font-weight-medium)!important;font-size:var(--font-size-body)!important;color:var(--text-muted)!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;cursor:pointer;min-width:60px;text-align:center}.rbc-btn-group button:hover{background:var(--background)!important;color:var(--text)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000001a!important}.rbc-btn-group button.rbc-active{background:linear-gradient(135deg,var(--primary),var(--primary))!important;color:var(--background)!important;box-shadow:0 2px 12px #00000026!important;transform:translateY(-1px)!important;font-weight:var(--font-weight-semibold)!important}.rbc-btn-group button.rbc-active:hover{background:linear-gradient(135deg,var(--primary),var(--primary))!important;color:var(--background)!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #0003!important}.rbc-btn-group button:first-child,.rbc-btn-group button:not(:first-child):not(:last-child),.rbc-btn-group button:last-child{border-radius:8px!important;border:none!important}.rbc-time-view{background:var(--background);border:1px solid var(--border)}.rbc-time-header{border-bottom:1px solid var(--border)}.rbc-time-content{border-left:1px solid var(--border)}.rbc-time-slot{border-bottom:1px solid var(--border);color:var(--text-muted)}.rbc-timeslot-group{border-bottom:1px solid var(--border)}.rbc-agenda-view{background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius)}.rbc-agenda-view table{width:100%;border-collapse:collapse}.rbc-agenda-view tbody tr{border-bottom:1px solid var(--border)}.rbc-agenda-view tbody tr:hover{background:var(--card);opacity:.8}.rbc-agenda-date-cell,.rbc-agenda-time-cell,.rbc-agenda-event-cell{padding:var(--spacing-3);color:var(--text)}.rbc-agenda-date-cell{font-weight:var(--font-weight-semibold);background:var(--card);opacity:.9}.calendar-skeleton-loading{position:relative;min-height:600px;max-height:600px;display:flex;justify-content:center}.calendar-skeleton-loading .calendar-skeleton{width:100%;max-width:980px;opacity:.6}.calendar-skeleton-loading .skeleton-header{height:40px;background:var(--card);border-radius:var(--border-radius);margin-bottom:var(--spacing-5);animation:calendar-pulse 2s cubic-bezier(.4,0,.6,1) infinite;opacity:.6}.calendar-skeleton-loading .skeleton-toolbar{height:56px;background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);margin-bottom:var(--spacing-5);animation:calendar-pulse 2s cubic-bezier(.4,0,.6,1) infinite;opacity:1;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-5);box-shadow:0 1px 3px #0000001a}.calendar-skeleton-loading .skeleton-btn-group{display:flex;background:var(--background);border-radius:12px;padding:4px;border:1px solid var(--border);animation:calendar-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.calendar-skeleton-loading .skeleton-nav-buttons{width:140px;height:36px}.calendar-skeleton-loading .skeleton-view-buttons{width:180px;height:36px}.calendar-skeleton-loading .skeleton-toolbar-label{height:24px;width:120px;background:var(--background);border-radius:var(--border-radius);animation:calendar-pulse 2s cubic-bezier(.4,0,.6,1) infinite;border:1px solid var(--border)}.calendar-skeleton-loading .skeleton-calendar-container{background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius);overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.calendar-skeleton-loading .skeleton-month-header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--card);border-bottom:1px solid var(--border)}.calendar-skeleton-loading .skeleton-header-cell{padding:var(--spacing-3);text-align:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);color:var(--text);background:linear-gradient(135deg,var(--card),var(--background));border-right:1px solid var(--border);opacity:.8}.calendar-skeleton-loading .skeleton-header-cell:last-child{border-right:none}.calendar-skeleton-loading .skeleton-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border-radius:var(--border-radius);overflow:hidden}.calendar-skeleton-loading .skeleton-cell{height:80px;background:var(--card);animation:calendar-pulse 2s cubic-bezier(.4,0,.6,1) infinite;opacity:.4}@keyframes calendar-pulse{0%,to{opacity:1}50%{opacity:.5}}.calendar-view .rbc-calendar .rbc-month-view .rbc-day-bg.rbc-off-range-bg{background:var(--background)!important;opacity:.8!important;filter:grayscale(80%)!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell.rbc-off-range .rbc-button-link{color:var(--text-muted)!important;opacity:.6!important;cursor:not-allowed!important;text-decoration:line-through!important;background:transparent!important;border:1px dashed var(--text-muted)!important;font-weight:var(--font-weight-normal)!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell.rbc-off-range .rbc-button-link:hover{background:transparent!important;color:var(--text-muted)!important;transform:none!important;box-shadow:none!important;cursor:not-allowed!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell:not(.rbc-off-range){border-left:1px solid #ddd!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell:not(.rbc-off-range):first-child{border-left:none!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell:not(.rbc-off-range):last-child{border-right:none!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell:not(.rbc-off-range) .rbc-button-link{color:var(--text)!important;font-weight:var(--font-weight-bold)!important;background:var(--card)!important;border:2px solid transparent!important;box-shadow:0 1px 3px #0000001a!important;text-decoration:none!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell:not(.rbc-off-range) .rbc-button-link:hover{background:var(--primary)!important;color:var(--background)!important;transform:scale(1.1)!important;box-shadow:0 3px 8px #00000026!important;border-color:var(--primary)!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell.rbc-now.rbc-current{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;position:relative!important;z-index:10!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell.rbc-now.rbc-current .rbc-button-link{color:#fff!important;font-weight:var(--font-weight-bold)!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;border:2px solid white!important;width:36px!important;height:36px!important;position:relative!important;z-index:11!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell.rbc-now.rbc-current .rbc-button-link:hover{background:linear-gradient(135deg,#15803d,#166534)!important;color:#fff!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell.selected-date{background:linear-gradient(135deg,#fed7aa,#fdba74)!important;border:2px solid #ea580c!important;position:relative!important;z-index:5!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell.selected-date .rbc-button-link{color:#fff!important;font-weight:var(--font-weight-semibold)!important;background:linear-gradient(135deg,#ea580c,#dc2626)!important;border:2px solid white!important;width:34px!important;height:34px!important;position:relative!important;z-index:6!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell.selected-date .rbc-button-link:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;color:#fff!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell.rbc-now.rbc-current.selected-date{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;border:none!important;z-index:10!important}.calendar-view .rbc-calendar .rbc-month-view .rbc-date-cell.rbc-now.rbc-current.selected-date .rbc-button-link{background:linear-gradient(135deg,#16a34a,#15803d)!important;z-index:11!important}.day-view-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-8);height:fit-content;min-height:400px;display:flex;flex-direction:column;gap:var(--spacing-5)}.day-view-header{display:flex;align-items:center;gap:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border)}.day-view-header h3{margin:0;font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text)}.day-view-header svg{color:var(--text-muted)}.selected-date h4{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text)}.event-count{margin:0;font-size:var(--font-size-body);color:var(--text-muted)}.day-view-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-5);text-align:center;padding:var(--spacing-8) var(--spacing-5)}.day-view-empty .empty-icon{color:var(--text-muted);opacity:.5}.day-view-empty p{margin:0;color:var(--text-muted);font-size:var(--font-size-body)}.day-events{flex:1;display:flex;flex-direction:column}.no-events{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);text-align:center;padding:var(--spacing-8) var(--spacing-5)}.no-events-icon{color:var(--text-muted);opacity:.5}.no-events p{margin:0;color:var(--text-muted);font-size:var(--font-size-body)}.events-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.event-item{background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-5);cursor:pointer;transition:var(--transition-fast);position:relative}.event-item:hover{background:#f5f5f5;border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--card-shadow)}.dark .event-item:hover{background:#1a1a1a}.event-item.assigned{border-left:4px solid #2563eb}.event-item.open{border-left:4px solid #ea580c}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.event-type{display:flex;align-items:center;gap:var(--spacing-2)}.event-type-icon.assigned{color:#2563eb}.event-type-icon.open{color:#ea580c}.event-type-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.event-duration{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-small);color:var(--text-muted)}.event-content{margin-bottom:var(--spacing-3)}.event-title{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);line-height:1.4}.event-detail{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:var(--font-size-small);color:var(--text-muted)}.event-detail:last-child{margin-bottom:0}.event-detail svg{flex-shrink:0}.event-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--border)}.view-details-btn{background:#e0e0e0;color:var(--text);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);font-family:var(--font-family)}.dark .view-details-btn{background:#333}.view-details-btn:hover{background:var(--primary);color:var(--background)}.day-summary{background:#f5f5f5;border-radius:var(--border-radius);padding:var(--spacing-5);margin-top:var(--spacing-5)}.dark .day-summary{background:#1a1a1a}.day-summary h5{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text)}.summary-stats{display:flex;flex-direction:column;gap:var(--spacing-2)}.stat-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-small)}.stat-label{color:var(--text-muted)}.stat-value{font-weight:var(--font-weight-semibold);color:var(--text);background:var(--background);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.event-item{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.day-view-panel{padding:var(--spacing-5)}.event-item{padding:var(--spacing-3)}.event-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.event-duration{align-self:flex-end}}@media (max-width: 768px){.day-view-panel{padding:var(--spacing-3);min-height:300px}.day-view-header h3,.selected-date h4{font-size:var(--font-size-body)}.event-item{padding:var(--spacing-3)}.event-title{font-size:var(--font-size-small)}.summary-stats{gap:var(--spacing-2)}.stat-item{font-size:var(--font-size-tiny)}}.event-item:focus{outline:2px solid var(--primary);outline-offset:2px}.view-details-btn:focus{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast: high){.event-item{border-width:2px}.event-item.assigned,.event-item.open{border-left-width:6px}}@keyframes day-view-pulse{0%,to{opacity:1}50%{opacity:.5}}.day-view-skeleton-loading .skeleton-icon{width:20px;height:20px;background:var(--background);border-radius:4px;animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-title{width:100px;height:20px;background:var(--background);border-radius:var(--border-radius);animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-selected-date{display:flex;flex-direction:column;gap:var(--spacing-2)}.day-view-skeleton-loading .skeleton-date-title{width:200px;height:24px;background:var(--background);border-radius:var(--border-radius);animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-event-count{width:120px;height:16px;background:var(--background);border-radius:var(--border-radius);animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-events{display:flex;flex-direction:column;gap:var(--spacing-3);flex:1}.day-view-skeleton-loading .skeleton-event-item{background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-3);border-left:4px solid var(--border)}.day-view-skeleton-loading .skeleton-event-header{display:flex;justify-content:space-between;align-items:center}.day-view-skeleton-loading .skeleton-event-type{display:flex;align-items:center;gap:var(--spacing-2)}.day-view-skeleton-loading .skeleton-event-icon{width:16px;height:16px;background:var(--card);border-radius:4px;animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-event-label{width:80px;height:14px;background:var(--card);border-radius:var(--border-radius);animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-event-duration{display:flex;align-items:center;gap:var(--spacing-2)}.day-view-skeleton-loading .skeleton-duration-icon{width:14px;height:14px;background:var(--card);border-radius:4px;animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-duration-text{width:60px;height:14px;background:var(--card);border-radius:var(--border-radius);animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-event-content{display:flex;flex-direction:column;gap:var(--spacing-2)}.day-view-skeleton-loading .skeleton-event-title{width:180px;height:18px;background:var(--card);border-radius:var(--border-radius);animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-event-detail{display:flex;align-items:center;gap:var(--spacing-2)}.day-view-skeleton-loading .skeleton-detail-icon{width:14px;height:14px;background:var(--card);border-radius:4px;animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-detail-text{width:120px;height:14px;background:var(--card);border-radius:var(--border-radius);animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-event-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-3);border-top:1px solid var(--border)}.day-view-skeleton-loading .skeleton-action-button{width:80px;height:28px;background:var(--card);border-radius:var(--border-radius);animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-summary{background:var(--card);border-radius:var(--border-radius);padding:var(--spacing-5);margin-top:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-3)}.day-view-skeleton-loading .skeleton-summary-title{width:100px;height:18px;background:var(--background);border-radius:var(--border-radius);animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-summary-stats{display:flex;flex-direction:column;gap:var(--spacing-2)}.day-view-skeleton-loading .skeleton-stat-item{display:flex;justify-content:space-between;align-items:center}.day-view-skeleton-loading .skeleton-stat-label{width:140px;height:14px;background:var(--background);border-radius:var(--border-radius);animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.day-view-skeleton-loading .skeleton-stat-value{width:40px;height:20px;background:var(--background);border-radius:4px;border:1px solid var(--border);animation:day-view-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width: 1024px){.day-view-skeleton-loading .skeleton-event-item{padding:var(--spacing-3)}.day-view-skeleton-loading .skeleton-event-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}}@media (max-width: 768px){.day-view-skeleton-loading .skeleton-date-title{width:160px;height:20px}.day-view-skeleton-loading .skeleton-event-title{width:140px;height:16px}.day-view-skeleton-loading .skeleton-detail-text{width:100px}}.summary-widgets{background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-2) var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-3)}.summary-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--border);gap:var(--spacing-3)}.summary-header .header-left{display:flex;flex-direction:column;gap:var(--spacing-1)}.summary-header .header-right{display:flex;align-items:center}.filter-controls{display:flex;align-items:center;gap:var(--spacing-4)}.filter-buttons{display:flex;gap:var(--spacing-2)}.filter-button{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border);background:var(--card);color:var(--text-muted);border-radius:var(--border-radius);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);font-family:var(--font-family)}.filter-button:hover{background:var(--background);color:var(--text)}.filter-button.active{background:var(--primary);color:var(--card);border-color:var(--primary)}.filter-button.active:hover{background:var(--primary-hover)}.date-range-inputs{display:flex;align-items:center;gap:var(--spacing-2)}.date-input{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text);font-size:var(--font-size-small);font-family:var(--font-family);min-width:120px;transition:var(--transition-fast)}.date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0000001a}.date-separator{color:var(--text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.apply-date-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border);background:var(--primary);color:var(--card);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);font-family:var(--font-family);white-space:nowrap}.apply-date-button:hover{background:var(--primary-hover)}@media (max-width: 768px){.summary-header{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.header-right{justify-content:flex-start}.filter-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.filter-buttons{flex-wrap:wrap}.date-range-inputs{flex-wrap:wrap;gap:var(--spacing-2)}.date-input{min-width:110px;flex:1}}.summary-error{display:flex;align-items:center;gap:var(--spacing-3);color:var(--danger);font-size:var(--font-size-body)}.retry-button{padding:var(--spacing-1) var(--spacing-2);background:var(--danger);color:var(--card);border:none;border-radius:var(--border-radius);font-size:var(--font-size-small);font-family:var(--font-family);cursor:pointer;transition:var(--transition-fast)}.retry-button:hover{opacity:.9}.status-breakdown{margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--background);border-radius:var(--border-radius);border:1px solid var(--border)}.breakdown-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--spacing-3) 0}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3)}.status-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:var(--card);border-radius:var(--border-radius);border:1px solid var(--border)}.status-label{font-size:var(--font-size-small);color:var(--text-muted);font-weight:var(--font-weight-medium)}.status-value{font-size:var(--font-size-body);color:var(--text);font-weight:var(--font-weight-semibold)}.filter-skeleton{height:60px;background:var(--background);border-radius:var(--border-radius);animation:pulse 1.5s ease-in-out infinite}.summary-title{margin:0;font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text)}.summary-date-range{margin:0;font-size:var(--font-size-body);color:var(--text-muted);font-weight:var(--font-weight-medium)}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-3)}.summary-widget{background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2);transition:var(--transition-fast);position:relative;overflow:hidden;min-height:50px}.summary-widget:hover{background:#f5f5f5;border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--card-shadow)}.dark .summary-widget:hover{background:#1a1a1a}.widget-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius);flex-shrink:0;position:relative;z-index:1}.widget-icon.positions{background:#3b82f61a;color:#3b82f6}.widget-icon.assignments{background:#22c55e1a;color:#22c55e}.widget-icon.jobseekers{background:#a855f71a;color:#a855f7}.widget-icon.completion{background:#f973161a;color:#f97316}.widget-content{display:flex;flex-direction:row;align-items:end;gap:var(--spacing-2);flex:1;min-width:0}.widget-content.completion-widget{flex-direction:column;gap:var(--spacing-1);align-items:stretch}.widget-content-row{display:flex;justify-content:space;align-items:center;gap:var(--spacing-2)}.widget-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.widget-value{font-size:var(--font-size-subheader);font-weight:var(--font-weight-bold);color:var(--text);line-height:1}.widget-value-with-progress{display:flex;flex-direction:column;gap:var(--spacing-2)}.progress-bar.summary-progress-bar{width:100%;height:4px;background:#f5f5f5;border-radius:2px;overflow:hidden;margin:0}.dark .progress-bar.summary-progress-bar{background:#1a1a1a}.progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#fb923c);border-radius:2px;transition:width .6s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.summary-insights{display:flex;flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:#f5f5f5;border-radius:var(--border-radius)}.dark .summary-insights{background:#1a1a1a}.insight-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-body)}.insight-label{color:var(--text-muted);font-weight:var(--font-weight-medium)}.insight-value{font-weight:var(--font-weight-semibold);color:var(--text);background:var(--background);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);border:1px solid var(--border)}.status-indicators{display:flex;flex-wrap:wrap;gap:var(--spacing-5);padding-top:var(--spacing-3);border-top:1px solid var(--border)}.status-indicator{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.status-indicator.active{color:var(--text)}.status-indicator.inactive{color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;transition:var(--transition-fast)}.status-indicator.active .status-dot{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.status-indicator.inactive .status-dot{background:var(--text-muted)}.summary-title-skeleton{height:20px;width:150px;background:#f5f5f5;border-radius:var(--border-radius);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .summary-title-skeleton{background:#1a1a1a}.summary-date-skeleton{height:16px;width:100px;background:#f5f5f5;border-radius:var(--border-radius);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .summary-date-skeleton{background:#1a1a1a}.widget-skeleton{background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-4)}.widget-icon-skeleton{width:32px;height:32px;background:#f5f5f5;border-radius:var(--border-radius);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .widget-icon-skeleton{background:#1a1a1a}.widget-content-skeleton{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.widget-label-skeleton{height:12px;width:80px;background:#f5f5f5;border-radius:var(--border-radius);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .widget-label-skeleton{background:#1a1a1a}.widget-value-skeleton{height:24px;width:60px;background:#f5f5f5;border-radius:var(--border-radius);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .widget-value-skeleton{background:#1a1a1a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1024px){.widgets-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-insights{flex-direction:column;gap:var(--spacing-3)}.insight-item{justify-content:space-between}}@media (max-width: 768px){.summary-widgets{padding:var(--spacing-5)}.summary-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.widgets-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.summary-widget{padding:var(--spacing-3)}.widget-icon{width:32px;height:32px}.widget-icon svg{width:16px;height:16px}.widget-value{font-size:20px}.status-indicators{justify-content:space-between}}@media (max-width: 480px){.summary-title{font-size:var(--font-size-body)}.summary-date-range{font-size:var(--font-size-small)}.widget-label{font-size:var(--font-size-tiny)}.widget-value{font-size:var(--font-size-subheader)}.insight-item{font-size:var(--font-size-small)}.status-indicator{font-size:var(--font-size-tiny)}}.summary-widget{animation:slideInUp .4s ease-out}.summary-widget:nth-child(1){animation-delay:.1s}.summary-widget:nth-child(2){animation-delay:.2s}.summary-widget:nth-child(3){animation-delay:.3s}.summary-widget:nth-child(4){animation-delay:.4s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){.summary-widget{border-width:2px}.widget-icon{border:1px solid currentColor}.progress-fill{background:var(--text)}.status-dot{border:1px solid currentColor}}.calendar-page{min-height:100vh;color:var(--text);margin-left:68px;margin-top:60px}.calendar-content{padding:var(--spacing-2) var(--spacing-6);max-width:1400px;margin:0 auto}.calendar-layout{display:flex;flex-direction:column;gap:var(--spacing-5)}.calendar-filters-section{width:100%;margin-bottom:var(--spacing-5)}.calendar-summary-section{width:100%;margin-top:var(--spacing-5)}.calendar-main-content{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-5);min-height:600px}.calendar-view,.day-view-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-5)}@media (max-width: 1024px){.calendar-main-content{grid-template-columns:1fr}.day-view-panel{order:-1}}.calendar-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-8);background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);min-height:400px;gap:var(--spacing-5)}.calendar-error h3{margin:0;font-size:var(--font-size-header);font-weight:var(--font-weight-semibold);color:var(--danger)}.calendar-error p{margin:0;color:var(--text-muted);max-width:400px}.retry-button{background:var(--primary);color:var(--background);border:none;border-radius:var(--border-radius);padding:var(--spacing-3) var(--spacing-5);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.retry-button:hover{background:var(--primary-hover);opacity:.9;transform:translateY(-1px)}@media (max-width: 768px){.calendar-content{padding:var(--spacing-4)}}.filter-container{display:flex;align-items:center;gap:var(--spacing-3)}.search-box{display:flex;align-items:center;gap:var(--spacing-3);position:relative}.search-icon{position:absolute;left:var(--spacing-3);color:var(--text-muted);pointer-events:none}.search-input{padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) calc(var(--spacing-2) + 24px);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text);font-size:var(--font-size-small);transition:all var(--transition-fast);min-width:300px}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #d9770633}.dark .search-input:focus{box-shadow:0 0 0 2px #fbbf2433}.reset-filters-btn{margin-left:var(--spacing-2)}.status-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:12px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:var(--spacing-1)}.status-badge.active{background:var(--success-bg);color:var(--success)}.status-badge.inactive{background:var(--pending-bg);color:var(--pending)}.type-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:12px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;background:#0000000d;color:var(--text-muted)}.type-badge.client{background:#3b82f61a;color:#3b82f6}.type-badge.jobseeker_profile{background:#22c55e1a;color:#22c55e}.file-info,.user-info,.date-info,.entity-info,.status-info{display:flex;align-items:center;gap:var(--spacing-2)}.file-icon,.user-icon,.date-icon,.entity-icon{color:var(--text-muted);flex-shrink:0}.modern-document-card{background:var(--card);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-5);margin-bottom:var(--spacing-6);transition:all var(--transition-fast);box-shadow:var(--card-shadow)}.modern-doc-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.modern-doc-info{flex:1;min-width:0}.modern-doc-title{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-doc-meta{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.modern-doc-date{color:var(--text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.modern-doc-divider{color:var(--text-muted);font-size:var(--font-size-small);opacity:.5}.modern-doc-status{padding:var(--spacing-1) var(--spacing-3);border-radius:20px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.modern-doc-status.active{background:var(--success-bg);color:var(--success)}.modern-doc-status.inactive{background:var(--pending-bg);color:var(--pending)}.modern-doc-preview-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--primary);color:var(--card);border:none;border-radius:var(--border-radius);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.modern-doc-preview-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.modern-doc-preview-btn:disabled{opacity:.6;cursor:not-allowed}.modern-doc-title-skeleton{height:18px;width:250px;margin:0 0 var(--spacing-2) 0}.modern-doc-date-skeleton{height:12px;width:120px}.modern-doc-status-skeleton{height:20px;width:60px;border-radius:20px}.modern-doc-btn-skeleton{height:32px;width:100px;border-radius:var(--border-radius)}.checkbox-column{width:40px}.checkbox-cell{text-align:center;padding:var(--spacing-3)}.checkbox-input{cursor:pointer;transform:scale(1.1)}.status-icon{flex-shrink:0}.status-icon.completed{color:var(--success)}.status-icon.pending{color:#f59e0b}.status-icon.expired{color:var(--failure)}.status-text{font-weight:var(--font-weight-medium)}.status-text.completed{color:var(--success)}.status-text.pending{color:#f59e0b}.status-text.expired{color:var(--failure)}.status-display,.user-with-icon,.date-with-icon{display:flex;align-items:center;gap:var(--spacing-2)}.skeleton-checkbox{width:16px;height:16px;background:linear-gradient(90deg,var(--border) 25%,rgba(0,0,0,.05) 50%,var(--border) 75%);border-radius:3px;animation:shimmer 1.5s infinite}.name-cell,.uploader-cell,.recipient-type-cell,.status-cell,.consent-status-cell,.date-cell,.actions-cell{padding:var(--spacing-3)}.recipient-type-info{display:flex;align-items:center;gap:var(--spacing-2)}.recipient-type-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:12px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);text-transform:capitalize;letter-spacing:.5px;display:inline-flex;align-items:center;gap:var(--spacing-1)}.recipient-type-badge.client{background:#3b82f61a;color:#3b82f6}.recipient-type-badge.jobseeker_profile{background:#22c55e1a;color:#22c55e}.recipient-type-badge:not(.client):not(.jobseeker_profile){background:#0000000d;color:var(--text-muted)}.consent-status-info{display:flex;align-items:center;min-width:80px}.consent-progress{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text)}.consent-progress.complete{color:var(--success)}.consent-progress.pending{color:#f59e0b}.actions-info{display:flex;align-items:center}.actions-help-text{color:var(--text-muted);font-size:var(--font-size-tiny);font-style:italic}.skeleton-actions{display:flex;gap:var(--spacing-2);justify-content:start}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.content-container.consent-management{max-width:1200px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6);overflow-x:auto}.progress-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-8);padding:var(--spacing-5)}.progress-step{display:flex;flex-direction:column;align-items:center;opacity:.5;transition:opacity var(--transition-normal)}.progress-step.active{opacity:1}.step-number{width:40px;height:40px;border-radius:50%;background:var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);margin-bottom:var(--spacing-2);transition:all var(--transition-normal)}.progress-step.active .step-number{background:var(--primary);color:var(--background)}.step-label{font-size:var(--font-size-small);color:var(--text-muted);font-weight:var(--font-weight-medium)}.progress-step.active .step-label{color:var(--text)}.progress-line{width:100px;height:2px;background:var(--border);margin:0 var(--spacing-4);margin-top:-20px}.consent-creation-container{max-width:1200px;margin:0 auto;width:100%}.step-container{animation:slideIn .3s ease-out}.card.create-consent-card{padding:var(--spacing-4) var(--spacing-6);width:100%;max-width:none}.create-consent-card .card-header{align-items:start;flex-direction:column;text-align:left;padding:var(--spacing-2);border-bottom:1px solid var(--border);gap:0}.create-consent-card .card-header h2{margin:0 0 var(--spacing-2) 0;color:var(--text);font-size:var(--font-size-header);font-weight:var(--font-weight-semibold);line-height:1.2}.create-consent-card .card-header p{margin:0;color:var(--text-muted);font-size:var(--font-size-body);line-height:1.4}.create-consent-card .form-actions{display:flex;gap:var(--spacing-3);justify-content:center;margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--border)}.create-consent-card .form-actions .button{width:fit-content;padding:var(--spacing-3) var(--spacing-5);font-weight:var(--font-weight-medium)}.recipient-submit-button{justify-content:center!important}.recipient-submit-button .button.primary{background:linear-gradient(135deg,#090,#3c3);border:none;color:#fff;font-weight:var(--font-weight-semibold);box-shadow:0 4px 12px #0099004d;transition:all var(--transition-normal)}.recipient-submit-button .button.primary:hover:not(:disabled){background:linear-gradient(135deg,#070,#28a828);transform:translateY(-2px);box-shadow:0 8px 20px #0906}.recipient-submit-button .button.primary:disabled{background:linear-gradient(135deg,#ccc,#ddd);color:#999;box-shadow:none;transform:none}.step2-layout-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);margin:var(--spacing-5) 0;width:100%}.step2-left-section,.step2-right-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.step2-right-section .form-label,.step2-left-section .form-label{display:flex;align-items:center;justify-content:start;gap:var(--spacing-2);color:var(--text);font-weight:var(--font-weight-medium)}.recipients-form-section{background:linear-gradient(135deg,#f8fbff,#f0f8ff);border:2px solid #e6f3ff;border-radius:var(--border-radius);padding:var(--spacing-5);height:fit-content;min-height:218px;box-shadow:0 4px 12px #66b3ff1a;transition:all var(--transition-normal)}.recipients-form-section:hover{border-color:#b3d9ff;transform:translateY(-2px);box-shadow:0 8px 20px #66b3ff26}.recipients-form-section .form-label svg{color:#06c}.recipients-section-header{display:flex;justify-content:space-between;align-items:center}.recipients-section-header button{width:fit-content;background:linear-gradient(135deg,#06c,#39f);border:none;color:#fff}.recipients-section-header button:hover{background:linear-gradient(135deg,#0052a3,#2688e6);transform:translateY(-1px)}.document-form-section{background:linear-gradient(135deg,#f8fff8,#f0fff4);border:2px solid #e6ffe6;border-radius:var(--border-radius);padding:var(--spacing-5);height:fit-content;box-shadow:0 4px 12px #66ff661a;transition:all var(--transition-normal)}.document-form-section:hover{border-color:#b3ffb3;transform:translateY(-2px);box-shadow:0 8px 20px #66ff6626}.document-form-section .form-label svg{color:#090}@media (max-width: 1024px){.step2-layout-container{grid-template-columns:1fr;gap:var(--spacing-6)}.recipients-form-section,.document-form-section{min-height:auto}}@media (max-width: 768px){.step2-layout-container{gap:var(--spacing-4)}.recipients-form-section,.document-form-section{padding:var(--spacing-4)}}.recipient-type-selection{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5);margin-bottom:var(--spacing-6)}.recipient-type-card{display:flex;align-items:center;justify-content:start;gap:var(--spacing-4);background:var(--card);border:2px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-3);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.recipient-type-card-content{display:flex;flex-direction:column;align-items:start;justify-content:start}.recipient-type-card:first-child{background:linear-gradient(135deg,#f0f8ff,#e6f3ff,#def);border-color:#b3d9ff}.recipient-type-card:first-child:hover{background:linear-gradient(135deg,#e6f3ff,#cce7ff,#b3d9ff);border-color:#66b3ff;box-shadow:0 8px 25px #66b3ff33;transform:translateY(-3px) scale(1.02)}.recipient-type-card:first-child .card-icon{color:#06c}.recipient-type-card:first-child:before{background:linear-gradient(90deg,#06c,#39f)}.recipient-type-card:last-child{background:linear-gradient(135deg,#f0fff4,#e6ffe6,#dfd);border-color:#b3ffb3}.recipient-type-card:last-child:hover{background:linear-gradient(135deg,#e6ffe6,#cfc,#b3ffb3);border-color:#6f6;box-shadow:0 8px 25px #6f63;transform:translateY(-3px) scale(1.02)}.recipient-type-card:last-child .card-icon{color:#090}.recipient-type-card:last-child:before{background:linear-gradient(90deg,#090,#3c3)}.recipient-type-card.selected:first-child{background:linear-gradient(135deg,#cce7ff,#99d6ff,#66b3ff);border-color:#06c}.recipient-type-card.selected:last-child{background:linear-gradient(135deg,#cfc,#9f9,#6f6);border-color:#090}.recipient-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary);opacity:0;transition:opacity var(--transition-normal)}.recipient-type-card.selected:before{opacity:1}.recipient-type-card h3{color:var(--text);font-size:18px;font-weight:var(--font-weight-semibold)}.recipient-type-card p{color:var(--text-muted);font-size:12px;line-height:1.5}.file-upload-area{position:relative;margin-bottom:var(--spacing-5)}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-6);border:2px dashed #b3ffb3;border-radius:var(--border-radius);background:linear-gradient(135deg,#fff,#f8fff8);cursor:pointer;transition:all var(--transition-normal);min-height:140px;text-align:center;width:100%}.file-upload-label:hover{border-color:#090;background:linear-gradient(135deg,#f0fff4,#e6ffe6);transform:translateY(-2px);box-shadow:0 8px 20px #66ff6626}.file-upload-label svg{color:#090}.upload-text{display:flex;flex-direction:column;gap:var(--spacing-2)}.primary-text{color:var(--text);font-weight:var(--font-weight-medium);font-size:var(--font-size-body)}.secondary-text{color:#090;font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.recipients-section{margin-top:var(--spacing-4)}.recipients-section button{justify-content:center}.selected-recipients{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding:var(--spacing-4);background:#00000005;border-radius:var(--border-radius);border:1px solid var(--border)}.recipient-chip{display:inline-flex;align-items:center;gap:var(--spacing-2);background:linear-gradient(135deg,#e6f3ff,#cce7ff);border:1px solid #66b3ff;border-radius:20px;padding:var(--spacing-2) var(--spacing-3);box-shadow:0 2px 8px #66b3ff33;animation:chipSlideIn .2s ease-out;width:fit-content;max-width:280px;min-height:32px}.recipient-info{display:flex;flex-direction:column;justify-content:center;gap:0px;min-width:0;flex:1}.recipient-name{color:var(--text);font-weight:var(--font-weight-medium);font-size:var(--font-size-small);line-height:1.3;margin:0;padding:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.recipient-email{color:var(--text-muted);font-size:var(--font-size-tiny);line-height:1.2;margin:0;padding:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.remove-recipient-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-1);border-radius:50%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-left:var(--spacing-1)}.remove-recipient-btn:hover{background:#dc143c1a;color:#dc143c}.consent-modal .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.consent-modal .modal-content{background:var(--card);border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.consent-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5);border-bottom:1px solid var(--border)}.consent-modal .modal-header h3{margin:0;color:var(--text);font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold)}.consent-modal .modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius);transition:all var(--transition-fast)}.consent-modal .modal-close-btn:hover{background:#0000001a;color:var(--text)}.consent-modal .modal-body{padding:var(--spacing-5);flex:1;overflow-y:auto}.consent-modal .modal-footer{padding:var(--spacing-5);border-top:1px solid var(--border);display:flex;justify-content:center;gap:var(--spacing-3)}.consent-modal button{width:fit-content}.pdf-preview-section{margin-top:var(--spacing-6);padding:var(--spacing-5);background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius)}.pdf-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.pdf-preview-header h4{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text)}.pdf-preview-container{display:flex;justify-content:center;align-items:center;background:#f8f9fa;border-radius:var(--border-radius);border:2px dashed var(--border);transition:all var(--transition-fast)}.pdf-preview-container:hover{border-color:var(--primary);background:#d977060d}.dark .pdf-preview-container{background:#1a1a1a}.dark .pdf-preview-container:hover{background:#d977061a}.search-section{margin-bottom:var(--spacing-4)}.select-all-section{margin-top:var(--spacing-3);display:flex}.select-all-btn{font-size:var(--font-size-small);padding:var(--spacing-2) var(--spacing-4)}.select-all-btn{background:linear-gradient(135deg,#f0fff4,#e6ffe6);border:1px solid #b3ffb3;color:#090;font-weight:var(--font-weight-medium)}.select-all-btn:hover{background:linear-gradient(135deg,#e6ffe6,#cfc);border-color:#6f6;transform:translateY(-1px)}.recipients-list{max-height:400px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--border-radius)}.recipient-option{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.recipient-option:last-child{border-bottom:none}.recipient-option:hover{background:#00000005}.recipient-option.selected{background:linear-gradient(135deg,#f0fff4,#e6ffe6);border-left:4px solid #009900;border-bottom-color:#e6ffe6}.recipient-details{display:flex;flex-direction:column;gap:var(--spacing-1)}.recipient-name{color:var(--text);font-weight:var(--font-weight-medium);font-size:var(--font-size-body)}.recipient-email{color:var(--text-muted);font-size:var(--font-size-small)}.selected-indicator{color:#090;font-weight:var(--font-weight-bold);font-size:var(--font-size-subheader);background:linear-gradient(135deg,#e6ffe6,#cfc);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0903}.loading-state,.empty-state{padding:var(--spacing-6);text-align:center;color:var(--text-muted)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes chipSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark .file-upload-label{background:linear-gradient(135deg,#1a1a1a,#0a2a0a);border-color:#4a8a4a}.dark .file-upload-label:hover{background:linear-gradient(135deg,#0a2a0a,#1a3a1a);border-color:#6f6}.dark .file-upload-label svg{color:#6f6}.dark .secondary-text{color:#6f6}.dark .selected-recipients{background:#ffffff05}.dark .recipient-chip{background:linear-gradient(135deg,#1a2a3a,#2a3a4a);border-color:#66b3ff;box-shadow:0 2px 8px #66b3ff4d}.dark .recipient-option:hover{background:#ffffff05}.dark .recipient-option.selected{background:linear-gradient(135deg,#0a2a0a,#1a3a1a);border-left-color:#6f6;border-bottom-color:#4a8a4a}.dark .selected-indicator{color:#6f6;background:linear-gradient(135deg,#1a3a1a,#2a4a2a);box-shadow:0 2px 6px #66ff664d}.dark .select-all-btn{background:linear-gradient(135deg,#0a2a0a,#1a3a1a);border-color:#4a8a4a;color:#6f6}.dark .select-all-btn:hover{background:linear-gradient(135deg,#1a3a1a,#2a4a2a);border-color:#6f6}.dark .remove-recipient-btn:hover{background:#dc143c26;color:#ff6b6b}.dark .modal-close-btn:hover{background:#ffffff1a}.dark .recipients-form-section{background:linear-gradient(135deg,#0a1a2a,#1a2a3a);border-color:#4a6a8a;box-shadow:0 4px 12px #6a8aaa33}.dark .recipients-form-section:hover{border-color:#6a8aaa;box-shadow:0 8px 20px #6a8aaa4d}.dark .recipients-form-section .form-label svg{color:#66b3ff}.dark .recipients-section-header button{background:linear-gradient(135deg,#66b3ff,#39f)}.dark .recipients-section-header button:hover{background:linear-gradient(135deg,#4da6ff,#1a8cff)}.dark .document-form-section{background:linear-gradient(135deg,#0a2a0a,#1a3a1a);border-color:#4a8a4a;box-shadow:0 4px 12px #6aaa6a33}.dark .document-form-section:hover{border-color:#6aaa6a;box-shadow:0 8px 20px #6aaa6a4d}.dark .document-form-section .form-label svg{color:#6f6}.dark .recipient-submit-button .button.primary{background:linear-gradient(135deg,#6f6,#3c3);color:#000}.dark .recipient-submit-button .button.primary:hover:not(:disabled){background:linear-gradient(135deg,#4dff4d,#29a329)}.dark .recipient-type-card:first-child{background:linear-gradient(135deg,#0a1a2a,#1a2a3a,#2a3a4a);border-color:#4a6a8a}.dark .recipient-type-card:first-child:hover{background:linear-gradient(135deg,#1a2a3a,#2a3a4a,#3a4a5a);border-color:#6a8aaa;box-shadow:0 8px 25px #6a8aaa4d}.dark .recipient-type-card:first-child .card-icon{color:#66b3ff}.dark .recipient-type-card:last-child{background:linear-gradient(135deg,#0a2a0a,#1a3a1a,#2a4a2a);border-color:#4a8a4a}.dark .recipient-type-card:last-child:hover{background:linear-gradient(135deg,#1a3a1a,#2a4a2a,#3a5a3a);border-color:#6aaa6a;box-shadow:0 8px 25px #6aaa6a4d}.dark .recipient-type-card:last-child .card-icon{color:#6f6}.dark .recipient-type-card.selected:first-child{background:linear-gradient(135deg,#2a3a4a,#3a4a5a,#4a5a6a);border-color:#66b3ff}.dark .recipient-type-card.selected:last-child{background:linear-gradient(135deg,#2a4a2a,#3a5a3a,#4a6a4a);border-color:#6f6}.ccp-page{min-height:100vh;background:var(--background-gradient);color:var(--text);font-family:var(--font-family);display:flex;flex-direction:column;overflow-x:hidden}.ccp-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-5)}.ccp-error-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-8)}.ccp-error-content{text-align:center;max-width:500px;background:var(--card);padding:var(--spacing-8);border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--border)}.ccp-error-icon{color:var(--danger);margin-bottom:var(--spacing-5)}.ccp-error-title{font-size:var(--font-size-header);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:var(--text)}.ccp-error-message{font-size:var(--font-size-body);color:var(--text-muted);margin-bottom:var(--spacing-6);line-height:1.6}.ccp-header{background:var(--card);border-bottom:1px solid var(--border);padding:var(--spacing-5) var(--spacing-8);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ccp-header-content{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6)}.ccp-logo{flex-shrink:0}.ccp-logo-image{height:42px;width:auto;cursor:pointer;transition:transform var(--transition-fast)}.ccp-header-center{flex:1;display:flex;justify-content:center}.ccp-header-actions{flex-shrink:0}.ccp-toggle-container{display:flex;align-items:center;gap:var(--spacing-3)}.ccp-status-container{display:flex;align-items:center;gap:var(--spacing-4)}.ccp-status-text{text-align:center}.ccp-status-title{font-size:var(--font-size-subheader);font-weight:var(--font-weight-medium);color:var(--text);margin:0 0 var(--spacing-1) 0}.ccp-status-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-3);border-radius:12px;display:inline-block}.ccp-status-completed{color:var(--success);background:var(--success-bg)}.ccp-status-pending{color:var(--pending);background:var(--pending-bg)}.ccp-status-expired{color:var(--failure);background:var(--failure-bg)}.ccp-status-icon{flex-shrink:0}.ccp-status-icon.ccp-status-completed{color:var(--success)}.ccp-status-icon.ccp-status-pending{color:var(--pending)}.ccp-status-icon.ccp-status-expired{color:var(--failure)}.ccp-main-layout{flex:1;display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-8);min-width:1200px;margin:0 auto;padding:var(--spacing-6) var(--spacing-8);min-height:0}.ccp-pdf-panel{background:var(--card);border-radius:var(--border-radius);border:1px solid var(--border);box-shadow:var(--card-shadow);display:flex;flex-direction:column;overflow:hidden}.ccp-pdf-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0}.ccp-pdf-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text);flex:1;min-width:0}.ccp-pdf-title span{truncate:true;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccp-pdf-icon{color:var(--text-muted);flex-shrink:0}.ccp-pdf-controls{display:flex;align-items:center;gap:var(--spacing-2)}.ccp-pdf-control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);padding:0;margin:0}.ccp-pdf-control-btn:hover:not(:disabled){background:var(--primary);color:var(--card);border-color:var(--primary)}.ccp-pdf-control-btn:disabled{opacity:.5;cursor:not-allowed}.ccp-zoom-indicator{font-size:var(--font-size-small);color:var(--text-muted);min-width:40px;text-align:center}.ccp-pdf-viewer{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;background:#f8f9fa;position:relative}.ccp-pdf-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);color:var(--text-muted)}.ccp-pdf-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);color:var(--danger);text-align:center;padding:var(--spacing-6)}.ccp-pdf-document{display:flex;justify-content:center}.ccp-pdf-page{border:1px solid #ddd;box-shadow:0 2px 8px #0000001a;margin:var(--spacing-4)}.ccp-pdf-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);background:var(--card);border-top:1px solid var(--border);flex-shrink:0}.ccp-pdf-nav-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-small)}.ccp-pdf-nav-btn:hover:not(:disabled){background:var(--primary);color:var(--card);border-color:var(--primary)}.ccp-pdf-nav-btn:disabled{opacity:.5;cursor:not-allowed}.ccp-page-indicator{font-size:var(--font-size-small);color:var(--text-muted)}.ccp-content-panel{display:flex;flex-direction:column;gap:var(--spacing-6);min-height:0}.ccp-document-info{background:var(--card);border-radius:var(--border-radius);border:1px solid var(--border);box-shadow:var(--card-shadow);overflow:hidden}.ccp-info-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:var(--card);border-bottom:1px solid var(--border)}.ccp-info-icon{color:var(--text-muted)}.ccp-info-title{font-size:var(--font-size-subheader);font-weight:var(--font-weight-medium);color:var(--text);margin:0}.ccp-info-grid{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4)}.ccp-info-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border)}.ccp-info-item:last-child{border-bottom:none;padding-bottom:0}.ccp-info-label{font-size:var(--font-size-small);color:var(--text-muted);font-weight:var(--font-weight-medium);flex-shrink:0}.ccp-info-value{font-size:var(--font-size-small);color:var(--text);text-align:right;word-break:break-word}.ccp-completion-section{background:var(--card);border-radius:var(--border-radius);border:1px solid var(--success);box-shadow:var(--card-shadow);padding:var(--spacing-6);text-align:center}.ccp-completion-header{margin-bottom:var(--spacing-5)}.ccp-completion-icon{color:var(--success);margin-bottom:var(--spacing-3)}.ccp-completion-title{font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text);margin:0}.ccp-completion-details{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.ccp-completion-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--success-bg);border-radius:var(--border-radius)}.ccp-completion-detail-icon{color:var(--success);flex-shrink:0}.ccp-completion-info{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;text-align:left}.ccp-completion-label{font-size:var(--font-size-small);color:var(--text-muted);font-weight:var(--font-weight-medium)}.ccp-completion-value{font-size:var(--font-size-body);color:var(--text);font-weight:var(--font-weight-medium)}.ccp-completion-note{padding:var(--spacing-4);background:var(--success-bg);border-radius:var(--border-radius);border:1px solid var(--success)}.ccp-completion-text{font-size:var(--font-size-small);color:var(--text);margin:0;line-height:1.6}.ccp-expired-section{background:var(--card);border-radius:var(--border-radius);border:1px solid var(--failure);box-shadow:var(--card-shadow);padding:var(--spacing-6);text-align:center}.ccp-expired-header{margin-bottom:var(--spacing-4)}.ccp-expired-icon{color:var(--failure);margin-bottom:var(--spacing-3)}.ccp-expired-title{font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--spacing-4) 0}.ccp-expired-text{font-size:var(--font-size-body);color:var(--text-muted);margin:0;line-height:1.6}.ccp-form-section{background:var(--card);border-radius:var(--border-radius);border:1px solid var(--border);box-shadow:var(--card-shadow);overflow:hidden}.ccp-form-header{padding:var(--spacing-5) var(--spacing-6);background:var(--card);border-bottom:1px solid var(--border)}.ccp-form-title{font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--spacing-3) 0}.ccp-form-description{font-size:var(--font-size-body);color:var(--text-muted);margin:0;line-height:1.6}.ccp-consent-form{padding:var(--spacing-6)}.ccp-form-group{margin-bottom:var(--spacing-5)}.ccp-form-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text);margin-bottom:var(--spacing-3)}.ccp-label-icon{color:var(--text-muted)}.ccp-form-input{width:100%;padding:var(--spacing-4);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text);font-size:var(--font-size-body);font-family:var(--font-family);transition:all var(--transition-fast)}.ccp-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0000001a}.ccp-form-input:disabled{opacity:.6;cursor:not-allowed}.ccp-checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer;font-size:var(--font-size-body);line-height:1.6}.ccp-form-checkbox{width:18px;height:18px;margin-top:2px;flex-shrink:0}.ccp-checkbox-text{color:var(--text)}.ccp-form-actions{margin-top:var(--spacing-6)}.ccp-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-4) var(--spacing-6);border-radius:var(--border-radius);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;text-decoration:none;min-height:44px}.ccp-button-primary{background:var(--primary);color:var(--card);border-color:var(--primary)}.ccp-button-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.ccp-button-secondary{background:var(--card);color:var(--text);border-color:var(--border)}.ccp-button-secondary:hover:not(:disabled){background:var(--primary);color:var(--card);border-color:var(--primary)}.ccp-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ccp-error-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--failure-bg);color:var(--failure);border:1px solid var(--failure);border-radius:var(--border-radius);font-size:var(--font-size-small);margin-bottom:var(--spacing-4)}.ccp-success-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--success-bg);color:var(--success);border:1px solid var(--success);border-radius:var(--border-radius);font-size:var(--font-size-small);margin-bottom:var(--spacing-4)}.ccp-security-note{margin-top:var(--spacing-6);padding:var(--spacing-4);background:var(--pending-bg);border:1px solid var(--border);border-radius:var(--border-radius)}.ccp-security-text{font-size:var(--font-size-small);color:var(--text-muted);margin:0;line-height:1.6}.ccp-footer{margin-top:auto;padding:var(--spacing-5) var(--spacing-8);background:var(--card);border-top:1px solid var(--border)}.ccp-footer-text{text-align:center;font-size:var(--font-size-small);color:var(--text-muted);max-width:1400px;margin:0 auto}@media (max-width: 1200px){.ccp-main-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:var(--spacing-5);max-width:1200px}.ccp-pdf-panel{order:2;max-height:60vh;min-height:500px}.ccp-content-panel{order:1}}@media (max-width: 768px){.ccp-page{padding:0}.ccp-header-content{flex-direction:column;gap:var(--spacing-4);text-align:center}.ccp-header-center{order:2}.ccp-header-actions{order:3}.ccp-logo{order:1}.ccp-status-text{text-align:center}.ccp-main-layout{padding:var(--spacing-4);gap:var(--spacing-4)}.ccp-pdf-controls{gap:var(--spacing-1)}.ccp-pdf-control-btn{width:28px;height:28px}.ccp-zoom-indicator{font-size:var(--font-size-tiny);min-width:35px}.ccp-info-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.ccp-info-value{text-align:left}.ccp-completion-item{flex-direction:column;align-items:flex-start;text-align:left}.ccp-completion-info{width:100%}}@media (max-width: 480px){.ccp-header{padding:var(--spacing-4)}.ccp-main-layout{padding:var(--spacing-3)}.ccp-consent-form,.ccp-form-header{padding:var(--spacing-4)}.ccp-pdf-header{padding:var(--spacing-3)}.ccp-pdf-title{font-size:var(--font-size-small)}.ccp-pdf-pagination{padding:var(--spacing-3);flex-direction:column;gap:var(--spacing-2)}.ccp-button{width:100%;justify-content:center}}.ccp-skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:ccp-skeleton-loading 1.5s infinite;border-radius:4px;display:block}.ccp-skeleton-icon{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:ccp-skeleton-loading 1.5s infinite;border-radius:50%;display:block}.ccp-skeleton-badge{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:ccp-skeleton-loading 1.5s infinite;border-radius:15px;display:block}@keyframes ccp-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .ccp-skeleton-text,.dark .ccp-skeleton-icon,.dark .ccp-skeleton-badge{background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%}@media print{.ccp-page{background:#fff;color:#000}.ccp-pdf-controls,.ccp-pdf-pagination,.ccp-form-section,.ccp-footer{display:none}.ccp-main-layout{grid-template-columns:1fr;padding:0}.ccp-pdf-panel{max-height:none;box-shadow:none;border:none}}.legal-page-container{min-height:100vh;background:var(--background-gradient);color:var(--text);font-family:var(--font-family);padding:var(--spacing-8) var(--spacing-5);display:flex;flex-direction:column;align-items:center}.legal-page-content{max-width:800px;width:100%;background:var(--card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--spacing-8);margin:var(--spacing-5) 0;transition:all var(--transition-normal)}.legal-page-header{text-align:center;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-5);border-bottom:1px solid var(--border)}.legal-page-title{font-size:var(--font-size-header);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--spacing-3);background:linear-gradient(135deg,var(--text),var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-page-effective-date{font-size:var(--font-size-body);color:var(--text-muted);font-weight:var(--font-weight-medium)}.legal-page-company{font-size:var(--font-size-body);color:var(--text-muted);margin-top:var(--spacing-2)}.legal-page-body{line-height:1.7;color:var(--text)}.legal-page-body h2{font-size:var(--font-size-subheader);font-weight:var(--font-weight-semibold);color:var(--text);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--border)}.legal-page-body h3{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3)}.legal-page-body p{font-size:var(--font-size-body);color:var(--text);margin-bottom:var(--spacing-4);text-align:justify}.legal-page-body ul{margin:var(--spacing-4) 0;padding-left:var(--spacing-6)}.legal-page-body li{font-size:var(--font-size-body);color:var(--text);margin-bottom:var(--spacing-2);line-height:1.6}.legal-page-body strong{font-weight:var(--font-weight-semibold);color:var(--text)}.legal-page-back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--primary);text-decoration:none;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-6);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius);border:1px solid var(--border);background:var(--card);transition:all var(--transition-fast)}.legal-page-back-link:hover{background:var(--primary);color:var(--card);transform:translateY(-2px);box-shadow:var(--card-shadow)}.legal-page-contact-section{background:linear-gradient(135deg,var(--card),var(--background));border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-6);margin-top:var(--spacing-8)}.legal-page-contact-section h3{color:var(--text);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.legal-page-contact-info{color:var(--text-muted);font-size:var(--font-size-body);line-height:1.6}.legal-page-contact-info p{margin-bottom:var(--spacing-2)}.terms-privacy-notice{text-align:center;font-size:var(--font-size-small);color:var(--text-muted);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border);line-height:1.5}.terms-privacy-notice .auth-link{color:var(--primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}@media (max-width: 768px){.legal-page-container{padding:var(--spacing-4) var(--spacing-3)}.legal-page-content{padding:var(--spacing-6);margin:var(--spacing-3) 0}.legal-page-title{font-size:20px}.legal-page-body h2{font-size:16px}.legal-page-body p,.legal-page-body li{font-size:var(--font-size-small)}}@media (max-width: 480px){.legal-page-container{padding:var(--spacing-3) var(--spacing-2)}.legal-page-content{padding:var(--spacing-4)}.legal-page-title{font-size:18px}.terms-privacy-notice{font-size:var(--font-size-tiny)}}