@keyframes spin{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.login-container{background:linear-gradient(135deg,var(--primary),var(--primary-dark));justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex;position:relative;overflow:hidden}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.login-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#fffffff2;border-radius:20px;width:1000px;max-width:90%;animation:.5s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.login-brand{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.login-form-wrapper{background:#fff;flex:1;padding:40px}.login-form{max-width:350px;margin:0 auto}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.strength-bar{background:#eee;border-radius:2px;flex:1;height:4px;transition:width .3s;overflow:hidden}.strength-bar.strength-0{background:#f44336;width:20%}.strength-bar.strength-1{background:#ff9800;width:40%}.strength-bar.strength-2{background:#ffc107;width:60%}.strength-bar.strength-3{background:#2196f3;width:80%}.strength-bar.strength-4{background:#4caf50;width:100%}.strength-text{color:#666;min-width:70px;font-size:12px}.form-options{opacity:0;justify-content:space-between;align-items:center;margin-bottom:25px;animation:.5s ease-out .4s forwards fadeInUp;display:flex}.login-help{color:#4c5680;opacity:0;background:#f4f7ff;border-radius:8px;margin-top:-10px;margin-bottom:20px;padding:10px 12px;font-size:13px;line-height:1.5;animation:.5s ease-out .35s forwards fadeInUp}.checkbox-custom{background-color:#fff;border:2px solid #ddd;border-radius:4px;flex-shrink:0;width:20px;height:20px;transition:all .2s;position:relative}.checkbox-label{color:#666;font-size:14px}.forgot-link{color:#667eea;font-size:14px;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#764ba2;text-decoration:underline}.register-prompt{text-align:center;opacity:0;margin:20px 0;animation:.5s ease-out .6s forwards fadeInUp}.demo-toggle{text-align:center;opacity:0;margin-bottom:15px;animation:.5s ease-out .65s forwards fadeInUp}.demo-button{color:#667eea;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:13px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.demo-button:hover{color:#764ba2}.demo-credentials{background:#f8f9fa;border:1px dashed #667eea;border-radius:8px;margin-bottom:20px;padding:15px;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.demo-title{color:#333;align-items:center;gap:5px;margin-bottom:10px;font-weight:600;display:flex}.demo-details{background:#fff;border-radius:5px;margin-bottom:10px;padding:10px}.demo-details p{color:#555;margin:5px 0;font-family:monospace;font-size:14px}.demo-label{color:#667eea;margin-right:5px;font-weight:500}.demo-fill-button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:5px;width:100%;padding:10px;font-size:14px;transition:all .3s;box-shadow:0 10px 24px #2563eb2e}.demo-fill-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 14px 28px #2563eb3d}.social-login{opacity:0;margin-top:20px;animation:.5s ease-out .7s forwards fadeInUp}.divider{text-align:center;margin:20px 0;position:relative}.divider:before,.divider:after{content:"";background:#ddd;width:45%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.divider span{color:#999;background:#fff;padding:0 10px;font-size:12px}.social-buttons{gap:10px;margin-top:15px;display:flex}.social-button{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.social-button:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.social-button.google:hover{color:#db4437;border-color:#db4437}.social-button.github:hover{color:#333;border-color:#333}.social-icon{font-size:18px}@media (max-width:992px){.login-wrapper{max-width:95%}.brand-title{font-size:2rem}.brand-logo{width:80px;height:80px}}@media (max-width:768px){.login-container{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:15px}.login-wrapper{border-radius:15px;width:100%;max-width:100%;animation:.5s ease-out slideUpMobile}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-form-wrapper{padding:25px 20px}.login-form{max-width:100%}.form-header h2{font-size:1.8rem}.form-header p{font-size:14px}.input-group{margin-bottom:20px}.form-input{padding:14px 40px;font-size:15px}.input-label{font-size:14px;left:40px}.input-group.focused .input-label{font-size:11px}.password-toggle{font-size:18px;right:12px}.validation-icon{font-size:16px;right:40px}.checkbox-label,.forgot-link{font-size:13px}.submit-button{padding:14px;font-size:15px}.social-buttons{gap:8px}.social-button{padding:12px;font-size:14px}.demo-credentials{padding:12px}.demo-details p{font-size:13px}.demo-fill-button{padding:12px;font-size:14px}.submit-button:hover,.social-button:hover{box-shadow:none;transform:none}.forgot-link:hover{text-decoration:none}}@media (max-width:480px){.login-container{padding:10px}.login-wrapper{border-radius:12px}.login-form-wrapper{padding:20px 15px}.mobile-logo{width:50px;height:50px}.mobile-title{font-size:1.5rem}.mobile-tagline{font-size:.9rem}.form-header h2{font-size:1.5rem}.form-header p{font-size:13px}.form-input{padding:12px 35px;font-size:14px}.input-label{font-size:13px;left:35px}.input-group.focused .input-label{font-size:10px;left:12px}.label-icon{font-size:14px}.password-toggle{font-size:16px;right:10px}.validation-icon{font-size:14px;right:35px}.checkbox-label,.forgot-link{font-size:12px}.submit-button{padding:12px;font-size:14px}.button-icon{font-size:18px}.register-prompt p{font-size:13px}.social-button{padding:10px}.social-icon{font-size:16px}.divider span{font-size:11px}.demo-button{font-size:12px}.demo-credentials{padding:10px}.demo-title{font-size:14px}.demo-details p{font-size:12px}.demo-fill-button{padding:10px;font-size:13px}.strength-text{min-width:60px;font-size:11px}}@media (max-width:360px){.login-form-wrapper{padding:15px 12px}.form-input{padding:10px 30px;font-size:13px}.input-label{font-size:12px;left:30px}.input-group.focused .input-label{font-size:9px;left:10px}.checkbox-label,.forgot-link{font-size:11px}.register-prompt p{font-size:12px}.social-button{padding:8px}}@media (max-width:896px) and (orientation:landscape){.login-container{height:auto;min-height:100vh;padding:10px}.login-wrapper{margin:10px auto}.login-form-wrapper{padding:20px}.form-header{margin-bottom:20px}.form-header h2{font-size:1.5rem}.input-group{margin-bottom:15px}.form-input{padding:10px 35px}.social-login{margin-top:15px}}@media (hover:none) and (pointer:coarse){.submit-button,.social-button,.demo-fill-button,.password-toggle,.error-close,.demo-button{min-height:44px}.checkbox-container{min-height:44px;padding:5px 0}.forgot-link{align-items:center;min-height:44px;display:inline-flex}.form-input{font-size:16px}}@media (prefers-color-scheme:dark){.login-form-wrapper{background:#1a1a1a}.form-header h2{color:#fff}.form-header p,.input-label{color:#aaa}.input-group.focused .input-label{color:#667eea;background:#1a1a1a}.form-input{color:#fff;border-color:#333}.form-input:focus{border-color:#667eea}.checkbox-label{color:#aaa}.login-help{color:#c7d0ff;background:#232842}.checkbox-custom{background-color:#333;border-color:#444}.divider span{color:#aaa;background:#1a1a1a}.divider:before,.divider:after{background:#333}.social-button{color:#fff;background:#333;border-color:#444}.demo-credentials{background:#2a2a2a;border-color:#667eea}.demo-details{background:#333}.demo-details p{color:#ddd}.keyboard-hint{color:#aaa}.keyboard-hint kbd{color:#ddd;background:#333;border-color:#444}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bg-circle,.shake{animation:none}}@media print{.login-container{background:#fff;min-height:auto}.bg-animation,.social-login,.demo-toggle,.demo-credentials,.password-toggle,.submit-button{display:none}.login-wrapper{box-shadow:none;border:1px solid #ddd}.form-input{border:1px solid #000}}.register-container{background:linear-gradient(135deg,var(--primary),var(--primary-dark));justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex;position:relative;overflow:hidden}.register-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#fffffff2;border-radius:20px;width:1100px;max-width:100%;animation:.5s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.register-brand{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.brand-content{text-align:center;max-width:300px}.feature-item:nth-child(4){animation-delay:.4s}.register-form-wrapper{background:#fff;flex:1.2;max-height:90vh;padding:40px;overflow-y:auto}.register-form{max-width:400px;margin:0 auto}.invitation-summary{opacity:0;background:linear-gradient(#f7f9ff 0%,#eef3ff 100%);border:1px solid #d8e2ff;border-radius:14px;margin-bottom:24px;padding:18px;animation:.5s ease-out .12s forwards fadeInUp}.invitation-summary-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.invitation-pill{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.invitation-note{color:#5d6b94;font-size:12px;font-weight:500}.invitation-summary-copy{color:#36425f;margin-bottom:12px;font-size:14px;line-height:1.6}.invitation-checklist{color:#4d5a7a;margin:0;padding-left:18px;font-size:13px;line-height:1.6}.invitation-checklist li+li{margin-top:6px}.success-icon{font-size:18px}.success-text{flex:1}.error-text{white-space:pre-wrap;word-break:break-word;flex:1}.name-row{gap:15px;margin-bottom:0;display:flex}.name-row .input-group{flex:1}.input-group:first-child{animation-delay:.1s}.input-group:nth-child(2){animation-delay:.15s}.input-group:nth-child(4){animation-delay:.25s}.input-group:nth-child(5){animation-delay:.3s}.input-group:nth-child(6){animation-delay:.35s}.form-input:disabled{cursor:not-allowed;background:#f5f5f5}.validation-icon{font-size:18px;font-weight:700;position:absolute;top:50%;right:45px;transform:translateY(-50%)}.validation-icon.invalid{color:#f44336;cursor:help}.field-error{color:#f44336;font-size:12px;animation:.3s ease-out fadeIn;position:absolute;bottom:-20px;left:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.password-toggle:hover{color:#667eea}.strength-bar{border-radius:2px;flex:1;height:4px;transition:width .3s,background-color .3s}.strength-text{min-width:70px;font-size:12px;transition:color .3s}.password-requirements{z-index:10;background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:5px;padding:12px;animation:.3s ease-out slideDown;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000001a}.requirements-list li{color:#999;align-items:center;gap:5px;margin-bottom:5px;font-size:11px;display:flex}.requirements-list li.met:before{content:"✓";color:#4caf50}.password-match{margin-top:5px;font-size:12px}.match-indicator{align-items:center;gap:5px;display:flex}.match-indicator.valid{color:#4caf50}.match-indicator.invalid{color:#f44336}.terms-group{opacity:0;margin-bottom:25px;animation:.5s ease-out .4s forwards fadeInUp}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;display:flex;position:relative}.checkbox-input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-custom{background-color:#fff;border:2px solid #ddd;border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-top:2px;transition:all .2s;position:relative}.checkbox-input:checked~.checkbox-custom{background-color:#667eea;border-color:#667eea}.checkbox-input:checked~.checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.checkbox-label{color:#666;font-size:14px;line-height:1.5}.terms-link{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s}.terms-link:hover{color:#764ba2;text-decoration:underline}.submit-button:hover:before{width:300px;height:300px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #2563eb47}.submit-button:active{transform:translateY(0)}.submit-button:disabled:before{display:none}.submit-button:hover .button-icon:not(.loading){transform:translate(5px)}.keyboard-hint{text-align:center;color:#999;margin-top:10px;font-size:12px}.register-form-wrapper::-webkit-scrollbar{width:8px}.register-form-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.register-form-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.register-form-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:992px){.register-wrapper{max-width:95%}.brand-title{font-size:2rem}.brand-logo{width:80px;height:80px}.name-row{flex-direction:column;gap:0}}@media (max-width:768px){.register-container{padding:15px}.register-wrapper{border-radius:15px;width:100%;max-width:100%;animation:.5s ease-out slideUpMobile}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.register-form-wrapper{max-height:none;padding:25px 20px;overflow-y:visible}.register-form{max-width:100%}.form-header h2{font-size:1.8rem}.form-header p{font-size:14px}.input-group{margin-bottom:20px}.form-input{padding:14px 40px;font-size:15px}.input-label{font-size:14px;left:40px}.input-group.focused .input-label{font-size:11px}.password-toggle{font-size:18px;right:12px}.validation-icon{font-size:16px;right:40px}.checkbox-label{font-size:13px}.submit-button{padding:14px;font-size:15px}.password-requirements{box-shadow:none;border:1px solid #eee;margin-top:10px;position:static}.name-row{gap:0}.submit-button:hover{box-shadow:none;transform:none}.terms-link:hover{text-decoration:none}}@media (max-width:480px){.register-container{padding:10px}.register-wrapper{border-radius:12px}.register-form-wrapper{padding:20px 15px}.mobile-logo{width:50px;height:50px}.mobile-title{font-size:1.5rem}.mobile-tagline{font-size:.9rem}.form-header h2{font-size:1.5rem}.form-header p{font-size:13px}.form-input{padding:12px 35px;font-size:14px}.input-label{font-size:13px;left:35px}.input-group.focused .input-label{font-size:10px;left:12px}.label-icon{font-size:14px}.password-toggle{font-size:16px;right:10px}.validation-icon{font-size:14px;right:35px}.checkbox-label{font-size:12px}.submit-button{padding:12px;font-size:14px}.button-icon{font-size:18px}.login-prompt p{font-size:13px}.strength-text{min-width:60px;font-size:11px}}@media (max-width:360px){.register-form-wrapper{padding:15px 12px}.form-input{padding:10px 30px;font-size:13px}.input-label{font-size:12px;left:30px}.input-group.focused .input-label{font-size:9px;left:10px}.checkbox-label{font-size:11px}.login-prompt p{font-size:12px}}@media (max-width:896px) and (orientation:landscape){.register-container{height:auto;min-height:100vh;padding:10px}.register-wrapper{margin:10px auto}.register-form-wrapper{max-height:80vh;padding:20px}.form-header{margin-bottom:20px}.form-header h2{font-size:1.5rem}.input-group{margin-bottom:15px}.form-input{padding:10px 35px}}@media (hover:none) and (pointer:coarse){.submit-button,.password-toggle,.error-close,.terms-link{align-items:center;min-height:44px;display:inline-flex}.checkbox-container{min-height:44px;padding:5px 0}.form-input{font-size:16px}}@media (prefers-color-scheme:dark){.register-form-wrapper{background:#1a1a1a}.form-header h2{color:#fff}.form-header p,.input-label{color:#aaa}.input-group.focused .input-label{color:#667eea;background:#1a1a1a}.form-input{color:#fff;border-color:#333}.form-input:focus{border-color:#667eea}.checkbox-label{color:#aaa}.checkbox-custom{background-color:#333;border-color:#444}.password-requirements{background:#2a2a2a;border-color:#444}.invitation-summary{background:#232842;border-color:#38416b}.invitation-note,.invitation-summary-copy,.invitation-checklist{color:#c7d0ff}.requirements-title{color:#ddd}.requirements-list li{color:#999}.keyboard-hint{color:#aaa}.keyboard-hint kbd{color:#ddd;background:#333;border-color:#444}.success-message{color:#a5d6a5;background:#1e3a1e}.error-message{color:#ffa5a5;background:#3a1e1e}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bg-circle,.shake,.brand-logo{animation:none}}@media print{.register-container{background:#fff;min-height:auto;padding:20px}.bg-animation,.password-toggle,.submit-button,.keyboard-hint{display:none}.register-wrapper{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #ddd}.form-input{color:#000;background:#fff;border:1px solid #000}.register-brand{color:#000;background:#fff;border-right:1px solid #ddd}.brand-title{-webkit-text-fill-color:#333;background:0 0}.feature-item{color:#333;background:#f5f5f5}}.forgot-password-container{background:linear-gradient(135deg,var(--primary),var(--primary-dark));justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex;position:relative;overflow:hidden}.forgot-password-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#fffffff2;border-radius:20px;width:1000px;max-width:90%;animation:.5s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.forgot-password-brand{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.brand-title{background:linear-gradient(90deg,#fff,#f0f0f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:700}.forgot-password-form-wrapper{background:#fff;flex:1;padding:40px}.forgot-password-form{max-width:350px;margin:0 auto}.info-box{color:#0d47a1;opacity:0;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 15px;font-size:13px;animation:.5s ease-out .15s forwards fadeInUp;display:flex}.next-step-box{color:#33406b;opacity:0;background:#f4f7ff;border-left:4px solid #667eea;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 15px;font-size:13px;animation:.5s ease-out .16s forwards fadeInUp;display:flex}.info-icon{flex-shrink:0;font-size:16px}.info-text{flex:1;line-height:1.5}.input-group.focused .input-label{color:#667eea;background:#fff;padding:0 5px;font-size:12px;top:0;left:15px;transform:translateY(-50%)}.validation-icon{z-index:2;font-size:18px;font-weight:700;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.validation-icon.valid{color:#4caf50}.validation-icon.invalid{color:#f44336}.field-error{color:#f44336;margin-top:5px;padding-left:15px;font-size:12px}.register-prompt{text-align:center;opacity:0;margin-bottom:15px;animation:.5s ease-out .4s forwards fadeInUp}.register-prompt p{color:#666;font-size:14px}.register-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s}.register-link:hover{color:#764ba2;text-decoration:underline}@media (max-width:992px){.forgot-password-wrapper{max-width:95%}.brand-title{font-size:2rem}.brand-logo{width:80px;height:80px}}@media (max-width:768px){.forgot-password-container{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:15px}.forgot-password-wrapper{border-radius:15px;width:100%;max-width:100%;animation:.5s ease-out slideUpMobile}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forgot-password-form-wrapper{padding:25px 20px}.forgot-password-form{max-width:100%}.form-header h2{font-size:1.8rem}.form-header p{font-size:14px}.input-group{margin-bottom:20px}.form-input{padding:14px 40px;font-size:15px}.input-label{font-size:14px;left:40px}.input-group.focused .input-label{font-size:11px}.validation-icon{font-size:16px;right:12px}.submit-button{padding:14px;font-size:15px}.info-box{padding:10px 12px;font-size:12px}.submit-button:hover{box-shadow:none;transform:none}.login-link:hover,.register-link:hover{text-decoration:none}}@media (max-width:480px){.forgot-password-container{padding:10px}.forgot-password-wrapper{border-radius:12px}.forgot-password-form-wrapper{padding:20px 15px}.mobile-logo{width:50px;height:50px}.mobile-title{font-size:1.5rem}.mobile-tagline{font-size:.9rem}.form-header h2{font-size:1.5rem}.form-header p{font-size:13px}.form-input{padding:12px 35px;font-size:14px}.input-label{font-size:13px;left:35px}.input-group.focused .input-label{font-size:10px;left:12px}.label-icon{font-size:14px}.validation-icon{font-size:14px;right:10px}.submit-button{padding:12px;font-size:14px}.button-icon{font-size:18px}.login-prompt p,.register-prompt p{font-size:13px}.info-box{padding:8px 10px;font-size:11px}.keyboard-hint{font-size:11px}}@media (max-width:360px){.forgot-password-form-wrapper{padding:15px 12px}.form-input{padding:10px 30px;font-size:13px}.input-label{font-size:12px;left:30px}.input-group.focused .input-label{font-size:9px;left:10px}.login-prompt p,.register-prompt p{font-size:12px}}@media (max-width:896px) and (orientation:landscape){.forgot-password-container{height:auto;min-height:100vh;padding:10px}.forgot-password-wrapper{margin:10px auto}.forgot-password-form-wrapper{padding:20px}.form-header{margin-bottom:20px}.form-header h2{font-size:1.5rem}.input-group{margin-bottom:15px}.form-input{padding:10px 35px}}@media (hover:none) and (pointer:coarse){.submit-button,.error-close{min-height:44px}.form-input{font-size:16px}}@media (prefers-color-scheme:dark){.forgot-password-form-wrapper{background:#1a1a1a}.form-header h2{color:#fff}.form-header p,.input-label{color:#aaa}.input-group.focused .input-label{color:#667eea;background:#1a1a1a}.form-input{color:#fff;border-color:#333}.form-input:focus{border-color:#667eea}.form-input:disabled{color:#888;background:#2a2a2a}.info-box{color:#90caf9;background:#1a3a4a;border-left-color:#2196f3}.next-step-box{color:#c7d0ff;background:#232842;border-left-color:#667eea}.login-prompt p,.register-prompt p,.keyboard-hint{color:#aaa}.keyboard-hint kbd{color:#ddd;background:#333;border-color:#444}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bg-circle,.shake,.brand-logo{animation:none}}@media print{.forgot-password-container{background:#fff;min-height:auto}.bg-animation,.submit-button,.keyboard-hint{display:none}.forgot-password-wrapper{box-shadow:none;border:1px solid #ddd}.form-input{border:1px solid #000}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#0ea5e9}.loading-container{background:linear-gradient(135deg,var(--primary),var(--primary-dark));justify-content:center;align-items:center;height:100vh;display:flex}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite spin}.reset-password-container{background:linear-gradient(135deg,var(--primary),var(--primary-dark));justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex;position:relative;overflow:hidden}.bg-animation{position:absolute;inset:0;overflow:hidden}.bg-circle{background:#ffffff1a;border-radius:50%;animation:20s infinite float;position:absolute}.circle-1{width:300px;height:300px;top:-150px;right:-150px}.circle-2{width:400px;height:400px;animation-delay:-5s;bottom:-200px;left:-200px}.circle-3{width:200px;height:200px;animation-delay:-10s;bottom:50%;right:20%}.reset-password-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#fffffff2;border-radius:20px;width:1000px;max-width:90%;animation:.5s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.reset-password-brand{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.brand-content{text-align:center}.brand-logo{width:100px;height:100px;margin-bottom:20px;animation:2s infinite pulse}.brand-title{background:linear-gradient(90deg,#fff,#f0f0f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:700}.brand-tagline{opacity:.9;margin-bottom:30px;font-size:1rem}.brand-features{flex-direction:column;gap:15px;margin-top:40px;display:flex}.feature-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background:#ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:10px;animation:.5s ease-out forwards slideInRight;display:flex;transform:translate(-20px)}.feature-item:first-child{animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s}.feature-icon{font-size:1.5rem}.reset-password-form-wrapper{background:#fff;flex:1;padding:40px}.reset-password-form{max-width:350px;margin:0 auto}.mobile-header{text-align:center;margin-bottom:30px}.mobile-logo{width:60px;height:60px;margin-bottom:10px}.mobile-title{color:#333;margin-bottom:5px;font-size:1.8rem}.mobile-tagline{color:#667eea;font-size:1rem}.form-header{text-align:center;margin-bottom:30px}.form-header h2{color:#333;margin-bottom:5px;font-size:2rem;animation:.5s ease-out fadeInDown}.form-header p{color:#666;opacity:0;animation:.5s ease-out .1s forwards fadeInUp}.success-message{color:#2e7d32;background:#e8f5e8;border-left:4px solid #4caf50;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 15px;font-size:14px;animation:.3s ease-out slideInLeft;display:flex}.success-icon{flex-shrink:0;font-size:18px}.success-text{word-break:break-word;flex:1}.error-message{color:#d32f2f;background:#fee;border-left:4px solid #f44336;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 40px 12px 15px;font-size:14px;animation:.3s ease-out slideInLeft;display:flex;position:relative}.error-message.invalid-link{flex-wrap:wrap;padding:15px}.error-icon{flex-shrink:0;font-size:18px}.error-text{word-break:break-word;flex:1}.error-close{color:#d32f2f;cursor:pointer;opacity:.7;background:0 0;border:none;padding:5px;font-size:20px;transition:opacity .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.error-close:hover{opacity:1}.invalid-link-button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;text-align:center;border-radius:5px;width:100%;margin-top:10px;padding:10px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 10px 24px #2563eb2e}.invalid-link-button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 14px 28px #2563eb3d}.shake{animation:.5s ease-in-out shake}.input-group{opacity:0;margin-bottom:25px;animation:.5s ease-out .2s forwards fadeInUp;position:relative}.input-group:nth-child(3){animation-delay:.3s}.form-input{-webkit-appearance:none;background:0 0;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;padding:15px 45px;font-size:16px;transition:all .3s}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{cursor:not-allowed;opacity:.7;background:#f5f5f5}.input-group.error .form-input{border-color:#f44336}.input-group.error .input-label{color:#f44336}.input-label{color:#999;pointer-events:none;white-space:nowrap;align-items:center;gap:5px;transition:all .3s;display:flex;position:absolute;top:50%;left:45px;transform:translateY(-50%)}.input-group.focused .input-label,.form-input:not(:placeholder-shown)+.input-label{color:#667eea;background:#fff;padding:0 5px;font-size:12px;top:0;left:15px;transform:translateY(-50%)}.input-group.error.focused .input-label{color:#f44336}.label-icon{opacity:.7;font-size:16px}.input-border{background:linear-gradient(90deg,#667eea,#764ba2);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.input-group.focused .input-border{width:100%}.input-group.error .input-border{background:#f44336}.password-toggle{cursor:pointer;color:#999;z-index:3;background:0 0;border:none;padding:5px;font-size:20px;transition:color .3s;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.password-toggle:hover:not(:disabled){color:#667eea}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.password-strength{align-items:center;gap:10px;margin-top:8px;display:flex}.strength-bar{background:#eee;border-radius:2px;flex:1;height:4px;overflow:hidden}.strength-fill{height:100%;transition:width .3s,background-color .3s}.strength-text{min-width:70px;font-size:12px;font-weight:500}.password-match-indicator{align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.match-icon{font-size:14px;font-weight:700}.match-icon.match{color:#4caf50}.match-icon.no-match{color:#f44336}.match-text{color:#666}.field-error{color:#f44336;margin-top:5px;padding-left:15px;font-size:12px;animation:.2s ease-out fadeInUp}.password-requirements{opacity:0;background:#f8f9fa;border-radius:8px;margin:15px 0 20px;padding:15px;animation:.5s ease-out .35s forwards fadeInUp}.requirements-title{color:#333;margin-bottom:10px;font-size:13px;font-weight:600}.requirements-list{margin:0;padding:0;list-style:none}.requirements-list li{color:#999;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;transition:color .3s;display:flex}.requirements-list li.met{color:#4caf50}.requirement-icon{text-align:center;width:16px;font-size:12px;transition:transform .2s}.requirements-list li.met .requirement-icon{transform:scale(1.1)}.submit-button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;opacity:0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-size:16px;font-weight:600;transition:all .3s;animation:.5s ease-out .4s forwards fadeInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #2563eb38}.submit-button:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.submit-button:hover:not(:disabled):before{width:300px;height:300px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #2563eb47}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-icon{font-size:20px;transition:transform .3s}.submit-button:hover:not(:disabled) .button-icon:not(.loading){transform:translate(5px)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}.login-prompt{text-align:center;opacity:0;margin:20px 0 10px;animation:.5s ease-out .45s forwards fadeInUp}.login-prompt p{color:#666;font-size:14px}.login-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s}.login-link:hover{color:#764ba2;text-decoration:underline}.keyboard-hint{text-align:center;color:#999;opacity:0;margin-top:15px;font-size:12px;animation:.5s ease-out .5s forwards fadeInUp}.keyboard-hint kbd{background:#f5f5f5;border:1px solid #ddd;border-radius:3px;padding:2px 5px;font-family:monospace;font-size:11px}.verification-loading{text-align:center;padding:40px}.verification-loading p{color:#666;margin-top:20px}@media (max-width:992px){.reset-password-wrapper{max-width:95%}.brand-title{font-size:2rem}.brand-logo{width:80px;height:80px}}@media (max-width:768px){.reset-password-container{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:15px}.reset-password-wrapper{border-radius:15px;width:100%;max-width:100%;animation:.5s ease-out slideUpMobile}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reset-password-form-wrapper{padding:25px 20px}.reset-password-form{max-width:100%}.form-header h2{font-size:1.8rem}.form-header p{font-size:14px}.input-group{margin-bottom:20px}.form-input{padding:14px 40px;font-size:15px}.input-label{font-size:14px;left:40px}.input-group.focused .input-label,.form-input:not(:placeholder-shown)+.input-label{font-size:11px}.password-toggle{font-size:18px;right:12px}.submit-button{padding:14px;font-size:15px}.password-requirements{padding:12px}.submit-button:hover{box-shadow:none;transform:none}.invalid-link-button:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}}@media (max-width:480px){.reset-password-container{padding:10px}.reset-password-wrapper{border-radius:12px}.reset-password-form-wrapper{padding:20px 15px}.mobile-logo{width:50px;height:50px}.mobile-title{font-size:1.5rem}.mobile-tagline{font-size:.9rem}.form-header h2{font-size:1.5rem}.form-header p{font-size:13px}.form-input{padding:12px 35px;font-size:14px}.input-label{font-size:13px;left:35px}.input-group.focused .input-label,.form-input:not(:placeholder-shown)+.input-label{font-size:10px;left:12px}.label-icon{font-size:14px}.password-toggle{font-size:16px;right:10px}.submit-button{padding:12px;font-size:14px}.button-icon{font-size:18px}.login-prompt p{font-size:13px}.strength-text{min-width:60px;font-size:11px}.requirements-list li,.keyboard-hint{font-size:11px}}@media (max-width:360px){.reset-password-form-wrapper{padding:15px 12px}.form-input{padding:10px 30px;font-size:13px}.input-label{font-size:12px;left:30px}.input-group.focused .input-label,.form-input:not(:placeholder-shown)+.input-label{font-size:9px;left:10px}.login-prompt p{font-size:12px}}@media (max-width:896px) and (orientation:landscape){.reset-password-container{height:auto;min-height:100vh;padding:10px}.reset-password-wrapper{margin:10px auto}.reset-password-form-wrapper{padding:20px}.form-header{margin-bottom:20px}.form-header h2{font-size:1.5rem}.input-group{margin-bottom:15px}.form-input{padding:10px 35px}}@media (hover:none) and (pointer:coarse){.submit-button,.password-toggle,.error-close,.invalid-link-button{min-height:44px}.form-input{font-size:16px}}@media (prefers-color-scheme:dark){.reset-password-form-wrapper{background:#1a1a1a}.form-header h2{color:#fff}.form-header p,.input-label{color:#aaa}.input-group.focused .input-label,.form-input:not(:placeholder-shown)+.input-label{color:#667eea;background:#1a1a1a}.input-group.error.focused .input-label{color:#f44336}.form-input{color:#fff;border-color:#333}.form-input:focus{border-color:#667eea}.form-input:disabled{color:#888;background:#2a2a2a}.password-requirements{background:#2a2a2a}.requirements-title{color:#ddd}.requirements-list li{color:#888}.requirements-list li.met{color:#4caf50}.match-text,.keyboard-hint{color:#aaa}.keyboard-hint kbd{color:#ddd;background:#333;border-color:#444}.login-prompt p{color:#aaa}.strength-bar{background:#333}.success-message{color:#81c784;background:#1a3a1a}.error-message{color:#ef9a9a;background:#3a1a1a}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bg-circle,.shake,.brand-logo{animation:none}.requirements-list li.met .requirement-icon{transform:none}}@media print{.reset-password-container{background:#fff;min-height:auto}.bg-animation,.password-toggle,.submit-button,.keyboard-hint,.brand-features{display:none}.reset-password-wrapper{box-shadow:none;border:1px solid #ddd}.form-input{border:1px solid #000}}.dashboard-page{--primary:#2563eb;--primary-dark:#0ea5e9;box-sizing:border-box;background-color:#0000;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:24px;transition:background-color .3s;position:relative;overflow-x:hidden}.badge-fba{color:#f90;background:#232f3e;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.badge-fbm{color:#fff;background:#6c757d;border-radius:12px;padding:2px 8px;font-size:12px}.badge-prime{color:#fff;background:#00a8e1;border-radius:12px;padding:2px 8px;font-size:12px}.candidate-title{flex-direction:column;gap:4px;display:flex}.title-main{font-weight:500}.title-asin{color:#999;font-family:monospace;font-size:11px}.card-asin{color:#999;font-family:monospace;font-size:11px;display:block}.btn-link{color:#007bff;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .2s;display:inline-block}.empty-state{text-align:center;background:#f8f9fa;border-radius:8px;margin:24px 0;padding:48px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}.debug-info{text-align:left;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;margin:16px 0;padding:12px;font-size:12px}.debug-info pre{background:#fff;border:1px solid #eee;margin:8px 0 0;padding:8px;overflow-x:auto}.dashboard-loading{color:#666;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:60vh;display:flex}.loading-spinner{border:4px solid #f0f0f0;border-top:4px solid var(--primary);border-radius:50%;flex-shrink:0;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin}.dashboard-header{box-sizing:border-box;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:100%;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 8px 24px #0f172a14}.dashboard-header-main{align-items:center;gap:16px;min-width:0;display:flex}.dashboard-header-icon{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dashboard-header-icon svg{font-size:22px}.dashboard-header-text h1{color:#333;word-wrap:break-word;margin:0 0 4px;font-size:24px;font-weight:600}.date-display{color:#666;word-break:break-word;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.date-display svg{color:var(--primary);flex-shrink:0;font-size:14px}.time-range-toggle{box-sizing:border-box;background:#fff;border-radius:40px;gap:8px;width:auto;max-width:100%;padding:4px;display:flex;box-shadow:0 2px 8px #0000000d}.time-range-toggle button{color:#666;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #e5e7eb;border-radius:30px;flex:1;min-width:0;padding:12px 4px;font-size:14px;font-weight:500;transition:all .2s;overflow:hidden}.time-range-toggle button.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);color:#fff;box-shadow:0 10px 24px #2563eb38}.dashboard-kpis{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:100%;margin-bottom:24px;display:flex}.kpi-card{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-sizing:border-box;background:#fff;border-radius:16px;align-items:center;gap:16px;width:100%;max-width:100%;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0000000d}.kpi-card:active{background:#f8f9fa;transform:scale(.98)}.kpi-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.kpi-icon.candidates{color:#1976d2;background:#e8f0fe}.kpi-icon.drafts{color:#856404;background:#fff3cd}.kpi-icon.published{color:#155724;background:#d4edda}.kpi-icon.errors{color:#721c24;background:#f8d7da}.kpi-content{flex:1;min-width:0}.kpi-content h3{color:#333;word-wrap:break-word;margin:0 0 2px;font-size:24px;font-weight:600;line-height:1.2}.kpi-content p{color:#666;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:500;overflow:hidden}.kpi-period,.kpi-detail{color:#999;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.dashboard-actions{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:100%;margin-bottom:24px;padding:16px;box-shadow:0 4px 12px #0000000d}.dashboard-actions h2{color:#333;word-wrap:break-word;margin:0 0 16px;font-size:18px;font-weight:600}.action-buttons{box-sizing:border-box;flex-direction:row;gap:8px;width:100%;max-width:100%;display:flex}.action-buttons button{color:#333;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;background:#f8f9fa;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;max-width:100%;padding:12px 4px;font-size:13px;font-weight:500;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 8px 20px #0f172a0f}.action-buttons button svg:first-child{color:var(--primary);flex-shrink:0;font-size:14px;transition:color .2s,transform .2s}.action-buttons button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.action-buttons button .arrow{opacity:.5;flex-shrink:0;margin-left:2px;font-size:10px;transition:opacity .2s,transform .2s}.action-buttons button:active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;transform:scale(.98)}.action-buttons button:active svg:first-child{color:#fff}.action-buttons button:active .arrow{opacity:1;transform:translate(2px)}@media (hover:hover){.action-buttons button:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px #2563eb3d}.action-buttons button:hover svg:first-child{color:#fff}.action-buttons button:hover .arrow{opacity:1;transform:translate(4px)}}@media (max-width:380px){.action-buttons{gap:4px}.action-buttons button{gap:2px;padding:10px 2px;font-size:11px}.action-buttons button svg:first-child{font-size:12px}.action-buttons button .arrow{font-size:8px}.action-buttons button span{max-width:60px}.time-range-toggle button{padding:10px 2px;font-size:12px}}@media (max-width:320px){.action-buttons button{flex-direction:column;gap:2px;padding:8px 2px}.action-buttons button svg:first-child{margin-right:0}.action-buttons button .arrow{display:none}.time-range-toggle button{padding:8px 2px;font-size:11px}}.dashboard-main-widgets{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:100%;margin-bottom:24px;display:flex}.widget{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:100%;overflow:hidden;box-shadow:0 4px 12px #0000000d}.last-run-widget,.top-candidates-widget,.recent-logs-widget{padding:16px}.widget-content{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.widget-header{box-sizing:border-box;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.widget-header h3{color:#333;word-wrap:break-word;align-items:center;gap:8px;max-width:70%;margin:0;font-size:16px;font-weight:600;display:flex}.widget-header h3 svg{color:var(--primary);flex-shrink:0;font-size:18px}.date-display-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:200px;height:20px;margin-top:4px;animation:1.5s infinite skeleton-loading}.time-range-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:40px;width:240px;height:40px;animation:1.5s infinite skeleton-loading}.kpi-card-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:16px;height:88px;animation:1.5s infinite skeleton-loading}.dashboard-actions-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:16px;height:100px;margin-bottom:24px;animation:1.5s infinite skeleton-loading}.widget-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:16px;height:200px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .date-display-skeleton,[data-theme=dark] .time-range-skeleton,[data-theme=dark] .kpi-card-skeleton,[data-theme=dark] .dashboard-actions-skeleton,[data-theme=dark] .widget-skeleton{background:linear-gradient(90deg,#333 25%,#404040 50%,#333 75%) 0 0/200% 100%}.view-all{color:var(--primary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;white-space:nowrap;background:0 0;border:none;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:6px 8px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.view-all svg{font-size:11px}.view-all:active{background:#f0f0f0}.last-run-widget .status-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600}.status-success{color:#155724;background:#d4edda}.status-warning{color:#856404;background:#fff3cd}.status-error{color:#721c24;background:#f8d7da}.last-run-details{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:100%;display:flex}.detail-row{box-sizing:border-box;flex-wrap:wrap;align-items:flex-start;gap:8px;width:100%;max-width:100%;display:flex}.detail-label{color:#666;flex-shrink:0;min-width:65px;font-size:13px;font-weight:500}.candidates-list{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:100%;display:flex}.candidate-item{-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-sizing:border-box;background:#f8f9fa;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;max-width:100%;padding:10px;transition:all .2s;display:flex;position:relative}.candidate-item:active{background:#f0f0f0;transform:scale(.99)}.candidate-rank{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.candidate-info{flex:1;min-width:0}.candidate-info h4{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;padding-right:4px;font-size:14px;font-weight:500;overflow:hidden}.candidate-category{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.candidate-metrics{box-sizing:border-box;gap:4px;width:calc(100% - 36px);max-width:100%;margin:6px 0 0 36px;display:flex}.score-badge,.margin-badge{text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;flex:0 auto;min-width:35px;max-width:50px;padding:3px 6px;font-size:10px;font-weight:600;overflow:hidden}.score-high{color:#155724;background:#d4edda}.score-medium{color:#856404;background:#fff3cd}.score-low{color:#721c24;background:#f8d7da}.margin-excellent{color:#155724;background:#d4edda}.margin-good{color:#0c5460;background:#d1ecf1}.margin-average{color:#856404;background:#fff3cd}.margin-poor{color:#721c24;background:#f8d7da}.open-btn{color:var(--primary);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border:1px solid #2563eb3d;border-radius:999px;flex-shrink:0;margin-left:auto;padding:7px 12px;font-size:11px;font-weight:600;transition:all .2s;box-shadow:0 8px 18px #2563eb14}@media (hover:hover){.open-btn:hover{border-color:var(--primary);color:var(--primary-dark);background:linear-gradient(135deg,#2563eb14,#0ea5e91f);transform:translateY(-2px);box-shadow:0 12px 24px #2563eb29}}.open-btn:active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;transform:scale(.95);box-shadow:0 8px 18px #2563eb38}.open-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.recent-logs-widget{box-sizing:border-box;width:100%;max-width:100%;margin-top:0}.logs-list{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;max-width:100%;display:flex}.log-item{-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-sizing:border-box;background:#f8f9fa;border-left-style:solid;border-left-width:3px;border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:6px;width:100%;max-width:100%;padding:10px;font-size:12px;transition:background .2s;display:flex}.log-item:active{background:#f0f0f0}.log-item.log-E{border-left-color:#dc3545}.log-item.log-W{border-left-color:#ffc107}.log-item.log-I{border-left-color:#28a745}.log-time{color:#999;flex-shrink:0;min-width:40px;font-size:10px;font-weight:500}.log-icon{flex-shrink:0;min-width:18px;font-size:12px}.log-module{color:#333;flex-shrink:0;min-width:60px;font-size:11px;font-weight:600}.log-message{color:#666;word-break:break-word;flex:1;order:3;width:100%;min-width:0;margin-top:4px;padding-left:24px;font-size:11px;line-height:1.4}.log-suggestion{cursor:pointer;opacity:.6;flex-shrink:0;margin-left:auto;padding:2px;font-size:14px;transition:opacity .2s}.log-suggestion:active{opacity:1}@media (min-width:481px){.dashboard-page{padding:20px}.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center}.time-range-toggle{width:auto;min-width:240px}.time-range-toggle button{padding:10px 16px;font-size:14px}.dashboard-kpis{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.kpi-card{padding:18px}.action-buttons{gap:12px}.action-buttons button{gap:8px;padding:14px 12px;font-size:14px}.action-buttons button svg:first-child{font-size:16px}.action-buttons button .arrow{font-size:12px}.candidate-metrics{width:auto;margin:0 8px 0 0}.log-message{white-space:nowrap;text-overflow:ellipsis;order:0;width:auto;margin-top:0;padding-left:0;overflow:hidden}.log-item{flex-wrap:nowrap;align-items:center}}@media (min-width:1025px){.dashboard-page{margin:0 auto;padding:24px}.dashboard-header h1{font-size:28px}.dashboard-kpis{grid-template-columns:repeat(4,1fr);gap:20px}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.action-buttons button{padding:14px 16px}.action-buttons button .arrow{opacity:0;transition:all .2s;transform:translate(-10px)}.dashboard-main-widgets{grid-template-columns:1fr 1.5fr;gap:24px;display:grid}.widget{padding:20px}.widget-header h3{font-size:18px}.candidate-item{flex-wrap:nowrap;padding:8px}.candidate-item:hover{background:#f0f0f0;transform:translate(4px)}.candidate-info h4{font-size:14px}.candidate-metrics{width:auto;margin:0 8px}.log-item:hover{background:#f0f0f0}.log-suggestion:hover{opacity:1}}@media (max-width:1024px){.dashboard-main-widgets{grid-template-columns:1fr;gap:16px;display:grid}.last-run-widget,.top-candidates-widget,.recent-logs-widget{width:100%;max-width:100%;padding:14px}}@media (min-width:1200px){.dashboard-page{margin:0 auto}.dashboard-header{margin-bottom:32px}.dashboard-kpis{gap:24px}.widget{padding:24px}}@media (max-width:768px) and (orientation:landscape){.dashboard-header{flex-direction:row;margin-bottom:16px}.dashboard-kpis{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.action-buttons{gap:12px}.candidate-item{flex-wrap:nowrap}.candidate-metrics{width:auto;margin:0 8px}.log-message{white-space:nowrap;order:0;width:auto;margin-top:0;padding-left:0}}@media (hover:none) and (pointer:coarse){.action-buttons button,.view-all,.open-btn,.kpi-card,.candidate-item,.log-item{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.action-buttons button{min-height:44px}.open-btn{min-height:36px}.time-range-toggle button{min-height:44px}}[data-theme=dark] .dashboard-page{background-color:#1a1a1a}[data-theme=dark] .dashboard-header{background:#2d2d2d}[data-theme=dark] .kpi-card,[data-theme=dark] .widget,[data-theme=dark] .dashboard-actions{background:#2d2d2d;box-shadow:0 4px 12px #0003}[data-theme=dark] .dashboard-header h1,[data-theme=dark] .kpi-content h3,[data-theme=dark] .widget-header h3,[data-theme=dark] .candidate-info h4,[data-theme=dark] .dashboard-actions h2{color:#fff}[data-theme=dark] .date-display,[data-theme=dark] .kpi-content p,[data-theme=dark] .detail-label,[data-theme=dark] .candidate-category,[data-theme=dark] .log-time{color:#999}[data-theme=dark] .candidate-item,[data-theme=dark] .log-item{background:#333}[data-theme=dark] .candidate-item:active,[data-theme=dark] .log-item:active{background:#404040}[data-theme=dark] .time-range-toggle{background:#333;box-shadow:0 2px 8px #0003}[data-theme=dark] .time-range-toggle button{color:#999;border-color:#4b5563}[data-theme=dark] .time-range-toggle button.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);color:#fff;box-shadow:0 10px 24px #2563eb47}[data-theme=dark] .action-buttons button{color:#fff;background:#333;box-shadow:0 10px 24px #00000038}[data-theme=dark] .action-buttons button svg:first-child{color:var(--primary)}[data-theme=dark] .action-buttons button:active{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}[data-theme=dark] .action-buttons button:active svg:first-child{color:#fff}[data-theme=dark] .log-message{color:#ccc}[data-theme=dark] .log-module{color:#fff}[data-theme=dark] .widget-header{border-bottom-color:#404040}[data-theme=dark] .view-all:active{background:#404040}@media (hover:hover){[data-theme=dark] .action-buttons button:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;transform:translateY(-2px);box-shadow:0 16px 30px #2563eb3d}[data-theme=dark] .action-buttons button:hover svg:first-child{color:#fff;transform:translate(1px)}[data-theme=dark] .action-buttons button:hover .arrow{opacity:1;transform:translate(4px)}[data-theme=dark] .kpi-card:hover{background:#333}[data-theme=dark] .candidate-item:hover{background:#404040}[data-theme=dark] .open-btn{color:#dbeafe;background:#2563eb1f;border-color:#60a5fa3d;box-shadow:0 10px 22px #00000038}[data-theme=dark] .open-btn:hover{color:#eff6ff;background:linear-gradient(135deg,#2563eb3d,#0ea5e933);border-color:#60a5fa;box-shadow:0 14px 28px #2563eb33}[data-theme=dark] .log-item:hover{background:#404040}}@media (max-width:768px){.dashboard-page{padding-top:0}.dashboard-header{flex-direction:column;align-items:flex-start;padding:18px 16px}.dashboard-header-main,.time-range-toggle{width:100%}.dashboard-main-widgets{grid-template-columns:1fr;gap:16px;display:grid}.widget,.recent-logs-widget{z-index:0;position:relative;overflow:hidden}.widget-content{width:100%;min-width:0}.last-run-widget,.top-candidates-widget,.recent-logs-widget{padding:12px}.candidate-item{grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.candidate-info{grid-area:1/2}.candidate-metrics{grid-area:2/2;width:auto;margin:0}.open-btn{grid-area:1/3/span 2;align-self:center;margin-left:0}.log-item{grid-template-columns:auto auto auto minmax(0,1fr);align-items:start;display:grid}.log-message{word-break:break-word;min-width:0}}@supports (padding-top:env(safe-area-inset-top)){.dashboard-page{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-top:0}}@media (min-width:769px){.dashboard-page{padding-top:24px}.dashboard-header{margin-top:0;margin-bottom:20px}}:root{--primary:#6a4cff;--primary-dark:#5a3ce8;--primary-light:#8b74ff;--success:#28a745;--success-dark:#1e7e34;--warning:#ffc107;--warning-dark:#e0a800;--danger:#dc3545;--danger-dark:#c82333;--info:#17a2b8;--dark:#333;--gray:#666;--gray-light:#999;--gray-lighter:#ddd;--gray-lightest:#f8f9fa;--white:#fff;--bg-light:#f8f9fa;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:4px;--radius:8px;--radius-lg:12px;--transition:all .3s ease}[data-theme=dark]{--primary:#8b74ff;--primary-dark:#6a4cff;--primary-light:#a594ff;--success:#34d399;--success-dark:#10b981;--warning:#fbbf24;--warning-dark:#f59e0b;--danger:#f87171;--danger-dark:#ef4444;--info:#60a5fa;--dark:#f3f4f6;--gray:#9ca3af;--gray-light:#6b7280;--gray-lighter:#374151;--gray-lightest:#1f2937;--white:#111827;--bg-light:#1a1a1a;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0006;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #0006}.candidates-page{box-sizing:border-box;width:100%;max-width:100vw;min-height:100vh;transition:var(--transition);background-color:#0000;margin:0 auto;padding:24px;position:relative;overflow-x:hidden}.page-header{box-sizing:border-box;background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:100%;box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex}.page-header-icon{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.page-header-icon svg{color:var(--white);font-size:24px}.page-header h1{color:var(--dark);transition:var(--transition);margin:0 0 5px;font-size:28px;font-weight:600}.page-header p{color:var(--gray);transition:var(--transition);margin:0 0 10px;font-size:14px}.header-stats{box-sizing:border-box;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;width:auto;max-width:100%;display:flex}.candidate-count{background-color:var(--gray-lightest);color:var(--gray);transition:var(--transition);border-radius:20px;padding:4px 12px;font-size:14px}.mobile-filter-toggle{background-color:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:20px;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:14px;display:none}.mobile-filter-toggle:active{transform:scale(.98)}.filter-icon{font-size:16px}.search-input{border:1px solid var(--gray-lighter);border-radius:var(--radius);width:100%;transition:var(--transition);background:var(--white);color:var(--dark);box-sizing:border-box;padding:12px 40px 12px 16px;font-size:14px}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #6a4cff1a}.search-clear{color:var(--gray-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:4px 8px;font-size:20px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear:hover{color:var(--gray)}.filters{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);box-sizing:border-box;width:100%;max-width:100%;margin-bottom:20px;padding:20px}.filter-section{margin-bottom:20px}.filter-section h4{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px}.filter-row{box-sizing:border-box;flex-wrap:wrap;gap:10px;width:100%;max-width:100%;margin-bottom:10px;display:flex}.filter-row input,.filter-row select{border:1px solid var(--gray-lighter);border-radius:var(--radius);background-color:var(--white);min-width:150px;color:var(--dark);transition:var(--transition);box-sizing:border-box;flex:1;padding:10px 12px;font-size:14px}.filter-row input:focus,.filter-row select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #6a4cff1a}.filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:15px;display:flex}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--gray-lightest);color:var(--gray);border:1px solid var(--gray-lighter);border-radius:var(--radius);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;min-height:44px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-secondary:hover:not(:disabled){background-color:var(--gray-lighter);color:var(--dark)}.btn-danger{background-color:var(--danger);color:#fff;border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-danger:hover:not(:disabled){background-color:var(--danger-dark);transform:translateY(-1px)}.btn-small{border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background-color:#0000;justify-content:center;align-items:center;gap:4px;min-height:32px;padding:6px 12px;font-size:12px;display:inline-flex}.btn-small:hover:not(:disabled){background-color:var(--primary);color:#fff}.btn-small:disabled{opacity:.5;cursor:not-allowed}.btn-draft{border:1px solid var(--success);color:var(--success);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background-color:#0000;justify-content:center;align-items:center;gap:4px;min-height:32px;padding:6px 12px;font-size:12px;display:inline-flex}.btn-draft:hover:not(:disabled){background-color:var(--success);color:#fff}.btn-draft:disabled{opacity:.5;cursor:not-allowed}.btn-ignore{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background-color:#0000;justify-content:center;align-items:center;gap:4px;min-height:32px;padding:6px 12px;font-size:12px;display:inline-flex}.btn-ignore:hover:not(:disabled){background-color:var(--danger);color:#fff}.btn-link{background:var(--gray-lightest);border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);color:var(--primary);transition:var(--transition);justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-link:hover{background:var(--gray-lighter);border-color:var(--primary)}.candidates-layout{box-sizing:border-box;align-items:flex-start;gap:20px;width:100%;max-width:100%;display:flex;position:relative}.candidates-table{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);box-sizing:border-box;flex:2;width:100%;max-width:100%;padding:20px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:800px}th{text-align:left;background-color:var(--gray-lightest);color:var(--gray);border-bottom:2px solid var(--gray-lighter);transition:var(--transition);padding:15px 12px;font-size:14px;font-weight:600}td{border-bottom:1px solid var(--gray-lighter);vertical-align:middle;transition:var(--transition);color:var(--dark);padding:15px 12px;font-size:14px}.candidate-row{cursor:pointer;transition:var(--transition)}.candidate-row:hover{background-color:var(--gray-lightest)}.candidate-row.selected{background-color:#6a4cff1a}.candidate-row.imported{opacity:.6}.candidate-title{align-items:center;gap:12px;display:flex}.candidate-thumb{object-fit:cover;border-radius:var(--radius-sm);width:48px;height:48px}.title-text{flex:1}.title-main{color:var(--dark);margin-bottom:4px;font-weight:500}.title-category{color:var(--gray-light);font-size:11px}.asin-cell{color:var(--gray);font-family:monospace;font-size:12px}.price-cell{color:var(--dark);font-weight:600}.source-badge{color:var(--primary);border-radius:var(--radius-sm);white-space:nowrap;background-color:#6a4cff1a;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.score-badge{border-radius:var(--radius-sm);text-align:center;min-width:40px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.score-high{color:var(--success);background-color:#28a7451a}.score-medium{color:var(--warning);background-color:#ffc1071a}.score-low{color:var(--danger);background-color:#dc35451a}.badge-fba{color:#f90;border-radius:var(--radius-sm);background:#232f3e;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-fbm{background:var(--gray);color:#fff;border-radius:var(--radius-sm);padding:4px 8px;font-size:11px;display:inline-block}.badge-prime{color:#fff;border-radius:var(--radius-sm);background:#00a8e1;padding:4px 8px;font-size:11px;display:inline-block}.badge-ready{color:var(--success);border-radius:var(--radius-sm);background:#28a7451a;padding:4px 8px;font-size:11px;display:inline-block}.badge-pending{color:var(--warning);border-radius:var(--radius-sm);background:#ffc1071a;padding:4px 8px;font-size:11px;display:inline-block}.badge-imported{color:var(--success);border-radius:var(--radius-sm);background:#28a74533;padding:4px 8px;font-size:11px;display:inline-block}.reviews-count{color:var(--gray-light);margin-left:4px;font-size:11px}.text-success{color:var(--success);font-weight:600}.text-warning{color:var(--warning);font-weight:600}.text-danger{color:var(--danger);font-weight:600}.pagination{border-top:1px solid var(--gray-lighter);background:var(--gray-lightest);border-radius:var(--radius);margin-top:20px;padding:20px}.pagination-info{color:var(--gray);margin-bottom:12px;font-size:13px}.pagination-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.items-per-page{color:var(--gray);align-items:center;gap:8px;font-size:13px;display:flex}.items-per-page select{border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);background:var(--white);color:var(--dark);min-height:36px;padding:6px 10px;font-size:13px}.pagination-buttons{align-items:center;gap:8px;display:flex}.pagination-btn{border:1px solid var(--gray-lighter);background:var(--white);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--gray);justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--gray-lightest);border-color:var(--primary);color:var(--primary)}.pagination-current{color:var(--dark);padding:0 12px;font-size:14px;font-weight:600}.candidate-detail{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:calc(100vh - 100px);transition:var(--transition);box-sizing:border-box;flex:1;width:100%;max-width:100%;padding:0;position:sticky;top:20px;overflow-y:auto}.filters-header{display:none}.detail-header{border-bottom:2px solid var(--gray-lighter);background:var(--white);z-index:10;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.detail-header h3{color:var(--dark);flex:auto;min-width:0;margin:0;font-size:18px;font-weight:600}.close-btn{cursor:pointer;color:var(--gray-light);background:linear-gradient(#fffffff5,#f8f9fafa);border:1px solid #9999993d;border-radius:999px;flex:0 0 44px;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-left:12px;padding:0;font-size:22px;line-height:1;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s;display:flex;box-shadow:0 6px 14px #0f172a14}.close-btn:hover{color:var(--danger);background:linear-gradient(#fff4f6,#ffecef);border-color:#dc354547;transform:translateY(-1px);box-shadow:0 10px 18px #dc354524}.close-btn:active{transform:scale(.96);box-shadow:0 4px 10px #dc35451f}.close-btn:focus-visible{border-color:#6a4cff73;outline:none;box-shadow:0 0 0 4px #6a4cff24}[data-theme=dark] .close-btn{background:linear-gradient(#1f2937f5,#111827fa);border-color:#6b728059;box-shadow:0 8px 16px #00000047}.detail-content{padding:20px}.detail-content h4{color:var(--primary);word-break:break-word;margin:0 0 20px;font-size:18px;font-weight:600}.detail-image{text-align:center;background:var(--gray-lightest);border-radius:var(--radius);margin-bottom:20px;padding:16px}.detail-image img{object-fit:contain;max-width:100%;max-height:200px}.detail-grid{background-color:var(--gray-lightest);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;padding:15px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item label{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.detail-item span{word-break:break-word;color:var(--dark);font-size:14px;font-weight:500}.price-highlight{color:var(--success)!important;font-size:18px!important;font-weight:600!important}.price-breakdown-section{border:1px solid var(--gray-lighter);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}.price-breakdown-header{background-color:var(--gray-lightest);cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;min-height:44px;padding:12px 15px;display:flex}.price-breakdown-header:hover{background-color:var(--gray-lighter)}.price-breakdown-header h5{color:var(--dark);margin:0;font-size:14px;font-weight:600}.price-breakdown{border-top:1px solid var(--gray-lighter);padding:15px}.price-row{color:var(--dark);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.price-row.total{border-top:2px solid var(--gray-lighter);margin-top:8px;padding-top:8px;font-size:16px;font-weight:600}.product-link{background-color:var(--gray-lightest);border-radius:var(--radius);text-align:center;margin-bottom:20px;padding:15px}.detail-actions{border-top:2px solid var(--gray-lighter);background:var(--white);gap:12px;padding:20px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 20px #0f172a0f}.detail-actions button{border-radius:12px;flex:1;gap:8px;min-height:48px;padding:12px 18px;font-size:14px;font-weight:600}@media (min-width:769px){.detail-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center}.detail-actions button{flex:none;width:auto;min-width:156px}}.detail-actions .btn-danger{box-shadow:0 10px 22px #dc354524}.mobile-cards{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:100%;display:flex}.candidate-card{background:var(--white);border:1px solid var(--gray-lighter);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.candidate-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.candidate-card:active{transform:translateY(0)}.candidate-card.imported{opacity:.6}.card-image{background:var(--gray-lightest);border-bottom:1px solid var(--gray-lighter);justify-content:center;align-items:center;width:100%;height:160px;display:flex}.card-image img{object-fit:contain;max-width:100%;max-height:100%}.card-content{padding:16px}.card-header h3{color:var(--dark);word-break:break-word;margin:0 0 4px;font-size:16px;font-weight:600}.card-asin{color:var(--gray-light);font-family:monospace;font-size:11px}.card-category{color:var(--primary);margin-top:4px;font-size:11px;display:inline-block}.card-stats{background-color:var(--gray-lightest);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0;padding:12px;display:grid}.stat{flex-direction:column;gap:4px;display:flex}.stat label{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-value{color:var(--dark);font-size:14px;font-weight:600}.card-footer{border-top:1px solid var(--gray-lighter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.card-badges{flex-wrap:wrap;gap:4px;display:flex}.card-actions{gap:8px;display:flex}.candidates-loading,.candidates-error{text-align:center;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:60px 20px}.loading-spinner{border:4px solid var(--gray-lightest);border-top:4px solid var(--primary);border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}.empty-state{text-align:center;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:20px 0;padding:60px 20px}.empty-icon{margin-bottom:20px;font-size:64px}.empty-state p{color:var(--gray);margin-bottom:20px}.empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.toast-notification{border-radius:var(--radius);color:#fff;z-index:2000;padding:12px 24px;font-weight:500;animation:.3s slideIn;position:fixed;bottom:20px;right:20px}.toast-notification.success{background-color:var(--success)}.toast-notification.error{background-color:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translateY(-50%)scaleX(0)}to{opacity:1;transform:translateY(-50%)scaleX(1)}}@media (max-width:768px){.candidates-page{padding:16px}.page-header{padding:18px 16px}.page-header-main{align-items:center;gap:14px;width:100%;display:flex}.page-header-icon{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius);justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:flex;box-shadow:0 10px 24px #2563eb2e}.page-header-icon svg{color:var(--white);font-size:20px}.page-header h1{font-size:24px}.header-stats{justify-content:space-between;width:100%}.candidate-count{text-align:center}.mobile-filter-toggle{justify-content:center;display:flex}.filters{z-index:1000;background:var(--white);border-radius:0;margin:0;padding:60px 20px 20px;display:none;position:fixed;inset:0;overflow-y:auto}.filters-header{border-bottom:1px solid var(--gray-lighter);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.filters-header-copy{min-width:0}.filters-header h3{color:var(--dark);margin:0;font-size:22px;font-weight:700;line-height:1.2}.filters-header p{color:var(--gray);margin:4px 0 0;font-size:14px;font-weight:500}.filters-close-btn{width:44px;height:44px;color:var(--primary);cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#2563eb1a,#0ea5e924);border:1px solid #2563eb2e;border-radius:999px;flex:0 0 44px;justify-content:center;align-items:center;font-size:26px;line-height:1;display:inline-flex;box-shadow:0 10px 22px #2563eb1f}.filters-close-btn:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 14px 28px #2563eb2e}.filters-close-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.filters.show{display:block}.filter-row{flex-direction:column}.filter-row input,.filter-row select{width:100%;min-width:100%}.filter-actions{background:var(--white);border-top:1px solid var(--gray-lighter);flex-direction:column;margin:0;padding:16px 0;position:sticky;bottom:0}.filter-actions button{width:100%}.candidates-layout{flex-direction:column}.candidates-table{width:100%;padding:12px;overflow-x:hidden}.candidates-table.mobile-hidden{display:none}.mobile-cards{display:flex}.candidate-detail{z-index:1000;border-radius:0;max-height:100vh;margin:0;transition:transform .3s;display:none;position:fixed;inset:0;transform:translate(100%)}.candidate-detail.mobile-show{display:block;transform:translate(0)}.detail-header{background:var(--white);z-index:10;position:sticky;top:0}.detail-content{max-height:calc(100vh - 140px);padding:20px 20px 100px;overflow-y:auto}.detail-grid{grid-template-columns:1fr}.detail-actions{background:var(--white);flex-direction:column;gap:10px;position:sticky;bottom:0}.detail-actions button{width:100%}.mobile-pagination{background:var(--white);border-top:1px solid var(--gray-lighter);margin-top:16px;padding:16px;display:block}.mobile-pagination .pagination-buttons{justify-content:center;margin-top:8px}.pagination{display:none}}@media (max-width:480px){.candidates-page{padding:12px}.page-header-icon{width:42px;min-width:42px;height:42px;min-height:42px}.page-header h1{font-size:22px}.card-stats{grid-template-columns:1fr}.stat{flex-direction:row;justify-content:space-between;align-items:center}.card-footer{flex-direction:column;align-items:stretch}.card-actions{justify-content:stretch}.card-actions button{flex:1}}@media (max-width:768px) and (orientation:landscape){.detail-content{max-height:60vh}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (hover:none) and (pointer:coarse){button,.btn-small,.btn-draft,.btn-primary,.btn-secondary,.mobile-filter-toggle,.close-btn,.pagination-btn,.search-clear{min-height:44px}input,select{min-height:44px;font-size:16px}}@media print{.filters,.search-bar,.detail-actions,.card-actions,.pagination,.mobile-filter-toggle{display:none!important}.candidates-table{box-shadow:none;padding:0}table{min-width:auto}}.company-tag{color:var(--gray);background:var(--gray-lightest);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px;display:inline-block}.company-info-section{background:var(--gray-lightest);border-radius:var(--radius);border-left:4px solid var(--primary);margin:10px 0;padding:8px}.company-badge-detail{color:var(--primary);font-size:13px;font-weight:500}.no-results{text-align:center;color:var(--gray);padding:40px;font-style:italic}.no-results-card{text-align:center;color:var(--gray);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:40px 20px;font-style:italic}.actions-cell{white-space:nowrap;min-width:220px}@media (max-width:768px){[data-theme=dark] .filters{background:#111827}[data-theme=dark] .filters-header{border-bottom-color:#374151}[data-theme=dark] .filters-header h3{color:#f9fafb}[data-theme=dark] .filters-header p{color:#fff}[data-theme=dark] .filters-close-btn{color:#dbeafe;background:linear-gradient(135deg,#2563eb38,#0ea5e92e);border-color:#60a5fa3d;box-shadow:0 14px 28px #00000047}[data-theme=dark] .filters-close-btn:hover{color:#eff6ff;border-color:#60a5fa}[data-theme=dark] .filter-actions{background:#111827;border-top-color:#374151}}.actions-cell .btn-view,.actions-cell .btn-import,.actions-cell .btn-ignore,.actions-cell .btn-small,.actions-cell .btn-draft{cursor:pointer;white-space:nowrap;text-align:center;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;width:72px;min-height:32px;margin:0 4px;padding:6px 8px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.actions-cell .btn-view{color:#17a2b8;background-color:#17a2b81a;border:1px solid #17a2b8}.actions-cell .btn-view:hover:not(:disabled){color:#fff;background-color:#17a2b8}.actions-cell .btn-import{color:#28a745;background-color:#28a7451a;border:1px solid #28a745}.actions-cell .btn-import:hover:not(:disabled){color:#fff;background-color:#28a745}.actions-cell .btn-ignore{color:#dc3545;background-color:#dc35451a;border:1px solid #dc3545}.actions-cell .btn-ignore:hover:not(:disabled){color:#fff;background-color:#dc3545}.actions-cell .btn-view:disabled,.actions-cell .btn-import:disabled,.actions-cell .btn-ignore:disabled{opacity:.5;cursor:not-allowed;transform:none}.actions-cell .btn-small{color:#6a4cff;background-color:#6a4cff1a;border:1px solid #6a4cff}.actions-cell .btn-small:hover:not(:disabled){color:#fff;background-color:#6a4cff}.actions-cell .btn-draft{color:#28a745;background-color:#28a7451a;border:1px solid #28a745}.actions-cell .btn-draft:hover:not(:disabled){color:#fff;background-color:#28a745}[data-theme=dark] .actions-cell .btn-view{color:#60a5fa;background-color:#60a5fa1a;border-color:#60a5fa}[data-theme=dark] .actions-cell .btn-view:hover:not(:disabled){color:#1a1a1a;background-color:#60a5fa}[data-theme=dark] .actions-cell .btn-import{color:#34d399;background-color:#34d3991a;border-color:#34d399}[data-theme=dark] .actions-cell .btn-import:hover:not(:disabled){color:#1a1a1a;background-color:#34d399}[data-theme=dark] .actions-cell .btn-ignore{color:#f87171;background-color:#f871711a;border-color:#f87171}[data-theme=dark] .actions-cell .btn-ignore:hover:not(:disabled){color:#1a1a1a;background-color:#f87171}[data-theme=dark] .actions-cell .btn-small{color:#8b74ff;background-color:#8b74ff1a;border-color:#8b74ff}[data-theme=dark] .actions-cell .btn-small:hover:not(:disabled){color:#1a1a1a;background-color:#8b74ff}@media (max-width:768px){.actions-cell{white-space:normal}.actions-cell .btn-view,.actions-cell .btn-import,.actions-cell .btn-ignore,.actions-cell .btn-small,.actions-cell .btn-draft{width:auto;min-height:40px;margin:4px 2px;padding:8px 12px;font-size:13px}}@media (max-width:480px){.actions-cell .btn-view,.actions-cell .btn-import,.actions-cell .btn-ignore{padding:6px 10px;font-size:11px}}.card-actions{z-index:2;gap:8px;width:100%;display:flex;position:relative}.card-actions .btn-view,.card-actions .btn-import,.card-actions .btn-small,.card-actions .btn-draft{box-sizing:border-box;cursor:pointer;z-index:3;pointer-events:auto;touch-action:manipulation;border:none;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;width:auto;min-width:0;max-width:none;min-height:44px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex;position:relative}.card-actions .btn-view{color:#17a2b8;background-color:#17a2b81a;border:1px solid #17a2b8}.card-actions .btn-view:active{color:#fff;background-color:#17a2b8;transform:scale(.98)}.card-actions .btn-import{color:#1e7e34;background:linear-gradient(135deg,#28a74529,#28a74514);border:1px solid #28a74573;box-shadow:0 6px 14px #28a7451f}.card-actions .btn-import:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#28a745,#23913c);border-color:#23913c}.card-actions .btn-import:active:not(:disabled){color:#fff;background-color:#28a745;transform:scale(.98)}.card-actions .btn-import:disabled,.card-actions .btn-view:disabled{opacity:.5;cursor:not-allowed;transform:none}.card-actions .btn-import.is-disabled{opacity:.7;cursor:not-allowed}[data-theme=dark] .card-actions .btn-view{color:#60a5fa;background-color:#60a5fa1a;border-color:#60a5fa}[data-theme=dark] .card-actions .btn-view:active{color:#1a1a1a;background-color:#60a5fa}[data-theme=dark] .card-actions .btn-import{color:#34d399;background:linear-gradient(135deg,#34d3992e,#34d39914);border-color:#34d399}[data-theme=dark] .card-actions .btn-import:hover:not(:disabled){color:#0f172a;background:linear-gradient(135deg,#34d399,#10b981)}[data-theme=dark] .card-actions .btn-import:active:not(:disabled){color:#1a1a1a;background-color:#34d399}@media (max-width:768px){.card-footer{flex-direction:column;align-items:stretch;gap:12px}.card-badges{flex-wrap:wrap;justify-content:center}.card-actions{flex-direction:row;gap:10px}.card-actions button{border-radius:12px;flex:1;min-height:48px;padding:12px 14px;font-size:13px;font-weight:600}}@media (max-width:480px){.card-actions{flex-direction:column;gap:8px}.card-actions button{width:100%;padding:12px;font-size:13px}}@media (max-width:768px){.actions-cell{white-space:normal;padding:12px 8px}.actions-cell .btn-view,.actions-cell .btn-import,.actions-cell .btn-ignore{min-height:36px;margin:4px 2px;padding:8px 12px;font-size:12px;display:inline-flex}.actions-cell .btn-view span,.actions-cell .btn-import span,.actions-cell .btn-ignore span{display:inline-block}@media (max-width:380px){.actions-cell .btn-view span,.actions-cell .btn-import span,.actions-cell .btn-ignore span{display:none}.actions-cell .btn-view,.actions-cell .btn-import,.actions-cell .btn-ignore{min-width:36px;padding:8px}}}@media (hover:none) and (pointer:coarse){.card-actions button,.actions-cell button{cursor:pointer;-webkit-tap-highlight-color:transparent}.card-actions button:active,.actions-cell button:active{transition:transform .1s;transform:scale(.96)}.card-actions button:hover,.actions-cell button:hover{transform:none}.card-actions .btn-view:active{color:#fff;background-color:#17a2b8}.card-actions .btn-import:active:not(:disabled){color:#fff;background-color:#28a745}}@media (max-width:400px){.card-actions button span{display:none}.card-actions button{min-width:50px;padding:12px}.card-actions .btn-view,.card-actions .btn-import{font-size:18px}}@media (min-width:401px) and (max-width:550px){.card-actions button{padding:10px 12px;font-size:12px}.card-actions button svg{margin-right:4px}}.detail-actions .btn-primary{background:linear-gradient(135deg,#28a745,#23913c);box-shadow:0 10px 22px #28a7452e}.detail-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#23913c,#1e7e34)}@media (max-width:768px){.detail-actions{flex-direction:column;gap:10px;padding:16px}.detail-actions button{width:100%;min-height:52px;padding:14px 20px;font-size:15px}.detail-actions .btn-primary,.detail-actions .btn-danger{justify-content:center}}@media (min-width:769px){.candidates-page .actions-cell{white-space:nowrap;min-width:196px}.candidates-page .actions-cell .btn-view,.candidates-page .actions-cell .btn-import,.candidates-page .actions-cell .btn-ignore{box-sizing:border-box;border-radius:8px;gap:4px;margin:0 2px;font-size:12px;font-weight:600;line-height:1;width:68px!important;min-width:68px!important;max-width:68px!important;padding:6px 8px!important}.candidates-page .detail-actions{background:linear-gradient(180deg,#f8f9fae0,var(--white));border-top:1px solid #dddddde6;justify-content:space-between;align-items:stretch;gap:12px;padding:16px 20px 20px;box-shadow:0 -10px 24px #0f172a14}.candidates-page .detail-actions button{box-sizing:border-box;border-radius:12px;flex:1 1 0;width:auto;min-width:0;max-width:none;min-height:46px;padding:12px 16px;font-size:14px;line-height:1.1}.candidates-page .detail-actions .btn-primary{box-shadow:none;letter-spacing:.01em;background-color:#fff;border:1px solid #28a745;color:#28a745!important}.candidates-page .detail-actions .btn-primary:hover:not(:disabled){box-shadow:none;background-color:#28a74514;border-color:#28a745;transform:translateY(-1px);color:#1e7e34!important}.candidates-page .detail-actions .btn-primary:active:not(:disabled){box-shadow:none;transform:translateY(0)}[data-theme=dark] .candidates-page .detail-actions .btn-primary{box-shadow:none;background-color:#0000;border-color:#34d399;color:#34d399!important}[data-theme=dark] .candidates-page .detail-actions .btn-primary:hover:not(:disabled){box-shadow:none;background-color:#34d3991f;border-color:#34d399;color:#6ee7b7!important}.candidates-page .detail-actions .btn-danger{color:var(--danger);box-shadow:none;background:#dc354514;border:1px solid #dc354538}.candidates-page .detail-actions .btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}}@media (max-width:768px){.candidates-page .detail-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.candidates-page .close-btn{justify-self:end;margin-left:0}.candidates-page .detail-actions{background:linear-gradient(180deg,#f8f9fae6,var(--white));border-top:1px solid #dddddde6;gap:12px;padding:14px 16px 18px}.candidates-page .detail-actions button{box-sizing:border-box;border-radius:14px;min-height:50px;padding:14px 16px;font-size:15px;font-weight:600}.candidates-page .detail-actions .btn-primary{box-shadow:none;background-color:#fff;border:1px solid #28a745;color:#28a745!important}.candidates-page .detail-actions .btn-primary:hover:not(:disabled),.candidates-page .detail-actions .btn-primary:focus-visible:not(:disabled){box-shadow:none;background-color:#28a74514;border-color:#28a745;color:#1e7e34!important}.candidates-page .detail-actions .btn-primary:active:not(:disabled){background-color:#28a7451f;transform:scale(.99);color:#1e7e34!important}[data-theme=dark] .candidates-page .detail-actions .btn-primary{box-shadow:none;background-color:#0000;border-color:#34d399;color:#34d399!important}[data-theme=dark] .candidates-page .detail-actions .btn-primary:hover:not(:disabled),[data-theme=dark] .candidates-page .detail-actions .btn-primary:focus-visible:not(:disabled){box-shadow:none;background-color:#34d3991f;border-color:#34d399;color:#6ee7b7!important}[data-theme=dark] .candidates-page .detail-actions .btn-primary:active:not(:disabled){background-color:#34d39929;color:#6ee7b7!important}.candidates-page .detail-actions .btn-danger{color:var(--danger);box-shadow:none;background:#dc354514;border:1px solid #dc354538}.candidates-page .detail-actions .btn-danger:active:not(:disabled){background:var(--danger);color:#fff}}.candidates-page .detail-actions>.btn-primary,.candidates-page .detail-actions>.btn-primary:visited{color:#28a745!important;box-shadow:none!important;background:#fff!important;border:1px solid #28a745!important}.candidates-page .detail-actions>.btn-primary svg,.candidates-page .detail-actions>.btn-primary span,.candidates-page .detail-actions>.btn-primary>*{color:#28a745!important;fill:currentColor!important}.candidates-page .detail-actions>.btn-primary:hover:not(:disabled),.candidates-page .detail-actions>.btn-primary:focus-visible:not(:disabled){color:#fff!important;box-shadow:none!important;background:#28a745!important;border-color:#28a745!important}.candidates-page .detail-actions>.btn-primary:hover:not(:disabled) svg,.candidates-page .detail-actions>.btn-primary:hover:not(:disabled) span,.candidates-page .detail-actions>.btn-primary:focus-visible:not(:disabled) svg,.candidates-page .detail-actions>.btn-primary:focus-visible:not(:disabled) span{color:#fff!important;fill:currentColor!important}.candidates-page .detail-actions>.btn-primary:active:not(:disabled){color:#fff!important;box-shadow:none!important;background:#23913c!important;border-color:#28a745!important}.candidates-page .detail-actions>.btn-primary:active:not(:disabled) svg,.candidates-page .detail-actions>.btn-primary:active:not(:disabled) span{color:#fff!important;fill:currentColor!important}[data-theme=dark] .candidates-page .detail-actions>.btn-primary,[data-theme=dark] .candidates-page .detail-actions>.btn-primary:visited{color:#34d399!important;box-shadow:none!important;background:0 0!important;border:1px solid #34d399!important}[data-theme=dark] .candidates-page .detail-actions>.btn-primary svg,[data-theme=dark] .candidates-page .detail-actions>.btn-primary span,[data-theme=dark] .candidates-page .detail-actions>.btn-primary>*{color:#34d399!important;fill:currentColor!important}[data-theme=dark] .candidates-page .detail-actions>.btn-primary:hover:not(:disabled),[data-theme=dark] .candidates-page .detail-actions>.btn-primary:focus-visible:not(:disabled){color:#1a1a1a!important;box-shadow:none!important;background:#34d399!important;border-color:#34d399!important}[data-theme=dark] .candidates-page .detail-actions>.btn-primary:hover:not(:disabled) svg,[data-theme=dark] .candidates-page .detail-actions>.btn-primary:hover:not(:disabled) span,[data-theme=dark] .candidates-page .detail-actions>.btn-primary:focus-visible:not(:disabled) svg,[data-theme=dark] .candidates-page .detail-actions>.btn-primary:focus-visible:not(:disabled) span{color:#1a1a1a!important;fill:currentColor!important}[data-theme=dark] .candidates-page .detail-actions>.btn-primary:active:not(:disabled){color:#0f172a!important;box-shadow:none!important;background:#10b981!important;border-color:#34d399!important}[data-theme=dark] .candidates-page .detail-actions>.btn-primary:active:not(:disabled) svg,[data-theme=dark] .candidates-page .detail-actions>.btn-primary:active:not(:disabled) span{color:#0f172a!important;fill:currentColor!important}.candidates-page .detail-actions>.btn-danger:hover:not(:disabled),.candidates-page .detail-actions>.btn-danger:focus-visible:not(:disabled){background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important;box-shadow:none!important}.candidates-page .detail-actions>.btn-danger:hover:not(:disabled) svg,.candidates-page .detail-actions>.btn-danger:hover:not(:disabled) span,.candidates-page .detail-actions>.btn-danger:focus-visible:not(:disabled) svg,.candidates-page .detail-actions>.btn-danger:focus-visible:not(:disabled) span{color:#fff!important;fill:currentColor!important}.candidates-page .detail-actions>.btn-danger:active:not(:disabled){background:var(--danger-dark)!important;color:#fff!important;border-color:var(--danger-dark)!important;box-shadow:none!important}.candidates-page .detail-actions>.btn-danger:active:not(:disabled) svg,.candidates-page .detail-actions>.btn-danger:active:not(:disabled) span{color:#fff!important;fill:currentColor!important}@media (max-width:768px){.candidates-page .page-header{width:100%;padding-top:calc(16px + env(safe-area-inset-top,0px))}.candidates-page .page-header-main{align-items:flex-start}.candidates-page .page-header-text{flex:1;min-width:0}.candidates-page .page-header h1{overflow-wrap:anywhere;font-size:clamp(20px,6vw,24px);line-height:1.2}.candidates-page .page-header p{overflow-wrap:anywhere;line-height:1.35}.candidates-page .header-stats{justify-content:space-between;gap:8px;width:100%}}@media (max-width:420px){.candidates-page .page-header{padding:14px 14px 12px;padding-top:calc(14px + env(safe-area-inset-top,0px))}.candidates-page .page-header p{margin-top:4px;font-size:13px}}.drafts-page{--primary:#2563eb;--primary-dark:#0ea5e9;box-sizing:border-box;background-color:#0000;width:100%;max-width:100vw;min-height:100vh;margin:0 auto;padding:24px;transition:background-color .3s;position:relative;overflow-x:hidden}.draft-toast{z-index:2000;border-radius:12px;align-items:center;gap:10px;width:min(420px,100vw - 32px);padding:14px 16px;font-size:14px;font-weight:500;animation:.24s slideInToast;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 12px 30px #0f172a1f}.draft-toast.success{color:#166534;background:linear-gradient(135deg,#ecfdf3,#dff7e8);border:1px solid #86efac}.draft-toast.warning{color:#9a3412;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fdba74}.draft-toast.error{color:#b91c1c;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5}@keyframes slideInToast{0%{opacity:0;transform:translate(16px,-8px)}to{opacity:1;transform:translate(0,0)}}.ebay-status{border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.ebay-status.connected{color:#2e7d32;background-color:#e8f5e9;border:1px solid #a5d6a7}.ebay-status.disconnected{color:#c62828;background-color:#ffebee;border:1px solid #ffcdd2}.ebay-status svg{font-size:16px}.draft-tabs{box-sizing:border-box;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:8px;width:100%;max-width:100%;margin-bottom:24px;padding-bottom:8px;transition:border-color .3s;display:flex}.drafts-container{box-sizing:border-box;flex:1;grid-template-columns:300px 1fr;gap:24px;width:100%;max-width:100%;height:calc(100vh - 200px);min-height:0;display:grid}.draft-list{box-sizing:border-box;background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.list-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:10px;padding:16px;transition:border-color .3s;display:flex}.list-header h3{color:#333;margin:0;font-size:16px;transition:color .3s}.refresh-btn{cursor:pointer;color:#1e40af;white-space:nowrap;background:linear-gradient(135deg,#2563eb1a,#0ea5e91f);border:1px solid #2563eb40;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.refresh-btn:hover{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#2563eb;transform:translateY(-1px)}.refresh-btn:disabled{opacity:.75;cursor:wait;transform:none}.refresh-btn .refresh-icon{font-size:14px}.refresh-btn .refresh-icon.refreshing{animation:1s ease-in-out infinite draftsRefreshPulse}.refresh-btn .refresh-label{line-height:1}@keyframes draftsRefreshPulse{0%,to{opacity:1}50%{opacity:.65}}.draft-list ul{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.draft-item{cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:1px solid #f5f5f5;padding:12px 16px;transition:all .2s}.draft-item:hover{background-color:#f8f9fa}.draft-item.selected{border-left:3px solid var(--primary);background:linear-gradient(135deg,#2563eb14,#0ea5e91f)}.draft-item-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.status-icon{font-size:14px}.status-icon.needs-edit{color:#f57c00}.status-icon.ready{color:#4caf50}.status-icon.blocked{color:#f44336}.status-icon.submitted{color:#2196f3}.status-icon.sandbox{color:#ff9800}.status-icon.production{color:#4caf50}.status-icon.ended{color:#9e9e9e}.draft-id{color:#999;font-size:12px;font-weight:500;transition:color .3s}.sandbox-badge,.production-badge{border-radius:10px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:500}.sandbox-badge{color:#ff9800;background-color:#fff3e0}.production-badge{color:#4caf50;background-color:#e8f5e9}.draft-item-title{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:14px;font-weight:500;transition:color .3s;overflow:hidden}.draft-item-meta{color:#999;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:11px;transition:color .3s;display:flex}.draft-quantity,.draft-sold{align-items:center;gap:4px;display:flex}.draft-sold{color:#4caf50}.empty-list{text-align:center;color:#999;padding:32px 16px;transition:color .3s}.draft-editor{box-sizing:border-box;background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:100%;padding:24px;transition:all .3s;display:flex;overflow-y:auto;box-shadow:0 2px 8px #0000000d}.editor-header{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;transition:border-color .3s;display:flex}.draft-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.summary-chip{background:linear-gradient(#faf7ff,#f4f0ff);border:1px solid #e8ddff;border-radius:12px;padding:14px 16px}.summary-label{text-transform:uppercase;letter-spacing:.08em;color:#7c6bb3;margin-bottom:6px;font-size:11px;display:block}.summary-value{color:#2f244f;font-size:16px;font-weight:700;display:block}.summary-value.ready{color:#2e7d32}.summary-value.needs-edit{color:#b45309}.summary-value.blocked{color:#c62828}.summary-value.sandbox,.summary-value.production{color:#2563eb}.editor-header>div{flex:1}.editor-header h3{color:#333;align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:600;transition:color .3s;display:flex}.source-info{color:#666;font-size:12px;display:block}.view-listing-link{color:#1976d2;background-color:#e3f2fd;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.view-listing-link.sandbox{color:var(--primary);background:#fff;border:1px solid #2563eb47;border-radius:10px;padding:8px 14px;font-weight:600;box-shadow:0 8px 20px #2563eb14}.view-listing-link:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 24px #2563eb24}.view-listing-link.sandbox:hover{border-color:var(--primary);color:var(--primary-dark);background:linear-gradient(135deg,#2563eb14,#0ea5e91f);transform:translateY(-2px)}.view-listing-link.sandbox svg{transition:transform .2s}.view-listing-link.sandbox:hover svg{transform:translate(2px)}.view-listing-link.sandbox:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.editor-grid{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:100%;margin-bottom:24px;display:grid}.editor-column{flex-direction:column;gap:16px;min-width:0;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#555;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;transition:color .3s;display:flex}.char-count,.image-count{color:#666;font-size:11px;font-weight:400}.char-count.warning,.image-count.warning{color:#ff9800}.char-count.danger,.image-count.danger{color:#f44336}.form-group input,.form-group textarea,.form-group select{color:#333;box-sizing:border-box;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;max-width:100%;padding:8px 12px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.form-group input.error,.form-group textarea.error{border-color:#f44336}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{color:#999;cursor:not-allowed;background-color:#f5f5f5}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.image-upload-area{text-align:center;color:#999;background-color:#fafafa;border:2px dashed #e0e0e0;border-radius:8px;padding:20px;transition:all .2s}.image-upload-area svg{margin-bottom:8px;font-size:24px}.image-upload-area span{margin-bottom:12px;font-size:13px;display:block}.image-upload-area textarea{resize:vertical;color:#333;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;width:100%;padding:8px;font-family:monospace;font-size:12px}.image-upload-area textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.item-specifics-list{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;max-width:100%;display:flex}.item-specific-row{box-sizing:border-box;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;width:100%;max-width:100%;display:grid}.item-specific-row input{color:#333;box-sizing:border-box;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;width:100%;max-width:100%;padding:6px 8px;font-size:13px}.item-specific-row input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.item-specific-row input:disabled{color:#999;background-color:#f5f5f5}.item-specific-row.add{border-top:1px dashed #e0e0e0;margin-top:8px;padding-top:8px;transition:border-color .3s}.icon-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px;transition:all .2s;display:flex}.icon-btn:hover{color:#f44336;background-color:#f5f5f5}.icon-btn.add:hover{color:#4caf50}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.validation-panel{background-color:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:16px;transition:background-color .3s}.validation-header{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.validation-header h4{color:#555;align-items:center;gap:8px;margin:0;font-size:14px;transition:color .3s;display:flex}.validation-header h4 svg:first-child{color:#f57c00}.toggle-icon{color:#999;transition:transform .3s}.validation-list{margin:12px 0 0;padding:0;list-style:none}.validation-list li{align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.validation-list li.valid{color:#4caf50}.validation-list li.issue{color:#f57c00}.validation-list li.warning{color:#ff9800}.validation-list li svg{flex-shrink:0;font-size:14px}.error-panel{color:#c62828;background-color:#ffebee;border-left:4px solid #c62828;border-radius:4px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.helper-panel{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.helper-panel-copy{color:#1e3a8a;flex-direction:column;gap:4px;display:flex}.helper-panel-copy strong{font-size:15px}.helper-panel-copy span{font-size:14px;line-height:1.45}.success-panel{color:#2e7d32;background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;animation:.3s slideIn;display:flex}.editor-actions{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:16px;transition:border-color .3s;display:flex}.btn-primary,.btn-secondary,.btn-success,.btn-sandbox,.btn-helper{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 10px 24px #2563eb2e}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-1px);box-shadow:0 14px 28px #2563eb3d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--primary);background:#fff;border:1px solid #2563eb3d;border-radius:10px;font-weight:600;box-shadow:0 8px 18px #2563eb14}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary-dark);background:linear-gradient(135deg,#2563eb14,#0ea5e91f);transform:translateY(-2px);box-shadow:0 14px 28px #2563eb29}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 14px #2563eb1f}.btn-secondary svg{transition:transform .2s}.btn-secondary:hover:not(:disabled) svg{transform:translate(2px)}.btn-success{color:#fff;background-color:#4caf50}.btn-success:hover:not(:disabled){background-color:#43a047;transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.btn-success:active:not(:disabled){transform:translateY(0)}.btn-sandbox{color:#fff;background-color:#ff9800}.btn-helper{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-sandbox:hover:not(:disabled){background-color:#f57c00;transform:translateY(-1px);box-shadow:0 4px 8px #ff98004d}.btn-helper:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #2563eb47}.btn-sandbox:active:not(:disabled),.btn-helper:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled,.btn-success:disabled,.btn-sandbox:disabled,.btn-helper:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary .fa-spinner,.btn-success .fa-spinner,.btn-sandbox .fa-spinner,.btn-secondary .fa-spinner,.btn-helper .fa-spinner{animation:1s linear infinite spin}.no-draft-selected{text-align:center;color:#999;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.no-draft-selected svg{color:#ddd}.loading-container{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.error-container{text-align:center;color:#f44336;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}[data-theme=dark] .drafts-page{background-color:#0000}[data-theme=dark] .draft-toast.success{color:#bbf7d0;background:linear-gradient(135deg,#153322,#1b3a1f);border-color:#2f6f43}[data-theme=dark] .draft-toast.warning{color:#fed7aa;background:linear-gradient(135deg,#3b2413,#452a17);border-color:#9a5b23}[data-theme=dark] .draft-toast.error{color:#fecaca;background:linear-gradient(135deg,#3a1f1f,#4a2525);border-color:#b14b4b}[data-theme=dark] .ebay-status.connected{color:#81c784;background-color:#1b3a1f;border-color:#2e7d32}[data-theme=dark] .ebay-status.disconnected{color:#ef9a9a;background-color:#3a1f1f;border-color:#c62828}[data-theme=dark] .draft-tabs{border-bottom-color:#404040}[data-theme=dark] .draft-list,[data-theme=dark] .draft-editor,[data-theme=dark] .no-draft-selected{background-color:#2d2d2d;box-shadow:0 2px 8px #0003}[data-theme=dark] .list-header{border-bottom-color:#404040}[data-theme=dark] .list-header h3{color:#fff}[data-theme=dark] .refresh-btn{color:#bfdbfe;background:linear-gradient(135deg,#2563eb42,#0ea5e938);border-color:#60a5fa59}[data-theme=dark] .refresh-btn:hover{color:#0f172a;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-color:#38bdf8}[data-theme=dark] .refresh-btn:disabled{color:#dbeafe}[data-theme=dark] .draft-item{border-bottom-color:#404040}[data-theme=dark] .draft-item:hover{background-color:#333}[data-theme=dark] .draft-item.selected{border-left-color:var(--primary);background:linear-gradient(135deg,#2563eb33,#0ea5e92e)}[data-theme=dark] .draft-id,[data-theme=dark] .draft-item-meta{color:#999}[data-theme=dark] .draft-item-title{color:#fff}[data-theme=dark] .empty-list{color:#999}[data-theme=dark] .editor-header{border-bottom-color:#404040}[data-theme=dark] .editor-header h3{color:#fff}[data-theme=dark] .summary-chip{background:linear-gradient(#31254d,#251d38);border-color:#45356a}[data-theme=dark] .summary-label{color:#bba8ef}[data-theme=dark] .summary-value{color:#f5f3ff}[data-theme=dark] .source-info{color:#999}[data-theme=dark] .view-listing-link{color:#64b5f6;background-color:#1a2a3a}[data-theme=dark] .view-listing-link.sandbox{color:#93c5fd;background:#2563eb1f;border:1px solid #60a5fa47;box-shadow:0 10px 22px #00000038}[data-theme=dark] .view-listing-link.sandbox:hover{color:#e0f2fe;background:linear-gradient(135deg,#2563eb3d,#0ea5e933);border-color:#60a5fa}[data-theme=dark] .btn-secondary:hover:not(:disabled){color:#eff6ff;background:linear-gradient(135deg,#2563eb3d,#0ea5e933);border-color:#60a5fa}[data-theme=dark] .form-group label{color:#999}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-group select{color:#fff;background-color:#333;border-color:#404040}[data-theme=dark] .form-group input:disabled,[data-theme=dark] .form-group textarea:disabled,[data-theme=dark] .form-group select:disabled{color:#666;background-color:#252525}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#666}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33}[data-theme=dark] .form-group input.error,[data-theme=dark] .form-group textarea.error{border-color:#ff6b6b}[data-theme=dark] .image-upload-area{color:#999;background-color:#333;border-color:#404040}[data-theme=dark] .image-upload-area textarea{color:#fff;background-color:#2d2d2d;border-color:#404040}[data-theme=dark] .item-specific-row input{color:#fff;background-color:#333;border-color:#404040}[data-theme=dark] .item-specific-row input:disabled{color:#666;background-color:#252525}[data-theme=dark] .item-specific-row.add{border-top-color:#404040}[data-theme=dark] .icon-btn{color:#999}[data-theme=dark] .icon-btn:hover{color:#ff6b6b;background-color:#404040}[data-theme=dark] .icon-btn.add:hover{color:#6bff6b}[data-theme=dark] .validation-panel{background-color:#333}[data-theme=dark] .validation-header h4{color:#999}[data-theme=dark] .validation-header h4 svg:first-child{color:#ffb86b}[data-theme=dark] .validation-list li.valid{color:#6bff6b}[data-theme=dark] .validation-list li.issue{color:#ffb86b}[data-theme=dark] .validation-list li.warning{color:#ffb74d}[data-theme=dark] .error-panel{color:#ef9a9a;background-color:#3a1f1f;border-left-color:#ef5350}[data-theme=dark] .helper-panel{background:linear-gradient(135deg,#162544,#17305a);border-color:#29579c}[data-theme=dark] .helper-panel-copy{color:#bfdbfe}[data-theme=dark] .success-panel{color:#81c784;background-color:#1b3a1f;border-left-color:#66bb6a}[data-theme=dark] .editor-actions{border-top-color:#404040}[data-theme=dark] .btn-secondary{color:#bfdbfe;background:#2563eb1a;border:1px solid #60a5fa3d;box-shadow:0 10px 22px #00000038}[data-theme=dark] .btn-secondary:hover:not(:disabled){color:#eff6ff;background:linear-gradient(135deg,#2563eb3d,#0ea5e933);border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 14px 28px #2563eb33}[data-theme=dark] .btn-helper{background:linear-gradient(135deg,#3b82f6,#2563eb)}[data-theme=dark] .btn-primary:disabled,[data-theme=dark] .btn-success:disabled,[data-theme=dark] .btn-sandbox:disabled,[data-theme=dark] .btn-helper:disabled{opacity:.3}[data-theme=dark] .status-icon.needs-edit{color:#ffb86b}[data-theme=dark] .status-icon.ready{color:#6bff6b}[data-theme=dark] .status-icon.blocked{color:#ff6b6b}[data-theme=dark] .status-icon.submitted{color:#6ba5ff}[data-theme=dark] .status-icon.sandbox{color:#ffb74d}[data-theme=dark] .status-icon.production{color:#81c784}[data-theme=dark] .no-draft-selected{color:#999}[data-theme=dark] .no-draft-selected svg{color:#404040}[data-theme=dark] .loading-container{color:#999}.drafts-page.page-loading-shell .loading-container{min-height:calc(100vh - 170px);width:100%;min-height:calc(100dvh - 170px);color:inherit;box-shadow:none!important;background:0 0!important;border:none!important}.drafts-page.page-loading-shell{background:0 0!important}.drafts-page.page-loading-shell .loading-spinner{background:#ffffffe6;border:1px solid #2563eb14!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;width:72px!important;height:72px!important;animation:1.8s ease-in-out infinite loadingSpinnerShellPulse!important;display:inline-flex!important;box-shadow:0 16px 32px #0f172a14!important}.drafts-page.page-loading-shell .loading-spinner svg{color:#2563eb!important;margin:auto!important;font-size:32px!important;display:block!important}[data-theme=dark] .drafts-page.page-loading-shell .loading-spinner{background:#111827eb;border-color:#60a5fa1f!important;box-shadow:0 18px 36px #00000042!important}[data-theme=dark] .drafts-page.page-loading-shell .loading-spinner svg{color:#60a5fa!important}@media (max-width:1024px){.drafts-container{grid-template-columns:250px 1fr}.editor-grid{grid-template-columns:1fr}}@media (max-width:768px){.draft-toast{width:min(360px,100vw - 24px);top:12px;right:12px}.drafts-page{padding:70px 16px 16px}.page-header{flex-direction:column;align-items:flex-start;padding:18px 16px}.page-header-main{align-items:center;gap:14px;width:100%;display:flex}.page-header-icon{background:linear-gradient(135deg,var(--primary),var(--primary-dark));justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:flex;box-shadow:0 10px 24px #2563eb2e}.page-header-icon svg{color:#fff;font-size:20px}.page-header h1{font-size:24px}.draft-tabs{flex-wrap:wrap;gap:4px;margin-top:0}.tab-btn{flex:auto;justify-content:center;min-width:calc(50% - 4px);padding:10px 8px;font-size:13px}.drafts-container{grid-template-columns:1fr;gap:16px;height:auto;min-height:500px}.draft-list{max-height:300px}.list-header{padding:14px 16px}.refresh-btn{min-height:44px;padding:10px 12px}.draft-item{padding:16px}.editor-header{flex-direction:column;align-items:flex-start;gap:8px}.editor-header>div{width:100%}.view-listing-link{align-self:flex-start}.editor-grid{gap:16px}.draft-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row{grid-template-columns:1fr}.editor-actions{flex-direction:column}.helper-panel{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary,.btn-success,.btn-sandbox,.btn-helper{justify-content:center;width:100%;min-height:48px;font-size:16px}.form-group input,.form-group textarea,.form-group select{padding:12px;font-size:16px}.item-specific-row{grid-template-columns:1fr;gap:4px}.item-specific-row .icon-btn{justify-self:end}}@media (max-width:480px){.draft-toast{width:calc(100vw - 20px);font-size:13px;top:10px;right:10px}.drafts-page{padding:65px 12px 12px}.page-header h1{font-size:22px}.page-header-icon{width:42px;min-width:42px;height:42px;min-height:42px}.tab-btn{min-width:100%}.draft-list{max-height:250px}.draft-item{padding:14px}.list-header{padding:12px 14px}.refresh-btn{border-radius:12px;width:44px;min-width:44px;padding:10px}.refresh-btn .refresh-label{display:none}.draft-item-title{font-size:14px}.editor-header h3{font-size:16px}.draft-summary-strip{grid-template-columns:1fr}.validation-panel{padding:12px}.validation-list li{font-size:12px}}@media (max-width:320px){.draft-tabs{flex-direction:column}.tab-btn{width:100%}.item-specific-row{grid-template-columns:1fr}}@media (max-width:768px) and (orientation:landscape){.drafts-container{grid-template-columns:1fr 1fr;height:calc(100vh - 200px)}.draft-list{max-height:none}.editor-actions{flex-direction:row}.btn-primary,.btn-secondary,.btn-success,.btn-sandbox,.btn-helper{width:auto}}@media (hover:none) and (pointer:coarse){.tab-btn,.draft-item,.icon-btn,.btn-primary,.btn-secondary,.btn-success,.btn-sandbox,.btn-helper,.refresh-btn{cursor:pointer;-webkit-tap-highlight-color:transparent}.draft-item:active{background-color:#f0f0f0}[data-theme=dark] .draft-item:active{background-color:#404040}.btn-primary:active,.btn-success:active,.btn-sandbox:active,.btn-helper:active{transform:scale(.98)}.form-group input,.form-group textarea,.form-group select{font-size:16px}}@supports (padding-top:env(safe-area-inset-top)){@media (max-width:768px){.drafts-page{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-top:calc(16px + env(safe-area-inset-top))}}}.loading-skeleton{animation:1.5s ease-in-out infinite pulse}.draft-list ul::-webkit-scrollbar{width:6px;height:6px}.draft-editor::-webkit-scrollbar{width:6px;height:6px}.draft-list ul::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.draft-editor::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.draft-list ul::-webkit-scrollbar-thumb{background:silver;border-radius:3px}.draft-editor::-webkit-scrollbar-thumb{background:silver;border-radius:3px}.draft-list ul::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.draft-editor::-webkit-scrollbar-thumb:hover{background:#a0a0a0}[data-theme=dark] .draft-list ul::-webkit-scrollbar-track{background:#333}[data-theme=dark] .draft-editor::-webkit-scrollbar-track{background:#333}[data-theme=dark] .draft-list ul::-webkit-scrollbar-thumb{background:#555}[data-theme=dark] .draft-editor::-webkit-scrollbar-thumb{background:#555}[data-theme=dark] .draft-list ul::-webkit-scrollbar-thumb:hover{background:#666}[data-theme=dark] .draft-editor::-webkit-scrollbar-thumb:hover{background:#666}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:1000;opacity:0;pointer-events:none;background-color:#333;border-radius:4px;padding:4px 8px;font-size:11px;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}[data-tooltip]:hover:before{opacity:1}[data-theme=dark] [data-tooltip]:before{background-color:#666}.tab-btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-success:focus-visible,.btn-sandbox:focus-visible,.btn-helper:focus-visible,.refresh-btn:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.productpublish-page{--primary:#2563eb;--primary-dark:#0ea5e9;box-sizing:border-box;background-color:#0000;flex-direction:column;width:100%;max-width:100vw;height:100%;padding:24px;transition:background-color .3s;display:flex;overflow-x:hidden}.page-header{box-sizing:border-box;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:100%;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 8px 24px #0f172a14}.page-header-main{align-items:center;gap:16px;min-width:0;display:flex}.page-header-copy{min-width:0}.page-header-actions{flex-shrink:0;gap:12px;display:flex}.refresh-page-btn,.banner-action,.detail-action{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.refresh-page-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:1px solid #2563eb;box-shadow:0 10px 24px #2563eb38}.refresh-page-btn:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9,#2563eb);border-color:#0ea5e9;transform:translateY(-1px);box-shadow:0 14px 28px #2563eb47}.refresh-page-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.refresh-page-btn:disabled,.action-btn:disabled,.detail-action:disabled,.banner-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.publish-banner{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #6a4cff;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.publish-banner.warning{border-left-color:#f59e0b}.publish-banner.error{border-left-color:#ef4444}.publish-banner.success{border-left-color:#10b981}.banner-copy{color:#374151;flex-direction:column;gap:4px;display:flex}.banner-dismiss{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;width:36px;height:36px}.banner-action{color:#111827;background:#f3f4f6}.publish-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.summary-label,.stat-subvalue,.queue-helper-copy,.empty-state-title+p{color:#6b7280;font-size:13px}.summary-card strong{color:#111827;font-size:20px}.empty-state-title{color:#111827;margin-bottom:8px;font-size:18px;font-weight:600}.label-btn{gap:8px;width:auto;min-width:96px;padding:0 12px}.status-icon.ready,.status-text.ready{color:#15803d}.status-icon.live,.sync-status.live{color:#2563eb}.status-icon.sandbox,.sync-status.sandbox{color:#7c3aed}.detail-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.detail-action.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 10px 24px #2563eb33}.detail-action.secondary{color:#111827;background:#f3f4f6}.queue-helper-copy{margin-bottom:12px;line-height:1.5}.page-header h1{color:#333;margin:0 0 8px;font-size:28px;font-weight:600;transition:color .3s}.page-header p{color:#666;margin:0;font-size:14px;transition:color .3s}.publish-stats{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;max-width:100%;margin-bottom:24px;display:grid}.stat-icon.total{color:#1976d2;background-color:#e3f2fd}.stat-icon.success{color:#2e7d32;background-color:#e8f5e8}.stat-icon.pending{color:#ed6c02;background-color:#fff3e0}.stat-icon.failed{color:#d32f2f;background-color:#ffebee}.stat-value{color:#333;font-size:24px;font-weight:600;line-height:1.2;transition:color .3s}.stat-label{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:13px;transition:color .3s;overflow:hidden}.publish-tabs{box-sizing:border-box;border-bottom:1px solid #e0e0e0;gap:8px;width:100%;max-width:100%;margin-bottom:24px;padding-bottom:8px;transition:border-color .3s;display:flex}.tab-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:var(--primary);background-color:#f5f5f5}.tab-btn.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 10px 24px #2563eb2e}.tab-count{color:#666;background-color:#e0e0e0;border-radius:12px;padding:2px 6px;font-size:12px;transition:all .3s}.tab-btn.active .tab-count{color:#fff;background-color:#ffffff2e}.mobile-filter-toggle{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:52px;margin-bottom:12px;padding:14px 16px;font-size:15px;transition:all .3s;display:none}.mobile-filter-toggle .toggle-content{align-items:center;gap:8px;display:flex}.filter-bar{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:16px;transition:all .3s}.filter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-group{box-sizing:border-box;align-items:center;gap:8px;width:100%;max-width:100%;display:flex}.paging-select{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.paging-select label{color:#6b7280;font-size:13px;font-weight:600}.paging-select select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-size:14px}.publish-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.publish-toolbar-copy{flex-direction:column;gap:4px;display:flex}.toolbar-title{color:#111827;font-size:14px;font-weight:700}.toolbar-meta{color:#6b7280;font-size:13px}.publish-pagination{align-items:center;gap:8px;display:flex}.pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.pagination-pill{color:#111827;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;min-width:72px;height:40px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.filter-btn{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-radius:30px;justify-content:center;align-items:center;min-height:40px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.filter-btn:hover{border-color:var(--primary);color:var(--primary);background-color:#f5f5f5}.filter-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);color:#fff}@media (min-width:769px){.filter-group{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.filter-group::-webkit-scrollbar{height:4px}.filter-group::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.filter-group::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.filter-group::-webkit-scrollbar-thumb:hover{background:#999}.filter-btn{flex:none}}.queue-container{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.queue-table-container{box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto}.queue-table,.published-table{border-collapse:collapse;width:100%;min-width:1000px}.queue-table th,.published-table th{text-align:left;color:#555;background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;padding:16px;font-size:13px;font-weight:500;transition:all .3s}.queue-table td,.published-table td{color:#333;border-bottom:1px solid #f0f0f0;padding:16px;font-size:14px;transition:all .3s}.queue-row{cursor:pointer;transition:background-color .2s}.queue-row:hover{background-color:#f8f9fa}.queue-row.selected{background-color:#f0edff}.status-icon{margin-right:6px;font-size:14px}.status-icon.success,.status-icon.synced{color:#4caf50}.status-icon.failed{color:#f44336}.status-icon.running{color:#2196f3}.status-icon.pending{color:#ff9800}.status-cell{align-items:center;display:flex}.status-text,.sync-status{font-weight:500}.status-text.success,.sync-status.synced{color:#4caf50}.status-text.failed,.sync-status.failed{color:#f44336}.status-text.running{color:#2196f3}.status-text.pending,.sync-status.pending{color:#ff9800}.draft-id,.item-id{color:#6a4cff;font-weight:600;transition:color .3s}.title-cell{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.date-cell{color:#666;font-size:13px;transition:color .3s}.price-cell{color:#2e7d32;font-weight:600;transition:color .3s}.quantity-cell{text-align:center}.views-cell{text-align:center;color:#666;transition:color .3s}.attempts-cell{text-align:center}.attempt-badge{color:#1976d2;background-color:#e3f2fd;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500;transition:all .3s;display:inline-block}.attempt-badge.warning{color:#f44336;background-color:#ffebee}.error-cell{max-width:200px}.error-tooltip{cursor:help;align-items:center;gap:4px;display:flex}.error-icon{font-size:14px}.error-text{color:#f44336;text-overflow:ellipsis;font-size:13px;transition:color .3s;overflow:hidden}.actions-cell{min-width:120px}.action-buttons{justify-content:flex-start;gap:8px;display:flex}.action-btn{color:#666;cursor:pointer;background-color:#f5f5f5;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-btn:hover{transform:translateY(-2px)}.action-btn.retry:hover{color:#fff;background-color:#2196f3}.action-btn.cancel:hover{color:#fff;background-color:#f44336}.action-btn.view:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 8px 18px #2563eb33}.action-btn.copy:hover{color:#fff;background-color:#4caf50}.action-btn.sync:hover{color:#fff;background-color:#ff9800}.item-details-panel{box-sizing:border-box;background-color:#f8f9fa;border-top:1px solid #e0e0e0;width:100%;max-width:100%;padding:16px;transition:all .3s}.details-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.details-header h4{color:#333;margin:0;font-size:16px;font-weight:600;transition:color .3s}.close-btn{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:4px 8px;font-size:20px;transition:color .2s;display:flex}.close-btn:hover{color:#333}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.detail-row{flex-direction:column;gap:4px;display:flex}.detail-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px;transition:color .3s}.detail-value{color:#333;word-break:break-word;font-size:14px;font-weight:500;transition:color .3s}.detail-value.error-detail{color:#f44336}.error-message{color:#f44336;word-break:break-word}.empty-table{text-align:center;color:#999;font-style:italic;padding:48px!important}.empty-state-card{text-align:center;color:#999;background:#fff;border-radius:12px;padding:48px 20px;transition:all .3s}.published-container{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:100%;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.published-table-container{box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto}.mobile-queue-cards{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:100%;padding:12px;display:flex}.queue-card{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:100%;max-width:100%;padding:16px;transition:all .2s;box-shadow:0 2px 8px #0f172a0d}.queue-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.queue-card .card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.queue-card .card-header-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.queue-card .card-type{color:#999;background-color:#f5f5f5;border-radius:4px;padding:2px 8px;font-size:12px;transition:all .3s}.queue-card .status-badge{background-color:#f5f5f5;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;transition:all .3s;display:flex}.queue-card .card-title{color:#333;word-break:break-word;margin:0 0 12px;font-size:16px;font-weight:600;transition:color .3s}.queue-card .card-details{background-color:#f8f9fa;border-radius:8px;margin-bottom:12px;padding:12px;transition:background-color .3s}.queue-card .detail-row{justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.queue-card .detail-label{color:#666;transition:color .3s}.queue-card .card-error{color:#f44336;background-color:#ffebee;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:12px;font-size:13px;transition:all .3s;display:flex}.queue-card .card-actions{border-top:1px solid #e0e0e0;gap:8px;padding-top:12px;transition:border-color .3s;display:flex}.queue-card .card-actions .action-btn{flex:1;gap:6px;width:auto;min-width:0;height:40px;font-size:13px}.mobile-published-cards{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:100%;padding:12px;display:flex}.published-card{box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:100%;max-width:100%;padding:16px;transition:all .3s;box-shadow:0 2px 8px #0f172a0d}.published-card .card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.published-card .card-header-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.published-card .draft-ref{color:#999;font-size:12px;transition:color .3s}.published-card .sync-status-badge{background-color:#f5f5f5;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;transition:all .3s;display:flex}.published-card .card-title{color:#333;word-break:break-word;margin:0 0 16px;font-size:16px;font-weight:600;transition:color .3s}.published-card .card-metrics{background-color:#f8f9fa;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;padding:12px;transition:background-color .3s;display:grid}.published-card .metric{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.published-card .metric-label{color:#666;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;transition:color .3s;overflow:hidden}.published-card .metric-value{font-size:16px;font-weight:600;transition:color .3s}.published-card .metric-value.price{color:#4caf50}.published-card .card-dates{background-color:#f5f5f5;border-radius:8px;margin-bottom:16px;padding:12px;transition:background-color .3s}.published-card .date-row{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.published-card .date-label{color:#666;transition:color .3s}.published-card .card-actions{border-top:1px solid #e0e0e0;gap:8px;padding-top:12px;transition:border-color .3s;display:flex}.published-card .card-actions .action-btn{flex:1;gap:4px;width:auto;min-width:0;height:40px;font-size:12px}.mobile-detail-modal{z-index:1100;background:#fff;flex-direction:column;transition:background-color .3s;animation:.3s slideUp;display:flex;position:fixed;inset:0}.mobile-detail-modal .modal-header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s;display:flex}.mobile-detail-modal .modal-header h4{color:#333;margin:0;font-size:18px;transition:color .3s}.mobile-detail-modal .modal-header .close-btn{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.mobile-detail-modal .modal-header .close-btn:hover{background-color:#f5f5f5}.mobile-detail-modal .modal-content{box-sizing:border-box;flex:1;width:100%;max-width:100%;padding:20px;overflow-y:auto}.mobile-detail-modal .detail-section{background-color:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:16px;transition:background-color .3s}.mobile-detail-modal .detail-section h5{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600;transition:color .3s}.mobile-detail-modal .detail-section.error{background-color:#ffebee}.mobile-detail-modal .detail-section.error h5{color:#f44336}.mobile-detail-modal .detail-row{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 0;transition:border-color .3s;display:flex}.mobile-detail-modal .detail-row:last-child{border-bottom:none}.mobile-detail-modal .detail-label{color:#666;font-size:14px;transition:color .3s}.mobile-detail-modal .detail-value{color:#333;word-break:break-word;text-align:right;align-items:center;gap:6px;font-weight:500;transition:color .3s;display:flex}.mobile-detail-modal .detail-value .status-icon{margin-right:0}.mobile-detail-modal .error-message{color:#f44336;word-break:break-word;background-color:#fff;border-radius:6px;padding:8px;font-size:14px;line-height:1.5;transition:all .3s}.mobile-detail-modal .modal-actions{background:#fff;border-top:1px solid #e0e0e0;padding:16px 20px;transition:all .3s}.mobile-detail-modal .modal-actions .action-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;height:48px;font-size:16px;font-weight:500;transition:all .2s;box-shadow:0 12px 28px #2563eb38}.mobile-detail-modal .modal-actions .action-btn.close{color:#333;background-color:#f0f0f0}.mobile-detail-modal .modal-actions .action-btn.close:hover{background-color:#e4e4e4}.loading-spinner{color:#666;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}[title]{cursor:help;position:relative}.status-icon.running{animation:1.5s ease-in-out infinite pulse}[data-theme=dark] .productpublish-page{background-color:#1a1a1a}[data-theme=dark] .page-header h1{color:#fff}[data-theme=dark] .page-header p{color:#999}[data-theme=dark] .refresh-page-btn{background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#2563eb;box-shadow:0 12px 28px #2563eb3d}[data-theme=dark] .publish-banner,[data-theme=dark] .summary-card{background:#2d2d2d;border-color:#404040}[data-theme=dark] .banner-copy,[data-theme=dark] .summary-card strong,[data-theme=dark] .empty-state-title{color:#fff}[data-theme=dark] .summary-label,[data-theme=dark] .stat-subvalue,[data-theme=dark] .queue-helper-copy{color:#a1a1aa}[data-theme=dark] .banner-action,[data-theme=dark] .detail-action.secondary{color:#fff;background:#333}[data-theme=dark] .detail-action.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 12px 28px #2563eb3d}[data-theme=dark] .stat-card{background-color:#2d2d2d;box-shadow:0 2px 8px #0003}[data-theme=dark] .stat-value{color:#fff}[data-theme=dark] .stat-label{color:#999}[data-theme=dark] .stat-icon.total{color:#6ba5ff;background-color:#1a2a3a}[data-theme=dark] .stat-icon.success{color:#6bff6b;background-color:#1a3a1a}[data-theme=dark] .stat-icon.pending{color:#ffd966;background-color:#3a3a1a}[data-theme=dark] .stat-icon.failed{color:#ff6b6b;background-color:#3a1a1a}[data-theme=dark] .publish-tabs{border-bottom-color:#404040}[data-theme=dark] .tab-btn{color:#999}[data-theme=dark] .tab-btn:hover{color:var(--primary);background-color:#333}[data-theme=dark] .tab-btn.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 10px 24px #2563eb3d}[data-theme=dark] .tab-count{color:#999;background-color:#404040}[data-theme=dark] .tab-btn.active .tab-count{color:#fff;background-color:#ffffff2e}[data-theme=dark] .mobile-filter-toggle{color:#fff;background-color:#2d2d2d;border-color:#404040}[data-theme=dark] .publish-toolbar{background:#2d2d2d;border-color:#404040}[data-theme=dark] .toolbar-title{color:#fff}[data-theme=dark] .toolbar-meta,[data-theme=dark] .paging-select label{color:#a1a1aa}[data-theme=dark] .paging-select select,[data-theme=dark] .pagination-btn{color:#fff;background:#333;border-color:#404040}[data-theme=dark] .pagination-btn:hover:not(:disabled){background:#404040;border-color:#555}[data-theme=dark] .pagination-pill{color:#fff;background:#1f2937}[data-theme=dark] .filter-btn{color:#999;background-color:#2d2d2d;border-color:#404040}[data-theme=dark] .filter-btn:hover{border-color:var(--primary);color:var(--primary);background-color:#404040}[data-theme=dark] .filter-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);color:#fff}[data-theme=dark] .queue-container,[data-theme=dark] .published-container{background-color:#2d2d2d;box-shadow:0 2px 8px #0003}[data-theme=dark] .queue-table th,[data-theme=dark] .published-table th{color:#fff;background-color:#333;border-bottom-color:#404040}[data-theme=dark] .queue-table td,[data-theme=dark] .published-table td{color:#fff;border-bottom-color:#404040}[data-theme=dark] .queue-row:hover{background-color:#333}[data-theme=dark] .queue-row.selected{background-color:#2a2a4a}[data-theme=dark] .draft-id,[data-theme=dark] .item-id{color:#8b74ff}[data-theme=dark] .date-cell,[data-theme=dark] .views-cell{color:#999}[data-theme=dark] .price-cell{color:#6bff6b}[data-theme=dark] .attempt-badge{color:#6ba5ff;background-color:#1a2a3a}[data-theme=dark] .attempt-badge.warning{color:#ff6b6b;background-color:#3a1a1a}[data-theme=dark] .error-text{color:#ff6b6b}[data-theme=dark] .action-btn{color:#999;background-color:#333}[data-theme=dark] .action-btn.retry:hover{color:#fff;background-color:#2196f3}[data-theme=dark] .action-btn.cancel:hover{color:#fff;background-color:#f44336}[data-theme=dark] .action-btn.view:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 8px 18px #2563eb38}[data-theme=dark] .action-btn.copy:hover{color:#fff;background-color:#4caf50}[data-theme=dark] .action-btn.sync:hover{color:#fff;background-color:#ff9800}[data-theme=dark] .item-details-panel{background-color:#333;border-top-color:#404040}[data-theme=dark] .details-header h4{color:#fff}[data-theme=dark] .detail-label{color:#999}[data-theme=dark] .detail-value{color:#fff}[data-theme=dark] .empty-table,[data-theme=dark] .empty-state-card{color:#999}[data-theme=dark] .empty-state-card{background-color:#2d2d2d}[data-theme=dark] .queue-card,[data-theme=dark] .published-card{background-color:#2d2d2d;border-color:#404040}[data-theme=dark] .queue-card .card-type{color:#999;background-color:#333}[data-theme=dark] .queue-card .status-badge,[data-theme=dark] .published-card .sync-status-badge{background-color:#333}[data-theme=dark] .queue-card .card-title,[data-theme=dark] .published-card .card-title{color:#fff}[data-theme=dark] .queue-card .card-details,[data-theme=dark] .published-card .card-metrics,[data-theme=dark] .published-card .card-dates{background-color:#333}[data-theme=dark] .queue-card .detail-label,[data-theme=dark] .published-card .metric-label,[data-theme=dark] .published-card .date-label{color:#999}[data-theme=dark] .queue-card .card-error{color:#ff6b6b;background-color:#3a1a1a}[data-theme=dark] .queue-card .card-actions,[data-theme=dark] .published-card .card-actions{border-top-color:#404040}[data-theme=dark] .mobile-detail-modal{background-color:#1a1a1a}[data-theme=dark] .mobile-detail-modal .modal-header{background-color:#2d2d2d;border-bottom-color:#404040}[data-theme=dark] .mobile-detail-modal .modal-header h4{color:#fff}[data-theme=dark] .mobile-detail-modal .detail-section{background-color:#333}[data-theme=dark] .mobile-detail-modal .detail-section h5{color:#999}[data-theme=dark] .mobile-detail-modal .detail-section.error{background-color:#3a1a1a}[data-theme=dark] .mobile-detail-modal .detail-section.error h5{color:#ff6b6b}[data-theme=dark] .mobile-detail-modal .detail-row{border-bottom-color:#404040}[data-theme=dark] .mobile-detail-modal .detail-label{color:#999}[data-theme=dark] .mobile-detail-modal .detail-value{color:#fff}[data-theme=dark] .mobile-detail-modal .error-message{color:#ff6b6b;background-color:#2d2d2d}[data-theme=dark] .mobile-detail-modal .modal-actions{background-color:#2d2d2d;border-top-color:#404040}[data-theme=dark] .mobile-detail-modal .modal-actions .action-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 12px 28px #2563eb3d}[data-theme=dark] .mobile-detail-modal .modal-actions .action-btn.close{color:#fff;background-color:#333}[data-theme=dark] .filter-group::-webkit-scrollbar-track{background:#333}[data-theme=dark] .filter-group::-webkit-scrollbar-thumb{background:#555}[data-theme=dark] .filter-group::-webkit-scrollbar-thumb:hover{background:#777}@media (min-width:769px){[data-theme=dark] .stat-card:hover{background-color:#333;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .queue-row:hover{background-color:#333}[data-theme=dark] .queue-card:hover,[data-theme=dark] .published-card:hover{background-color:#333;border-color:#555;box-shadow:0 4px 12px #0000004d}}@media (max-width:1024px){.publish-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.productpublish-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;padding:18px 16px}.page-header-main{align-items:center;gap:14px;width:100%;display:flex}.page-header-icon{background:linear-gradient(135deg,var(--primary),var(--primary-dark));justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:flex;box-shadow:0 10px 24px #2563eb2e}.page-header-icon svg{color:#fff;font-size:20px}.page-header-actions{width:100%}.refresh-page-btn,.banner-action{justify-content:center;width:100%}.refresh-page-btn{color:#fff;-webkit-tap-highlight-color:transparent;appearance:none;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#2563eb;box-shadow:0 12px 26px #2563eb38}.publish-banner{flex-direction:column;align-items:stretch}.page-header h1{font-size:24px}.publish-stats{grid-template-columns:1fr;gap:12px}.stat-card{padding:14px}.stat-icon{width:44px;height:44px;font-size:20px}.stat-value{font-size:22px}.publish-tabs{border-bottom:none;flex-direction:column;gap:4px;padding-bottom:0}.tab-btn{background-color:#fff;border:1px solid #e0e0e0;justify-content:space-between;width:100%;padding:12px 16px}[data-theme=dark] .tab-btn{background-color:#2d2d2d;border-color:#404040}.tab-btn.active{border-color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.mobile-filter-toggle{display:flex}.filter-bar{opacity:0;max-height:0;margin:0;overflow:hidden}.filter-bar.show{opacity:1;max-height:200px;margin-bottom:16px}.filter-group{flex-wrap:wrap;gap:6px}.filter-toolbar{flex-direction:column;align-items:stretch}.paging-select{justify-content:space-between;width:100%}.paging-select select{flex:1}.filter-btn{text-align:center;white-space:normal;word-break:break-word;flex:auto;min-width:calc(33.33% - 6px);padding:8px 12px;font-size:13px}.queue-table,.published-table{display:none}.queue-table-container{overflow-x:visible}.publish-toolbar{flex-direction:column;align-items:stretch;padding:12px}.publish-pagination{justify-content:space-between;width:100%}.pagination-btn{flex:1;justify-content:center}.item-details-panel{display:none}.queue-card .card-actions .action-btn,.published-card .card-actions .action-btn{min-width:0;padding:0 8px}}@media (max-width:480px){.productpublish-page{padding:12px}.page-header-icon{width:42px;min-width:42px;height:42px;min-height:42px}.filter-btn{min-width:calc(50% - 6px)}.queue-card .card-actions,.published-card .card-actions{flex-direction:column}.queue-card .card-actions .action-btn,.published-card .card-actions .action-btn{width:100%;height:44px}.published-card .card-metrics{grid-template-columns:1fr;gap:8px}.published-card .metric{flex-direction:row;justify-content:space-between}.published-card .metric-label{font-size:12px}.published-card .metric-value{font-size:14px}.publish-pagination{gap:6px}.pagination-pill{min-width:64px}.queue-card .card-header,.published-card .card-header{flex-direction:column;align-items:flex-start}.queue-card .status-badge,.published-card .sync-status-badge{align-self:flex-start}}@media (max-width:320px){.filter-btn{min-width:100%}.queue-card .card-header-left{flex-direction:column;align-items:flex-start}}@media (max-width:768px) and (orientation:landscape){.publish-stats{grid-template-columns:repeat(2,1fr)}.filter-btn{flex:0 auto;min-width:auto}.queue-card .card-actions,.published-card .card-actions{flex-direction:row}.published-card .card-metrics{grid-template-columns:repeat(3,1fr)}}@media (hover:none) and (pointer:coarse){.tab-btn,.filter-btn,.action-btn,.close-btn,.mobile-filter-toggle{-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;min-height:44px;display:flex}.queue-row,.queue-card,.published-card{cursor:pointer;-webkit-tap-highlight-color:transparent}.queue-row:active,.queue-card:active,.published-card:active{background-color:#f0f0f0;transform:scale(.99)}[data-theme=dark] .queue-row:active,[data-theme=dark] .queue-card:active,[data-theme=dark] .published-card:active{background-color:#404040}.filter-group input,.filter-group select{min-height:44px;font-size:16px}}@supports (padding-top:env(safe-area-inset-top)){@media (max-width:768px){.productpublish-page{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-top:calc(16px + env(safe-area-inset-top))}.mobile-detail-modal{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.mobile-detail-modal .modal-header{padding-top:max(16px,env(safe-area-inset-top))}.mobile-detail-modal .modal-actions{padding-bottom:max(16px,env(safe-area-inset-bottom))}}}@media (min-width:769px){.filter-group{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;flex-flow:row!important;gap:8px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.filter-btn{white-space:nowrap!important;float:none!important;flex:none!important;margin:0!important;display:inline-flex!important}}.logs-page{box-sizing:border-box;background-color:#0000;width:100%;max-width:100vw;min-height:100vh;margin:0 auto;padding:24px;transition:background-color .3s;position:relative;overflow-x:hidden}.page-header{box-sizing:border-box;background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:100%;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 8px 24px #0f172a14}.page-header-main{align-items:center;gap:16px;display:flex}.page-header-icon{background:linear-gradient(135deg,var(--primary,#2563eb),var(--primary-dark,#0ea5e9));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.page-header-icon svg{font-size:22px}.page-header-text h1{color:#333;margin:0 0 8px;font-size:28px;font-weight:600}.page-header-text p{color:#666;margin:0;font-size:14px}.header-actions{flex-wrap:wrap;gap:8px;padding:0;display:flex}.refresh-btn,.auto-refresh-btn,.export-btn{min-width:96px;min-height:42px;color:var(--primary,#2563eb);letter-spacing:.01em;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #2563eb33;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 20px #2563eb14}.refresh-btn:hover,.auto-refresh-btn:hover,.export-btn:hover{color:var(--primary-dark,#0ea5e9);border-color:var(--primary,#2563eb);background:linear-gradient(135deg,#2563eb14,#0ea5e91f);transform:translateY(-2px);box-shadow:0 14px 28px #2563eb29}.auto-refresh-btn.active{border-color:var(--primary,#2563eb);background:linear-gradient(135deg,var(--primary,#2563eb),var(--primary-dark,#0ea5e9));color:#fff;box-shadow:0 12px 26px #2563eb38}.refresh-btn:active,.auto-refresh-btn:active,.export-btn:active{transform:translateY(0)scale(.98)}.refresh-btn.refreshing{cursor:not-allowed;opacity:.7}.refresh-btn:focus-visible,.auto-refresh-btn:focus-visible,.export-btn:focus-visible{outline:2px solid var(--primary,#2563eb);outline-offset:2px}.logs-stats{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;width:100%;max-width:100%;margin-bottom:24px;display:grid}.stat-card{box-sizing:border-box;background:#fff;border-radius:12px;align-items:center;gap:16px;width:100%;padding:16px;transition:transform .2s;display:flex;box-shadow:0 2px 8px #0000000d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.total .stat-icon{color:#1976d2;background-color:#e3f2fd}.stat-card.error .stat-icon{color:#d32f2f;background-color:#ffebee}.stat-card.warning .stat-icon{color:#ed6c02;background-color:#fff3e0}.stat-card.info .stat-icon{color:#2e7d32;background-color:#e8f5e8}.stat-card.unresolved .stat-icon{color:#c2185b;background-color:#fce4ec}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.stat-content{flex-direction:column;min-width:0;display:flex}.stat-value{color:#333;font-size:24px;font-weight:600;line-height:1.2}.stat-label{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.filters-toggle{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:12px;font-size:14px;transition:all .2s;display:flex}.filters-toggle:hover{background-color:#f5f5f5;border-color:#ccc}.logs-filters{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:100%;margin-bottom:24px;padding:20px;box-shadow:0 2px 8px #0000000d}.filters-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;max-width:100%;margin-bottom:16px;display:grid}.filter-group{flex-direction:column;gap:6px;min-width:0;display:flex}.filter-group label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.filter-group input,.filter-group select{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:6px;width:100%;max-width:100%;padding:8px 12px;font-size:14px;transition:all .2s}.filter-group input:focus,.filter-group select:focus{border-color:#6a4cff;outline:none;box-shadow:0 0 0 3px #6a4cff1a}.search-bar{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:16px;position:relative}.search-icon{color:#999;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar input{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 40px;font-size:14px;transition:all .2s}.search-bar input:focus{border-color:#6a4cff;outline:none;box-shadow:0 0 0 3px #6a4cff1a}.clear-search{color:#999;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-search:hover{color:#f44336}.filters-actions{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.clear-filters{color:#6a4cff;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:13px}.clear-filters:hover{text-decoration:underline}.results-count{color:#666;font-size:13px}.logs-toolbar{background:#fff;border:1px solid #ececec;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0000000a}.logs-toolbar-copy{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.logs-toolbar-divider{background:#e2e2e2;width:1px;height:14px}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){background:#f6f6f6;border-color:#cfcfcf}.pagination-page{color:#333;background:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:13px;font-weight:700;display:inline-flex}.logs-list{box-sizing:border-box;flex-direction:column;flex:1;gap:8px;width:100%;max-width:100%;display:flex;overflow-y:auto}.log-item{box-sizing:border-box;background:#fff;border-left:4px solid;border-radius:8px;width:100%;max-width:100%;transition:all .2s;box-shadow:0 1px 4px #0000000d}.log-item:hover{box-shadow:0 4px 12px #0000001a}.log-item.severity-error{border-left-color:#f44336}.log-item.severity-critical{border-left-color:#b71c1c}.log-item.severity-warning{border-left-color:#ff9800}.log-item.severity-info{border-left-color:#2196f3}.log-item.resolved{opacity:.7}.log-summary{cursor:pointer;box-sizing:border-box;grid-template-columns:auto auto auto 1fr auto auto;align-items:center;gap:16px;width:100%;max-width:100%;padding:16px;display:grid}.log-timestamp{white-space:nowrap;min-width:100px}.log-time{color:#333;margin-right:4px;font-weight:600}.log-date{color:#999;font-size:12px}.log-badge{align-items:center;gap:6px;min-width:80px;display:flex}.severity-tag{text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.severity-tag.error{color:#f44336;background-color:#ffebee}.severity-tag.critical{color:#b71c1c;background-color:#fdecea}.severity-tag.warning{color:#ff9800;background-color:#fff3e0}.severity-tag.info{color:#2196f3;background-color:#e3f2fd}.log-module{color:#6a4cff;white-space:nowrap;text-overflow:ellipsis;min-width:80px;font-weight:500;overflow:hidden}.log-message{color:#333;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;overflow:hidden}.log-metadata{flex-wrap:wrap;align-items:center;gap:8px;min-width:100px;display:flex}.log-duration{color:#999;white-space:nowrap;font-size:12px}.source-chip{text-transform:capitalize;font-weight:600}.status-code{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.status-code.success{color:#4caf50;background-color:#e8f5e8}.status-code.warning{color:#ff9800;background-color:#fff3e0}.status-code.error{color:#f44336;background-color:#ffebee}.unresolved-badge{color:#fff;background-color:#f44336;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.log-expand{color:#999;flex-shrink:0;transition:transform .2s}.log-detail-drawer{box-sizing:border-box;background-color:#f8f9fa;border-top:1px solid #f0f0f0;width:100%;max-width:100%;padding:20px}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.detail-header h4{color:#333;margin:0;font-size:16px;font-weight:600}.detail-actions{flex-wrap:wrap;gap:8px;display:flex}.detail-actions button{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.detail-actions button:hover{background-color:#f5f5f5;border-color:#ccc}.detail-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;max-width:100%;display:grid}.detail-section{box-sizing:border-box;background:#fff;border-radius:8px;width:100%;max-width:100%;padding:16px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.detail-section.full-width{grid-column:1/-1}.detail-section h5{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.detail-row{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:4px;padding:8px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:#999;flex-shrink:0;width:120px;font-size:13px}.detail-value{color:#333;word-break:break-word;flex:1;min-width:0;font-size:13px;font-weight:500}.detail-value.correlation-id{color:#6a4cff;font-family:monospace}.detail-value.endpoint{word-break:break-all;font-family:monospace}.severity-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.severity-badge.error{color:#f44336;background-color:#ffebee}.severity-badge.warning{color:#ff9800;background-color:#fff3e0}.severity-badge.info{color:#2196f3;background-color:#e3f2fd}.message-box{color:#333;word-break:break-word;background-color:#f5f5f5;border-radius:6px;padding:12px;font-size:14px;line-height:1.5}.stack-trace,.metadata{color:#d4d4d4;white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;background-color:#1e1e1e;border-radius:6px;max-width:100%;padding:12px;font-family:Monaco,Menlo,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.suggestion-box{background-color:#e3f2fd;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.suggestion-box svg{color:#1976d2;flex-shrink:0;font-size:24px}.suggestion-box p{color:#1976d2;flex:1;min-width:200px;margin:0;font-size:14px;line-height:1.5}.empty-state{text-align:center;color:#999;box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:100%;padding:64px 20px}.empty-state svg{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state h3{color:#666;margin:0 0 8px}.empty-state p{margin:0;font-size:14px}@media (max-width:1024px){.log-summary{grid-template-columns:auto auto 1fr auto}.log-module,.log-metadata{display:none}}@media (max-width:768px){.logs-page{padding:70px 16px 16px}.page-header{flex-direction:column;align-items:flex-start;margin-top:0;padding:18px 16px}.page-header-text h1{margin-top:0;font-size:24px}.header-actions{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:8px;width:100%;padding:6px;display:grid}.refresh-btn,.auto-refresh-btn,.export-btn{border-radius:10px;flex:1;justify-content:center;width:100%;min-width:0;min-height:46px;padding:10px 8px;font-size:13px}.logs-stats{grid-template-columns:1fr;gap:12px}.stat-card{padding:14px}.filters-grid{grid-template-columns:1fr;gap:12px}.log-summary{grid-template-columns:1fr;gap:8px;padding:12px}.log-timestamp,.log-badge,.log-message,.log-expand{grid-column:1}.log-message{white-space:normal;word-break:break-word}.detail-grid{grid-template-columns:1fr}.detail-header{flex-direction:column;align-items:flex-start}.detail-actions{width:100%}.detail-actions button{flex:1;justify-content:center}.filters-actions{flex-direction:column;align-items:flex-start}.logs-toolbar{flex-direction:column;align-items:stretch;padding:12px}.logs-toolbar-copy{justify-content:space-between}.logs-toolbar-divider{display:none}.pagination-controls{justify-content:space-between}.pagination-btn{flex:1;justify-content:center}.log-metadata{justify-content:flex-start;display:flex}}@media (max-width:480px){.logs-page{padding:65px 12px 12px}.page-header-text h1{font-size:22px}.page-header-text p{font-size:13px}.header-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.refresh-btn,.auto-refresh-btn,.export-btn{min-height:44px;padding:9px 6px;font-size:12px}.stat-icon{width:40px;height:40px;font-size:20px}.stat-value{font-size:20px}.stat-label{font-size:12px}.detail-label{width:100%}.suggestion-box{text-align:center;flex-direction:column}.logs-toolbar-copy{flex-direction:column;align-items:flex-start;gap:6px}.pagination-page{min-width:32px;height:32px}}@media (max-width:320px){.log-badge{flex-direction:column;align-items:flex-start;gap:2px}.detail-actions{flex-direction:column}}@media (max-width:768px) and (orientation:landscape){.logs-stats{grid-template-columns:repeat(2,1fr)}.log-summary{grid-template-columns:auto auto 1fr auto}.log-module{display:inline-block}.log-metadata{display:flex}}@media (hover:none) and (pointer:coarse){.refresh-btn,.auto-refresh-btn,.export-btn,.filters-toggle,.clear-search,.clear-filters,.detail-actions button{min-height:44px}.log-summary{padding:14px}}[data-theme=dark] .logs-page{background-color:#1a1a1a}[data-theme=dark] .page-header{background:#2d2d2d}[data-theme=dark] .page-header-text h1{color:#fff}[data-theme=dark] .page-header-text p{color:#999}[data-theme=dark] .stat-card,[data-theme=dark] .log-item,[data-theme=dark] .logs-filters,[data-theme=dark] .logs-toolbar,[data-theme=dark] .filters-toggle,[data-theme=dark] .empty-state{background-color:#2d2d2d;border-color:#404040}[data-theme=dark] .stat-value,[data-theme=dark] .log-time,[data-theme=dark] .log-message,[data-theme=dark] .detail-value,[data-theme=dark] .empty-state h3{color:#fff}[data-theme=dark] .stat-label,[data-theme=dark] .log-date,[data-theme=dark] .log-duration,[data-theme=dark] .filter-group label,[data-theme=dark] .results-count,[data-theme=dark] .detail-label,[data-theme=dark] .empty-state p{color:#999}[data-theme=dark] .refresh-btn,[data-theme=dark] .auto-refresh-btn,[data-theme=dark] .export-btn,[data-theme=dark] .pagination-btn,[data-theme=dark] .filter-group input,[data-theme=dark] .filter-group select,[data-theme=dark] .search-bar input,[data-theme=dark] .detail-actions button{color:#fff;background-color:#333;border-color:#404040}[data-theme=dark] .refresh-btn:hover,[data-theme=dark] .auto-refresh-btn:hover,[data-theme=dark] .export-btn:hover,[data-theme=dark] .pagination-btn:hover,[data-theme=dark] .filters-toggle:hover,[data-theme=dark] .detail-actions button:hover{background-color:#404040;border-color:#555}[data-theme=dark] .auto-refresh-btn.active{color:#fff;background-color:#6a4cff;border-color:#6a4cff}[data-theme=dark] .logs-page .header-actions{background:0 0;border-color:#0000}[data-theme=dark] .logs-page .header-actions .refresh-btn,[data-theme=dark] .logs-page .header-actions .auto-refresh-btn,[data-theme=dark] .logs-page .header-actions .export-btn{color:#dbeafe;background:#2563eb1f;border:1px solid #60a5fa3d;box-shadow:0 12px 24px #00000038}[data-theme=dark] .logs-page .header-actions .refresh-btn:hover,[data-theme=dark] .logs-page .header-actions .auto-refresh-btn:hover,[data-theme=dark] .logs-page .header-actions .export-btn:hover{color:#eff6ff;background:linear-gradient(135deg,#2563eb3d,#0ea5e933);border-color:#60a5fa;box-shadow:0 16px 28px #2563eb2e}[data-theme=dark] .logs-page .header-actions .auto-refresh-btn.active{background:linear-gradient(135deg,var(--primary,#2563eb),var(--primary-dark,#0ea5e9));color:#fff}[data-theme=dark] .search-icon,[data-theme=dark] .clear-search,[data-theme=dark] .log-expand{color:#999}[data-theme=dark] .clear-search:hover{color:#f44336}[data-theme=dark] .log-detail-drawer{background-color:#333;border-top-color:#404040}[data-theme=dark] .detail-section{background-color:#2d2d2d}[data-theme=dark] .detail-section h5{color:#999}[data-theme=dark] .detail-row{border-bottom-color:#404040}[data-theme=dark] .message-box{color:#fff;background-color:#333}[data-theme=dark] .suggestion-box{background-color:#1a2a3a}[data-theme=dark] .suggestion-box svg,[data-theme=dark] .suggestion-box p{color:#6a4cff}[data-theme=dark] .stack-trace,[data-theme=dark] .metadata{background-color:#000}[data-theme=dark] .filters-actions{border-top-color:#404040}[data-theme=dark] .logs-toolbar-divider{background:#4b5563}[data-theme=dark] .pagination-page{color:#fff;background:#1f2937}[data-theme=dark] .log-item.severity-error{border-left-color:#f44336}[data-theme=dark] .log-item.severity-critical{border-left-color:#ff5252}[data-theme=dark] .log-item.severity-warning{border-left-color:#ff9800}[data-theme=dark] .log-item.severity-info{border-left-color:#2196f3}[data-theme=dark] .severity-tag.error{color:#ff6b6b;background-color:#4a2a2a}[data-theme=dark] .severity-tag.critical{color:#ff8a80;background-color:#4a2020}[data-theme=dark] .severity-tag.warning{color:#ffb86b;background-color:#4a3a2a}[data-theme=dark] .severity-tag.info{color:#6ba5ff;background-color:#1a3a4a}[data-theme=dark] .status-code.success{color:#6bff6b;background-color:#1a3a1a}[data-theme=dark] .status-code.warning{color:#ffb86b;background-color:#4a3a1a}[data-theme=dark] .status-code.error{color:#ff6b6b;background-color:#4a1a1a}@media (min-width:769px){[data-theme=dark] .stat-card:hover{background-color:#333}[data-theme=dark] .log-item:hover{background-color:#333;box-shadow:0 4px 12px #0000004d}}@media (max-width:768px){.logs-page{padding-top:70px}.page-header{margin-top:0}.page-header-main{align-items:center;gap:14px;display:flex}.page-header-icon{background:linear-gradient(135deg,var(--primary,#2563eb),var(--primary-dark,#0ea5e9));justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:flex;box-shadow:0 10px 24px #2563eb2e}.page-header-icon svg{color:#fff;font-size:20px}.logs-page>:first-child{margin-top:0}}@supports (padding-top:env(safe-area-inset-top)){@media (max-width:768px){.logs-page{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-top:calc(16px + env(safe-area-inset-top))}}}.logs-page .empty-state.page-loading-shell{min-height:calc(100vh - 220px);justify-content:center;align-items:center;min-height:calc(100dvh - 220px);padding:24px;display:flex}.logs-page .empty-state.page-loading-shell .loading-spinner{margin:0 auto}@media (max-width:768px){.logs-page .empty-state.page-loading-shell{min-height:calc(100vh - 170px);min-height:calc(100dvh - 170px);padding:20px}}@media (max-width:480px){.page-header-icon{width:42px;min-width:42px;height:42px;min-height:42px}.logs-page .empty-state.page-loading-shell{min-height:calc(100vh - 150px);min-height:calc(100dvh - 150px)}}.ecomprofile-page{--primary:#2563eb;--primary-dark:#0ea5e9;box-sizing:border-box;background-color:#0000;width:100%;max-width:100vw;min-height:100vh;margin:0 auto;padding:24px;transition:background-color .3s;position:relative;overflow-x:hidden}.notification{z-index:1000;border-radius:8px;align-items:center;gap:12px;padding:12px 24px;animation:.3s slideIn;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 4px 12px #00000026}.notification.success{color:#fff;background-color:#4caf50}.notification.error{color:#fff;background-color:#f44336}.notification svg{font-size:20px}.profile-loading{color:#666;flex-direction:column;justify-content:center;align-items:center;height:400px;transition:color .3s;display:flex}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.profile-header{box-sizing:border-box;background:#fff;border-radius:14px;width:100%;max-width:100%;margin-bottom:32px;padding:20px 24px;box-shadow:0 8px 24px #0f172a14}.profile-header-main{align-items:center;gap:16px;display:flex}.profile-header-icon{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.profile-header-icon svg{font-size:22px}.profile-header h1{color:#333;margin:0 0 8px;font-size:28px;font-weight:600;transition:color .3s}.profile-header p{color:#666;margin:0;font-size:16px;transition:color .3s}.profile-grid{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:100%;margin-bottom:24px;display:grid}.profile-section{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:100%;padding:24px;transition:all .3s;box-shadow:0 2px 8px #0000000d}.profile-section h2{color:#333;border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;margin:0 0 20px;padding-bottom:12px;font-size:18px;transition:all .3s;display:flex}.profile-section h2 svg{color:var(--primary);transition:color .3s}.profile-picture-panel{background:#fafbff;border:1px solid #eceff3;border-radius:12px;align-items:center;gap:16px;margin-bottom:18px;padding:14px;display:flex}.profile-picture-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;font-size:28px;font-weight:700;display:flex;position:relative;overflow:hidden}.profile-picture-avatar img{object-fit:cover;width:100%;height:100%}.profile-picture-overlay{color:#fff;background:#11182794;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.profile-picture-actions{flex-wrap:wrap;gap:10px;display:flex}.profile-picture-input{display:none}.btn-profile-picture,.btn-remove-picture{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-profile-picture{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-profile-picture:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.btn-remove-picture{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.btn-remove-picture:hover{background:#ffe4e6}.btn-profile-picture:disabled,.btn-remove-picture:disabled{opacity:.6;cursor:not-allowed}.profile-section h3{color:#555;margin:16px 0 12px;font-size:15px;transition:color .3s}.account-info{margin-bottom:24px}.info-row{border-bottom:1px solid #f5f5f5;padding:10px 0;transition:border-color .3s;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:#666;align-items:center;gap:6px;width:100px;font-size:14px;transition:color .3s;display:flex}.info-label svg{width:16px;color:var(--primary);transition:color .3s}.info-value{color:#333;flex-wrap:wrap;flex:1;align-items:center;gap:12px;font-size:14px;font-weight:500;transition:color .3s;display:flex}.verified-badge{color:#2e7d32;background-color:#e8f5e8;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;transition:all .3s;display:inline-flex}.password-display{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.password-display span{color:#333;font-size:14px;transition:color .3s}.btn-edit{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;align-items:center;gap:4px;min-height:32px;padding:4px 12px;font-size:12px;transition:all .2s;display:inline-flex}.btn-edit:hover{border-color:var(--primary);color:var(--primary);background-color:#f5f5f5}.btn-edit:active{transform:scale(.95)}.password-edit{flex-direction:column;gap:8px;width:100%;display:flex}.password-field{width:100%;position:relative}.password-field input{color:#333;box-sizing:border-box;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;width:100%;padding:8px 35px 8px 10px;font-size:13px;transition:all .2s}.password-field input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb1f}.password-field input::placeholder{color:#999}.toggle-password{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.toggle-password:hover{color:#333}.password-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.btn-save,.btn-cancel,.btn-connect,.btn-reconnect,.btn-disconnect,.btn-export,.btn-support,.btn-invite{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;min-height:40px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-save{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-1px);box-shadow:0 4px 8px #2563eb47}.btn-save:active:not(:disabled){transform:translateY(0)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{color:#666;background-color:#f5f5f5;border:1px solid #e0e0e0}.btn-cancel:hover{background-color:#e0e0e0}.btn-invite{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;justify-content:center;width:100%;margin-bottom:16px}.btn-invite:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-1px);box-shadow:0 4px 8px #2563eb47}.preferences-display{background-color:#f8f9fa;border-radius:8px;padding:16px;transition:background-color .3s}.pref-row{flex-wrap:wrap;gap:4px;margin-bottom:8px;font-size:14px;display:flex}.pref-label{color:#666;width:120px;transition:color .3s}.pref-value{color:#333;font-weight:500;transition:color .3s}.preferences-edit{background-color:#f8f9fa;border-radius:8px;padding:16px;transition:background-color .3s}.pref-item{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pref-item label{color:#666;align-items:center;gap:4px;width:120px;font-size:13px;transition:color .3s;display:flex}.pref-item label svg{color:var(--primary);font-size:12px;transition:color .3s}.pref-item select,.pref-item input{color:#333;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;width:150px;padding:8px 12px;font-size:13px;transition:all .2s}.pref-item select:focus,.pref-item input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb1f}.pref-item input{width:100px}.suffix{color:#666;font-size:13px;transition:color .3s}.pref-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.connection-block{margin-bottom:24px}.connection-block:last-child{margin-bottom:0}.no-connections{text-align:center;background-color:#f8f9fa;border-radius:8px;padding:32px;transition:background-color .3s}.no-connections p{color:#666;margin:0 0 16px;transition:color .3s}.btn-connect{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:8px 16px}.connections-list{flex-direction:column;gap:16px;display:flex}.connection-card{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .3s}.connection-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.connection-header h4{color:#333;margin:0;font-size:14px;transition:color .3s}.connection-status{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.connection-status.active{color:#2e7d32;background-color:#e8f5e8}.connection-status.warning{color:#ed6c02;background-color:#fff3e0}.connection-status.inactive{color:#c62828;background-color:#ffebee}.token-row{flex-wrap:wrap;gap:4px;margin-bottom:8px;font-size:13px;display:flex}.token-label{color:#666;width:100px;transition:color .3s}.token-value{color:#333;flex:1;font-weight:500;transition:color .3s}.token-info{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.token-status{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.token-status.connected{color:#2e7d32;background-color:#e8f5e8}.token-status.warning{color:#ed6c02;background-color:#fff3e0}.token-status.expired{color:#c62828;background-color:#ffebee}.token-status.disconnected{color:#999;background-color:#f5f5f5}.token-expiry{color:#999;font-size:11px;transition:color .3s}.connection-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn-reconnect{color:#fff;background-color:#2196f3}.btn-reconnect:hover{background-color:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.btn-reconnect:active{transform:translateY(0)}.btn-disconnect{color:#fff;background-color:#f44336}.btn-disconnect:hover{background-color:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 8px #f443364d}.btn-disconnect:active{transform:translateY(0)}.team-block{border-top:1px solid #f0f0f0;margin-top:24px;padding-top:16px}.invitations-list{margin-top:16px}.team-helper-card,.empty-invitations{background:#f8f9fa;border-radius:10px;margin-bottom:16px;padding:14px 16px}.team-helper-card h3,.empty-invitations p{color:#333;margin:0 0 6px}.team-helper-card p,.empty-invitations span{color:#666;margin:0;font-size:13px;line-height:1.6}.invitations-list h3{color:#555;margin-bottom:12px;font-size:14px}.invitation-card{background-color:#f8f9fa;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.invitation-info{flex:1}.invitation-email{color:#333;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:500;display:flex}.invitation-details,.invitation-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.role-badge{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.role-badge.admin{color:#1976d2;background-color:#e3f2fd}.role-badge.member{color:#2e7d32;background-color:#e8f5e8}.role-badge.viewer{color:#666;background-color:#f5f5f5}.expiry-badge{color:#999;align-items:center;gap:4px;font-size:11px;display:inline-flex}.btn-cancel-invite{color:#fff;cursor:pointer;background-color:#f44336;border:none;border-radius:4px;align-items:center;gap:4px;min-height:32px;padding:4px 12px;font-size:11px;transition:all .2s;display:inline-flex}.btn-cancel-invite:hover{background-color:#d32f2f}.modal-overlay{z-index:1100;background-color:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}.modal-header h3{color:#333;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;min-width:32px;min-height:32px;padding:4px;font-size:20px;transition:color .2s}.modal-close:hover{color:#333}.invite-helper{background:#f7f8ff;border:1px solid #e2e6ff;border-radius:10px;margin-bottom:18px;padding:14px 16px}.invite-helper h4{color:#333;margin:0 0 6px;font-size:15px}.invite-helper p{color:#58627a;margin:0;font-size:13px;line-height:1.6}.modal-field{margin-bottom:20px}.modal-field label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.modal-field input,.modal-field select{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.modal-field input:focus,.modal-field select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb1f}.modal-field input:disabled,.modal-field select:disabled{cursor:not-allowed;background-color:#f5f5f5}.role-descriptions{gap:10px;margin-top:16px;display:grid}.role-card{background-color:#0000;border:1px solid #0000;border-radius:10px;padding:12px 14px}.role-card strong{color:#333;margin-bottom:4px;font-size:13px;display:block}.role-card span{color:#666;font-size:12px;line-height:1.5;display:block}.role-card.selected{background:#f2f5ff;border-color:#cfd8ff}.invite-link-panel{background:#f8f9fa;border-radius:10px;margin-bottom:18px;padding:14px}.invite-link-panel label{color:#333;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.invite-link-row{gap:8px;display:flex}.invite-link-row input{color:#333;background:#fff;border:1px solid #d9dce5;border-radius:8px;flex:1;min-width:0;padding:10px 12px;font-size:13px}.invite-link-panel p{color:#666;margin:8px 0 0;font-size:12px}.btn-copy-link,.btn-copy-inline{color:#444;cursor:pointer;background:#fff;border:1px solid #d9dce5;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.btn-copy-link:hover,.btn-copy-inline:hover{border-color:var(--primary);color:var(--primary)}.modal-error{color:#c62828;background-color:#ffebee;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;display:flex}.modal-success{color:#2e7d32;background-color:#e8f5e8;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;display:flex}.modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.exports-section{margin-top:0}.exports-container{grid-template-columns:1fr 1fr;gap:20px;display:grid}.export-card{background-color:#f8f9fa;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;transition:background-color .3s;display:flex}.export-icon{width:48px;height:48px;color:var(--primary);background-color:#2563eb1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;transition:all .3s;display:flex}.export-content{flex:1;min-width:200px}.export-content h3{color:#333;margin:0 0 4px;font-size:15px;transition:color .3s}.export-content p{color:#666;margin:0 0 8px;font-size:12px;transition:color .3s}.btn-export{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-support{color:#fff;background-color:#2196f3}.info-message{color:#0d47a1;background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;margin-top:12px;padding:12px;font-size:13px}.support-info{background-color:#f8f9fa;border-radius:8px;flex-direction:column;grid-column:span 2;gap:8px;padding:16px;transition:background-color .3s;display:flex}.support-info p{color:#333;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;transition:color .3s;display:flex}.support-info a{color:var(--primary);align-items:center;gap:4px;text-decoration:none;transition:color .2s;display:inline-flex}.support-info a:hover{color:var(--primary-dark);text-decoration:underline}.status-badge.operational{color:#2e7d32;background-color:#e8f5e8;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;transition:all .3s;display:inline-flex}[data-theme=dark] .ecomprofile-page{background-color:#0000}[data-theme=dark] .profile-header h1{color:#fff}[data-theme=dark] .profile-header p{color:#999}[data-theme=dark] .profile-header{background-color:#2d2d2d}[data-theme=dark] .profile-section{background-color:#2d2d2d;box-shadow:0 2px 8px #0003}[data-theme=dark] .profile-section h2{color:#fff;border-bottom-color:#404040}[data-theme=dark] .profile-section h2 svg{color:var(--primary)}[data-theme=dark] .profile-picture-panel{background:#1f2937;border-color:#374151}[data-theme=dark] .btn-remove-picture{color:#fecdd3;background:#3f1d2e;border-color:#5f2741}[data-theme=dark] .profile-section h3{color:#999}[data-theme=dark] .info-row{border-bottom-color:#404040}[data-theme=dark] .info-label{color:#999}[data-theme=dark] .info-label svg{color:var(--primary)}[data-theme=dark] .info-value{color:#fff}[data-theme=dark] .verified-badge{color:#6bff6b;background-color:#1a3a1a}[data-theme=dark] .password-display span{color:#fff}[data-theme=dark] .btn-edit{color:#999;background-color:#333;border-color:#404040}[data-theme=dark] .btn-edit:hover{border-color:var(--primary);color:var(--primary);background-color:#404040}[data-theme=dark] .password-field input{color:#fff;background-color:#333;border-color:#404040}[data-theme=dark] .password-field input::placeholder{color:#666}[data-theme=dark] .password-field input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb33}[data-theme=dark] .toggle-password{color:#999}[data-theme=dark] .toggle-password:hover{color:#fff}[data-theme=dark] .btn-cancel{color:#999;background-color:#333;border-color:#404040}[data-theme=dark] .btn-cancel:hover{background-color:#404040}[data-theme=dark] .preferences-display,[data-theme=dark] .preferences-edit{background-color:#333}[data-theme=dark] .pref-label{color:#999}[data-theme=dark] .pref-value{color:#fff}[data-theme=dark] .pref-item label{color:#999}[data-theme=dark] .pref-item label svg{color:var(--primary)}[data-theme=dark] .pref-item select,[data-theme=dark] .pref-item input{color:#fff;background-color:#2d2d2d;border-color:#404040}[data-theme=dark] .pref-item select:focus,[data-theme=dark] .pref-item input:focus{border-color:var(--primary)}[data-theme=dark] .suffix{color:#999}[data-theme=dark] .no-connections{background-color:#333}[data-theme=dark] .no-connections p{color:#999}[data-theme=dark] .connection-card{background-color:#333;border-color:#404040}[data-theme=dark] .connection-header h4{color:#fff}[data-theme=dark] .token-label{color:#999}[data-theme=dark] .token-value{color:#fff}[data-theme=dark] .token-expiry{color:#999}[data-theme=dark] .export-card{background-color:#333}[data-theme=dark] .export-content h3{color:#fff}[data-theme=dark] .export-content p{color:#999}[data-theme=dark] .support-info{background-color:#333}[data-theme=dark] .support-info p{color:#fff}[data-theme=dark] .support-info a{color:var(--primary)}[data-theme=dark] .support-info a:hover{color:var(--primary-dark)}[data-theme=dark] .status-badge.operational,[data-theme=dark] .token-status.connected{color:#6bff6b;background-color:#1a3a1a}[data-theme=dark] .token-status.warning{color:#ffd966;background-color:#3a3a1a}[data-theme=dark] .token-status.expired{color:#ff6b6b;background-color:#3a1a1a}[data-theme=dark] .token-status.disconnected{color:#999;background-color:#404040}[data-theme=dark] .modal-content{background-color:#2d2d2d}[data-theme=dark] .modal-header{border-bottom-color:#404040}[data-theme=dark] .modal-header h3{color:#fff}[data-theme=dark] .modal-close{color:#999}[data-theme=dark] .modal-close:hover,[data-theme=dark] .modal-field label{color:#fff}[data-theme=dark] .modal-field input,[data-theme=dark] .modal-field select{color:#fff;background-color:#333;border-color:#404040}[data-theme=dark] .invite-helper,[data-theme=dark] .team-helper-card,[data-theme=dark] .empty-invitations,[data-theme=dark] .invite-link-panel,[data-theme=dark] .role-card{background-color:#333}[data-theme=dark] .invite-helper h4,[data-theme=dark] .team-helper-card h3,[data-theme=dark] .empty-invitations p,[data-theme=dark] .role-card strong,[data-theme=dark] .invite-link-panel label{color:#fff}[data-theme=dark] .invite-helper p,[data-theme=dark] .team-helper-card p,[data-theme=dark] .empty-invitations span,[data-theme=dark] .role-card span,[data-theme=dark] .invite-link-panel p{color:#999}[data-theme=dark] .role-card.selected{border-color:var(--primary);background:#2563eb24}[data-theme=dark] .invite-link-row input,[data-theme=dark] .btn-copy-link,[data-theme=dark] .btn-copy-inline{color:#fff;background:#2d2d2d;border-color:#404040}[data-theme=dark] .invitation-card{background-color:#333}[data-theme=dark] .invitation-email{color:#fff}[data-theme=dark] .info-message{color:#90caf9;background-color:#1a3a4a;border-left-color:#2196f3}[data-theme=dark] .profile-loading{color:#999}[data-theme=dark] .loading-spinner{border-color:#333;border-top-color:var(--primary)}@media (min-width:769px){[data-theme=dark] .btn-save:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 4px 12px #2563eb4d}[data-theme=dark] .btn-reconnect:hover{background-color:#2a9eff}[data-theme=dark] .btn-disconnect:hover{background-color:#ff5a5a}}@media (max-width:1024px){.ecomprofile-page{padding:20px}.profile-header h1{font-size:26px}}@media (max-width:768px){.ecomprofile-page{padding:70px 16px 16px}.profile-header{padding:18px 16px}.profile-header-main{width:100%}.profile-header h1{font-size:24px}.profile-header p{font-size:14px}.profile-grid{grid-template-columns:1fr;gap:16px}.profile-picture-panel{text-align:center;flex-direction:column;align-items:center}.profile-picture-actions{justify-content:center;width:100%}.btn-profile-picture,.btn-remove-picture{min-height:44px}.info-row{flex-direction:column;gap:4px;padding:12px 0}.info-label{width:auto}.password-display{flex-direction:column;align-items:flex-start;width:100%}.password-display span{width:100%}.btn-edit{justify-content:center;width:100%;min-height:44px}.password-actions{flex-direction:column}.btn-save,.btn-cancel{justify-content:center;width:100%;min-height:44px}.pref-item{flex-direction:column;align-items:flex-start;width:100%}.pref-item label{width:auto}.pref-item select,.pref-item input{width:100%}.pref-actions{flex-direction:column}.exports-container{grid-template-columns:1fr;gap:16px}.support-info{grid-column:1}.connection-actions{flex-direction:column}.btn-reconnect,.btn-disconnect,.btn-invite{justify-content:center;width:100%;min-height:44px}.token-row{flex-direction:column;align-items:flex-start}.token-label{width:auto}.token-info{width:100%}.export-card{text-align:center;flex-direction:column}.export-content{width:100%}.export-icon{margin:0 auto}.notification{width:auto;left:16px;right:16px}.invitation-card{text-align:center;flex-direction:column}.invitation-actions,.invite-link-row{flex-direction:column;width:100%}.btn-copy-link,.btn-copy-inline,.btn-cancel-invite{justify-content:center;width:100%;min-height:44px}.modal-content{width:95%;margin:16px}.modal-footer{flex-direction:column}.modal-footer button{justify-content:center;width:100%}}@media (max-width:480px){.ecomprofile-page{padding:65px 12px 12px}.profile-header h1{font-size:22px}.profile-section{padding:16px}.profile-section h2{font-size:16px}.connection-header{flex-direction:column;align-items:flex-start}.connection-status{align-self:flex-start}.support-info p{flex-direction:column;align-items:flex-start}.invitation-details{flex-direction:column;align-items:center}}@media (max-width:320px){.ecomprofile-page{padding:60px 8px 8px}.info-value{flex-direction:column;align-items:flex-start}.verified-badge{margin-left:0}}@media (max-width:768px) and (orientation:landscape){.profile-grid,.exports-container{grid-template-columns:1fr 1fr}.support-info{grid-column:span 2}.password-actions{flex-direction:row}.btn-save,.btn-cancel{width:auto}}@media (hover:none) and (pointer:coarse){.btn-edit,.btn-save,.btn-cancel,.btn-connect,.btn-reconnect,.btn-disconnect,.btn-export,.btn-support,.btn-invite,.btn-cancel-invite,.toggle-password,.modal-close{-webkit-tap-highlight-color:transparent;min-height:44px}.btn-edit:active,.btn-save:active,.btn-cancel:active,.btn-connect:active,.btn-reconnect:active,.btn-disconnect:active,.btn-export:active,.btn-support:active,.btn-invite:active{transform:scale(.98)}.password-field input,select,input[type=text],input[type=number],input[type=password],input[type=email]{min-height:44px;font-size:16px}}@supports (padding-top:env(safe-area-inset-top)){@media (max-width:768px){.ecomprofile-page{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-top:calc(16px + env(safe-area-inset-top))}.notification{top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));left:max(24px,env(safe-area-inset-left))}}}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--success:#10b981;--success-dark:#059669;--warning:#f59e0b;--danger:#ef4444;--danger-dark:#dc2626;--info:#3b82f6;--dark:#1f2937;--gray:#6b7280;--gray-light:#9ca3af;--gray-lighter:#e5e7eb;--gray-lightest:#f3f4f6;--white:#fff;--bg-gradient-start:#667eea;--bg-gradient-end:#764ba2;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:.375rem;--radius:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--transition:all .3s ease}[data-theme=dark]{--primary:#818cf8;--primary-dark:#6366f1;--primary-light:#a5b4fc;--success:#34d399;--success-dark:#10b981;--warning:#fbbf24;--danger:#f87171;--danger-dark:#ef4444;--info:#60a5fa;--dark:#f3f4f6;--gray:#9ca3af;--gray-light:#6b7280;--gray-lighter:#374151;--gray-lightest:#1f2937;--white:#111827;--bg-gradient-start:#1e1b4b;--bg-gradient-end:#2e1065;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d}.sourcing-container{max-width:1400px;min-height:100vh;transition:var(--transition);background:0 0;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (min-width:769px){.sourcing-container{width:100%;max-width:none;margin:0}}.dark-mode-toggle{background:var(--white);width:48px;height:48px;color:var(--primary);cursor:pointer;box-shadow:var(--shadow-lg);transition:var(--transition);z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;bottom:20px;right:20px}.dark-mode-toggle:hover{background:var(--primary);color:var(--white);transform:scale(1.1)}.sourcing-header{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition);justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-icon-wrapper{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.header-icon-wrapper svg{color:var(--white);font-size:24px}.header-text h1{color:var(--dark);margin:0 0 4px;font-size:24px;font-weight:700}.header-text p{color:var(--gray);margin:0;font-size:14px}.header-right{justify-content:center;align-items:center;gap:12px;padding:0;display:flex}.header-btn{border:1px solid var(--gray-lighter);background:var(--white);min-width:108px;min-height:42px;color:var(--gray);cursor:pointer;letter-spacing:.01em;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex;position:relative}.header-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--gray-lightest);transform:translateY(-1px)}.header-btn.active{border-color:var(--primary);color:var(--white);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 6px 14px #6366f147}.header-btn:active{transform:translateY(0)scale(.98)}.header-btn .badge{background:var(--danger);color:var(--white);border-radius:10px;min-width:18px;padding:2px 6px;font-size:10px;position:absolute;top:-6px;right:-6px}.header-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sourcing-main{gap:20px;display:flex}.filters-sidebar{background:var(--white);border-radius:var(--radius-lg);width:380px;box-shadow:var(--shadow-md);height:fit-content;max-height:calc(100vh - 40px);transition:var(--transition);flex-shrink:0;position:sticky;top:20px;overflow:hidden auto}.filters-sidebar::-webkit-scrollbar{width:6px}.filters-sidebar::-webkit-scrollbar-track{background:var(--gray-lightest)}.filters-sidebar::-webkit-scrollbar-thumb{background:var(--gray-lighter);border-radius:3px}.filters-tabs{border-bottom:1px solid var(--gray-lighter);background:var(--gray-lightest);border-radius:14px;padding:4px;display:flex}.filter-tab{cursor:pointer;color:var(--gray);transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;display:flex;position:relative}.filter-tab:hover:not(:disabled){color:#0ea5e9;background:linear-gradient(135deg,#2563eb14,#0ea5e91f);border-color:#2563eb3d;box-shadow:0 10px 22px #2563eb1f}.filter-tab.active{color:var(--white);background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#2563eb;box-shadow:0 12px 26px #2563eb38}.filter-tab:disabled{opacity:.5;cursor:not-allowed}.tab-badge{color:var(--white);background:#ffffff2e;border-radius:10px;margin-left:4px;padding:2px 6px;font-size:10px}.filters-tab-content{padding:20px}.category-header{border-bottom:1px solid var(--gray-lighter);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.category-header h4{color:var(--dark);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.btn-text{color:var(--gray);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:4px;font-size:12px;display:flex}.btn-text:hover{color:var(--danger)}.category-tree{max-height:400px;overflow-y:auto}.category-tree-node{margin-bottom:8px}.category-tree-item{border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:6px 8px;display:flex}.category-tree-item:hover{background:var(--gray-lightest)}.category-expand-btn{cursor:pointer;width:24px;height:24px;color:var(--gray);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.category-expand-btn:hover{background:var(--gray-lighter);color:var(--primary)}.category-expand-placeholder{width:24px}.category-checkbox-label{cursor:pointer;flex:1;align-items:center;gap:8px;padding-left:24px;display:flex;position:relative}.category-checkbox-label input{opacity:0;cursor:pointer;position:absolute}.custom-checkbox{border:2px solid var(--gray-lighter);background:var(--white);width:16px;height:16px;transition:var(--transition);border-radius:4px;position:absolute;left:0}.category-checkbox-label input:checked+.custom-checkbox{background:var(--primary);border-color:var(--primary)}.category-checkbox-label input:checked+.custom-checkbox:after{content:"✓";color:var(--white);font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.category-icon{font-size:14px}.category-name{color:var(--dark);flex:1;font-size:13px}.category-keywords-count{background:var(--gray-lighter);color:var(--gray);border-radius:10px;padding:2px 6px;font-size:10px}.category-select-all-btn{color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#6366f11a;border:none;padding:4px 8px;font-size:11px}.category-select-all-btn:hover{background:#6366f133}.category-children{margin-top:4px}.selected-categories-info{border-top:1px solid var(--gray-lighter);margin-top:16px;padding-top:16px}.selected-header{color:var(--dark);margin-bottom:12px;font-size:13px}.selected-tags{flex-wrap:wrap;gap:8px;display:flex}.selected-category-tag{color:var(--primary);background:#6366f11a;border-radius:20px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.selected-category-tag button{cursor:pointer;color:var(--gray);background:0 0;border:none;align-items:center;padding:0;font-size:12px;display:flex}.selected-category-tag button:hover{color:var(--danger)}.more-tag{background:var(--gray-lighter);color:var(--gray);border-radius:20px;padding:4px 8px;font-size:12px}.keyword-summary-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.summary-card{background:var(--gray-lightest);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:10px;padding:12px;display:flex}.summary-card .card-icon{font-size:20px}.summary-card.include-card .card-icon{color:var(--success)}.summary-card.exclude-card .card-icon{color:var(--danger)}.summary-card.total-card .card-icon{color:var(--primary)}.card-info{flex-direction:column;display:flex}.card-label{color:var(--gray);font-size:11px}.card-value{color:var(--dark);font-size:20px;font-weight:700}.keyword-sections{flex-direction:column;gap:20px;display:flex}.keyword-section{border:1px solid var(--gray-lighter);border-radius:var(--radius);overflow:hidden}.keyword-section-header{background:var(--gray-lightest);color:var(--dark);justify-content:space-between;align-items:center;padding:12px;font-size:13px;font-weight:600;display:flex}.section-actions{align-items:center;gap:12px;display:flex}.keyword-count{background:var(--white);color:var(--gray);border-radius:10px;padding:2px 6px;font-size:11px}.btn-add-all,.btn-clear{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:4px 8px;font-size:11px}.btn-add-all{background:var(--success);color:var(--white)}.btn-add-all:hover{background:var(--success-dark)}.btn-clear{background:var(--danger);color:var(--white)}.btn-clear:hover{background:var(--danger-dark)}.keyword-list{max-height:200px;padding:8px;overflow-y:auto}.keyword-item{border-radius:var(--radius-sm);transition:var(--transition);justify-content:space-between;align-items:center;padding:8px;display:flex}.keyword-item:hover{background:var(--gray-lightest)}.keyword-text{color:var(--dark);font-size:12px}.keyword-actions{gap:8px;display:flex}.keyword-action-add,.keyword-action-exclude,.keyword-action-remove{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:var(--transition);border:none;justify-content:center;align-items:center;display:flex}.keyword-action-add{color:var(--success);background:#10b9811a}.keyword-action-add:hover{background:var(--success);color:var(--white)}.keyword-action-exclude{color:var(--danger);background:#ef44441a}.keyword-action-exclude:hover{background:var(--danger);color:var(--white)}.keyword-action-remove{color:var(--gray);background:#6b72801a}.keyword-action-remove:hover{background:var(--danger);color:var(--white)}.include-item .keyword-text{color:var(--success)}.exclude-item .keyword-text{color:var(--danger)}.empty-keywords{text-align:center;color:var(--gray);flex-direction:column;align-items:center;gap:8px;padding:20px;font-size:12px;display:flex}.advanced-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.filter-field{flex-direction:column;gap:8px;min-width:0;display:flex}.filter-field label{color:var(--gray);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.filter-field input,.filter-field select{box-sizing:border-box;border:1px solid var(--gray-lighter);border-radius:var(--radius);background:var(--white);width:100%;min-width:0;color:var(--dark);transition:var(--transition);padding:8px 12px;font-size:13px}.filter-field input:focus,.filter-field select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.filter-actions-container{border-top:1px solid var(--gray-lighter);background:var(--white);padding:20px;position:sticky;bottom:0}.btn-source{border-radius:var(--radius);cursor:pointer;width:100%;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;padding:14px;font-size:16px;font-weight:600;display:flex}.btn-source.ready{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}.btn-source.ready:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-source.disabled{background:var(--gray-lighter);color:var(--gray);cursor:not-allowed}.sourcing-readiness{border-radius:var(--radius);align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.sourcing-readiness svg{margin-top:2px}.sourcing-readiness.muted{background:var(--gray-lightest);color:var(--gray)}.sourcing-readiness.info{color:var(--info);background:#3b82f614}.sourcing-readiness.success{color:var(--success-dark);background:#10b9811a}.secondary-actions{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.btn-secondary{border:1px solid var(--gray-lighter);border-radius:var(--radius);background:var(--white);cursor:pointer;transition:var(--transition);color:var(--gray);justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#6366f10d}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.saved-filters-section{border-top:1px solid var(--gray-lighter);padding:16px 20px}.saved-filters-header{color:var(--dark);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.saved-filters-list{flex-wrap:wrap;gap:8px;display:flex}.saved-filter-item{background:var(--gray-lightest);border-radius:20px;align-items:center;gap:4px;display:flex;overflow:hidden}.saved-filter-name{cursor:pointer;color:var(--dark);transition:var(--transition);background:0 0;border:none;padding:6px 12px;font-size:12px}.saved-filter-name:hover{color:var(--primary)}.saved-filter-delete{cursor:pointer;color:var(--gray);transition:var(--transition);background:0 0;border:none;padding:6px 8px;font-size:10px}.saved-filter-delete:hover{color:var(--danger)}.results-area{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:500px;transition:var(--transition);flex:1;overflow:hidden}.job-status-card{border-bottom:1px solid var(--gray-lighter);background:linear-gradient(135deg,#6366f10d,#6366f105);padding:20px}.job-status-header{color:var(--primary);align-items:center;gap:12px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.job-progress{margin-left:auto;font-weight:600}.progress-bar{background:var(--gray-lighter);border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:3px;height:100%;transition:width .3s}.job-status-details{color:var(--gray);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;display:flex}.job-status-meta{color:var(--gray-dark);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;display:flex}.results-header{border-bottom:1px solid var(--gray-lighter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.results-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.results-title h2{color:var(--dark);margin:0;font-size:18px;font-weight:600}.results-count{color:var(--gray);background:var(--gray-lightest);border-radius:20px;padding:4px 8px;font-size:13px}.results-view-controls{gap:8px;display:flex}.view-btn{border:1px solid var(--gray-lighter);border-radius:var(--radius);background:var(--white);cursor:pointer;transition:var(--transition);color:var(--gray);padding:8px}.view-btn:hover{border-color:var(--primary);color:var(--primary)}.view-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.batch-actions-bar{border-bottom:1px solid var(--gray-lighter);background:#6366f10d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.selected-info{color:var(--primary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.batch-buttons{flex-wrap:wrap;gap:8px;display:flex}.batch-import,.batch-clear,.batch-select-all{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:6px 12px;font-size:12px}.batch-import{background:var(--success);color:var(--white)}.batch-import:hover{background:var(--success-dark)}.batch-clear,.batch-select-all{background:var(--gray-lighter);color:var(--gray)}.batch-clear:hover,.batch-select-all:hover{background:var(--gray-light);color:var(--white)}.loading-state{text-align:center;padding:60px 20px}.loading-spinner{margin-bottom:20px}.loading-spinner svg{color:var(--primary);font-size:48px;animation:1s linear infinite spin}.loading-state h3{color:var(--dark);margin:0 0 8px;font-size:18px}.loading-state p{color:var(--gray);margin:0;font-size:14px}.empty-state{text-align:center;padding:60px 20px}.empty-icon-wrapper{background:linear-gradient(135deg,#6366f11a,#6366f10d);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.empty-icon-wrapper svg{color:var(--primary);font-size:40px}.empty-state h3{color:var(--dark);margin:0 0 8px;font-size:20px}.empty-state p{color:var(--gray);margin:0 0 24px;font-size:14px}.empty-state-tips{text-align:left;background:var(--gray-lightest);border-radius:var(--radius);max-width:400px;margin:0 auto;padding:20px}.empty-state-tips h4{color:var(--dark);align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.empty-state-tips ul{margin:0;padding-left:20px}.empty-state-tips li{color:var(--gray);margin-bottom:8px;font-size:13px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px;display:grid}.product-card{background:var(--white);border:1px solid var(--gray-lighter);border-radius:var(--radius);transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-4px)}.product-card.imported{opacity:.7;background:var(--gray-lightest)}.imported-badge{background:var(--success);color:var(--white);z-index:1;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;display:flex;position:absolute;top:12px;right:12px}.product-card-checkbox{z-index:1;position:absolute;top:12px;left:12px}.product-card-checkbox input{cursor:pointer;width:18px;height:18px}.product-card-image{background:var(--gray-lightest);width:100%;height:180px;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-content{padding:16px}.product-card-title{color:var(--dark);min-height:40px;margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.4}.product-card-category{color:var(--gray);align-items:center;gap:6px;margin-bottom:12px;font-size:11px;display:flex}.product-card-stats{border-top:1px solid var(--gray-lighter);border-bottom:1px solid var(--gray-lighter);justify-content:space-between;margin-bottom:12px;padding:8px 0;display:flex}.stat-item{text-align:center;flex:1}.stat-label{color:var(--gray);margin-bottom:4px;font-size:10px;display:block}.stat-value{color:var(--dark);font-size:14px;font-weight:600;display:block}.stat-value.positive{color:var(--success)}.stat-value.warning{color:var(--warning)}.stat-value.negative{color:var(--danger)}.product-card-score{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.score-badge-large{text-align:center}.score-value{font-size:24px;font-weight:700;display:block}.score-value.score-excellent{color:var(--success)}.score-value.score-good{color:var(--primary)}.score-value.score-average{color:var(--warning)}.score-value.score-poor{color:var(--danger)}.score-label{color:var(--gray);font-size:10px}.product-card-stars{gap:2px;display:flex}.star-full,.star-half{color:#fbbf24}.star-empty{color:var(--gray-lighter)}.product-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.product-card-badges{flex-wrap:wrap;gap:6px;display:flex}.badge-success,.badge-warning,.badge-shipping{border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:10px;display:inline-flex}.badge-success{color:var(--success);background:#10b9811a}.badge-warning{color:var(--warning);background:#f59e0b1a}.badge-shipping{color:var(--primary);background:#6366f11a}.product-card-actions{gap:8px;display:flex}.action-btn{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:var(--transition);border:none;justify-content:center;align-items:center;display:flex}.view-btn{color:var(--info);background:#3b82f61a}.view-btn:hover{background:var(--info);color:var(--white)}.import-btn{color:var(--success);background:#10b9811a}.import-btn:hover:not(:disabled){background:var(--success);color:var(--white)}.reject-btn{color:var(--danger);background:#ef44441a}.reject-btn:hover:not(:disabled){background:var(--danger);color:var(--white)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.product-table-container{padding:0 20px 20px;overflow-x:auto}.product-table{border-collapse:collapse;table-layout:fixed;width:100%}.product-table col.col-checkbox{width:52px}.product-table col.col-product{width:30%}.product-table col.col-price{width:10%}.product-table col.col-margin{width:8%}.product-table col.col-score{width:12%}.product-table col.col-shipping{width:10%}.product-table col.col-status{width:9%}.product-table col.col-actions{width:11%}.product-table th,.product-table td{text-align:left;border-bottom:1px solid var(--gray-lighter);vertical-align:middle;padding:12px 16px}.product-table th{background:var(--gray-lightest);color:var(--gray);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:600}.product-table .price-col,.product-table .margin-col,.product-table .score-col,.product-table .shipping-col,.product-table .status-col,.product-table .actions-col{text-align:center}.product-table tbody tr{transition:var(--transition);cursor:pointer}.product-table tbody tr:hover{background:var(--gray-lightest)}.product-table tbody tr.imported{opacity:.7;background:var(--gray-lightest)}.checkbox-col{text-align:center;width:40px}.checkbox-col input{cursor:pointer;width:16px;height:16px}.product-cell{min-width:0}.product-info{align-items:center;gap:12px;min-width:0;display:flex}.product-thumb{object-fit:cover;border-radius:var(--radius-sm);width:48px;height:48px}.product-details{flex:1;min-width:0}.product-name{color:var(--dark);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.product-meta{color:var(--gray);flex-wrap:wrap;gap:12px;font-size:11px;display:flex}.price-cell{color:var(--dark);white-space:nowrap;text-align:center;font-weight:600}.margin-cell{text-align:center;font-weight:600}.margin-cell.high{color:var(--success)}.margin-cell.good{color:var(--primary)}.margin-cell.low{color:var(--danger)}.score-cell{min-width:0}.score-display{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.shipping-cell{color:var(--gray);white-space:nowrap;text-align:center;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.status-cell{text-align:center;min-width:0}.status-badge{border-radius:20px;justify-content:center;align-items:center;gap:4px;min-width:96px;padding:4px 8px;font-size:11px;display:inline-flex}.status-badge.ready{color:var(--success);background:#10b9811a}.status-badge.pending{color:var(--warning);background:#f59e0b1a}.actions-cell{white-space:nowrap;text-align:center;min-width:0}.table-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;min-width:102px;display:inline-flex}.action-icon{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:var(--transition);border:none;justify-content:center;align-items:center;margin:0 2px;display:inline-flex}.action-icon.view{color:var(--info);background:#3b82f61a}.action-icon.view:hover{background:var(--info);color:var(--white)}.action-icon.import{color:var(--success);background:#10b9811a}.action-icon.import:hover:not(:disabled){background:var(--success);color:var(--white)}.action-icon.reject{color:var(--danger);background:#ef44441a}.action-icon.reject:hover:not(:disabled){background:var(--danger);color:var(--white)}.action-icon:disabled{opacity:.5;cursor:not-allowed}.pagination-container{border-top:1px solid var(--gray-lighter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.pagination-info{color:var(--gray);font-size:13px}.pagination-tools{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pagination-page-size{color:var(--gray);align-items:center;gap:8px;font-size:13px;display:inline-flex}.pagination-page-size select{border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);background:var(--white);min-width:72px;color:var(--dark);padding:6px 10px;font-size:13px}.pagination-controls{flex-wrap:wrap;gap:8px;display:flex}.pagination-btn{border:1px solid var(--gray-lighter);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;min-width:32px;height:32px;transition:var(--transition);color:var(--gray);padding:0 8px;font-size:13px}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.job-history-panel{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-height:0;margin-bottom:20px;transition:max-height .3s;overflow:hidden}.job-history-panel.show{max-height:500px}.job-history-header{border-bottom:1px solid var(--gray-lighter);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.job-history-header h3{color:var(--dark);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.close-btn{cursor:pointer;width:28px;height:28px;color:var(--gray);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none}.close-btn:hover{background:var(--gray-lighter);color:var(--danger)}.job-history-actions{background:var(--gray-lightest);flex-wrap:wrap;gap:12px;padding:12px 20px;display:flex}.btn-refresh-jobs,.btn-clear-all{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.btn-refresh-jobs{background:var(--primary);color:var(--white)}.btn-refresh-jobs:hover:not(:disabled){background:var(--primary-dark)}.btn-clear-all{background:var(--danger);color:var(--white)}.btn-clear-all:hover{background:var(--danger-dark)}.job-history-list{max-height:350px;overflow-y:auto}.loading-jobs,.no-jobs{text-align:center;color:var(--gray);padding:40px}.no-jobs svg{opacity:.5;margin-bottom:12px;font-size:32px}.no-jobs p{margin:0 0 4px;font-size:14px}.no-jobs span{font-size:12px}.job-history-item{border-bottom:1px solid var(--gray-lighter);transition:var(--transition);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.job-history-item:hover{background:var(--gray-lightest)}.job-history-item.active{border-left:3px solid var(--primary);background:#6366f10d}.job-date{color:var(--dark);margin-bottom:8px;font-size:13px;font-weight:500}.job-stats{color:var(--gray);flex-wrap:wrap;gap:16px;margin-bottom:8px;font-size:12px;display:flex}.job-stats svg{margin-right:4px}.job-status-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex}.status-completed{color:var(--success);background:#10b9811a}.status-running{color:var(--warning);background:#f59e0b1a}.status-pending{color:var(--gray);background:#6b72801a}.status-failed{color:var(--danger);background:#ef44441a}.job-actions{gap:8px;display:flex}.job-load-btn,.job-delete-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.job-load-btn{color:var(--primary);background:#6366f11a}.job-load-btn:hover{background:var(--primary);color:var(--white)}.job-delete-btn{color:var(--danger);background:#ef44441a}.job-delete-btn:hover{background:var(--danger);color:var(--white)}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:80vh;animation:.3s slideUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--gray-lighter);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h3{color:var(--dark);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.modal-close{cursor:pointer;width:32px;height:32px;color:var(--gray);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;font-size:24px}.modal-close:hover{background:var(--gray-lighter);color:var(--danger)}.modal-body{padding:20px}.modal-body input{border:1px solid var(--gray-lighter);border-radius:var(--radius);background:var(--white);width:100%;color:var(--dark);margin-bottom:16px;padding:10px 12px;font-size:14px}.modal-body input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.filter-summary{background:var(--gray-lightest);border-radius:var(--radius);padding:12px}.summary-row{color:var(--gray);align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.summary-row svg{width:16px;color:var(--primary)}.warning-text{color:var(--danger);margin-top:12px;font-weight:500}.modal-footer{border-top:1px solid var(--gray-lighter);flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.btn-primary,.btn-secondary,.btn-danger{border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:none;padding:8px 16px;font-size:14px;font-weight:500}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--gray-lighter);color:var(--gray)}.btn-secondary:hover{background:var(--gray-light);color:var(--white)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:var(--danger-dark)}.mobile-detail-modal{background:var(--white);z-index:2000;flex-direction:column;animation:.3s slideUp;display:flex;position:fixed;inset:0}.mobile-detail-modal .modal-header{align-items:center;gap:12px;padding:16px;display:flex}.modal-back{cursor:pointer;width:32px;height:32px;color:var(--gray);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none}.modal-back:hover{background:var(--gray-lighter)}.mobile-detail-modal .modal-body{flex:1;overflow-y:auto}.detail-image{background:var(--gray-lightest);width:100%;height:250px;margin-bottom:16px;overflow:hidden}.detail-image img{object-fit:cover;width:100%;height:100%}.detail-title{color:var(--dark);margin:0 0 16px;font-size:18px;font-weight:600;line-height:1.4}.detail-info-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.detail-item{padding:8px 0}.detail-item label{color:var(--gray);margin-bottom:4px;font-size:11px;display:block}.detail-item span{color:var(--dark);font-size:14px;font-weight:500}.detail-item .highlight{color:var(--success);font-size:16px}.detail-item .positive{color:var(--success)}.detail-item .warning{color:var(--warning)}.score-detail{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fba-badge{color:var(--primary);background:#6366f11a;border-radius:4px;padding:4px 8px;font-size:12px}.fbm-badge{color:var(--gray);background:#6b72801a;border-radius:4px;padding:4px 8px;font-size:12px}.mobile-detail-modal .modal-footer{flex-wrap:wrap;justify-content:center;gap:12px;padding:16px;display:flex}.btn-import,.btn-reject{border-radius:var(--radius);cursor:pointer;max-width:220px;transition:var(--transition);border:none;flex:180px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;display:flex}.btn-import{background:var(--success);color:var(--white)}.btn-import:hover:not(:disabled){background:var(--success-dark)}.btn-reject{background:var(--danger);color:var(--white)}.btn-reject:hover:not(:disabled){background:var(--danger-dark)}.btn-import:disabled,.btn-reject:disabled{opacity:.5;cursor:not-allowed}@media (min-width:769px){.mobile-detail-modal{background:#0f172a99;justify-content:center;align-items:center;padding:32px;animation:.2s fadeIn}.mobile-detail-modal .modal-header,.mobile-detail-modal .modal-body,.mobile-detail-modal .modal-footer{background:var(--white);width:min(920px,100%);margin:0 auto}.mobile-detail-modal .modal-header{border-bottom:1px solid var(--gray-lighter);border-radius:18px 18px 0 0;padding:22px 24px 16px;box-shadow:0 18px 40px #0f172a29}.mobile-detail-modal .modal-body{flex:0 auto;max-height:min(62vh,760px);padding:24px;overflow-y:auto;box-shadow:0 18px 40px #0f172a29}.mobile-detail-modal .modal-footer{border-top:1px solid var(--gray-lighter);border-radius:0 0 18px 18px;justify-content:center;padding:18px 24px 24px;box-shadow:0 18px 40px #0f172a29}.modal-back{display:none}.modal-close{width:40px;height:40px;color:var(--gray);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:10px}.modal-close:hover{background:var(--gray-lightest);color:var(--dark)}.detail-image{border-radius:14px;height:320px;margin-bottom:20px}.detail-title{margin-bottom:20px;font-size:24px}.detail-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.detail-item{background:var(--gray-lightest);border-radius:12px;padding:12px 14px}.score-detail{flex-direction:column;align-items:flex-start;gap:8px}.mobile-detail-modal .modal-footer{justify-content:center}.btn-import,.btn-reject{border-radius:12px;flex:none;min-width:200px;padding:14px 18px}}@media (max-width:768px){.sourcing-container{padding:16px}.sourcing-header{text-align:left;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:16px;padding:18px 16px}.header-left{flex-direction:row;align-items:center;width:100%}.header-text{text-align:left}.header-right{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:6px;display:grid}.header-btn{border-radius:10px;justify-content:center;width:100%;min-width:0;min-height:46px;padding:10px 12px;font-size:13px}.sourcing-main{flex-direction:column;gap:16px}.filters-sidebar{z-index:1500;border-radius:0;width:100%;height:100vh;max-height:100vh;transition:left .3s;position:fixed;top:0;left:-100%}.filters-sidebar.mobile-open{left:0}.mobile-filters-header{border-bottom:1px solid var(--gray-lighter);justify-content:space-between;align-items:center;padding:16px;display:flex}.mobile-filters-header h3{color:var(--dark);margin:0;font-size:18px}.close-filters{cursor:pointer;width:32px;height:32px;color:var(--dark);background:0 0;border:none;font-size:20px}.product-grid{grid-template-columns:1fr;gap:12px;padding:12px}.pagination-container{flex-direction:column}.pagination-controls{justify-content:center}.pagination-tools,.pagination-page-size{justify-content:center;width:100%}.job-history-panel.show{max-height:80vh}.advanced-filters-grid,.keyword-summary-cards{grid-template-columns:1fr}.batch-actions-bar{flex-direction:column}.batch-buttons{justify-content:center}.results-header{flex-direction:column;align-items:flex-start}.product-table-container{padding:12px;overflow:visible}.product-table,.product-table tbody,.product-table tr,.product-table td{width:100%;display:block}.product-table colgroup,.product-table thead{display:none}.product-table{border-collapse:separate;border-spacing:0}.product-table tbody{flex-direction:column;gap:12px;display:flex}.product-table tbody tr{background:var(--white);border:1px solid var(--gray-lighter);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:6px 0}.product-table td{border-bottom:1px solid var(--gray-lightest);text-align:left;padding:10px 12px}.product-table td:last-child{border-bottom:none}.product-table td:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:var(--gray);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.product-table .checkbox-col{justify-content:space-between;align-items:center;width:100%;display:flex}.product-table .checkbox-col:before{margin-bottom:0}.product-table .price-cell,.product-table .margin-cell,.product-table .score-cell,.product-table .shipping-cell,.product-table .status-cell,.product-table .actions-cell{text-align:left}.action-icon{width:24px;height:24px}.score-display,.shipping-cell,.table-actions{justify-content:flex-start}.status-badge{justify-content:center}.product-thumb{width:56px;height:56px}.job-history-item{flex-direction:column;align-items:flex-start}.job-actions{justify-content:flex-end;width:100%}.detail-info-grid{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.filters-sidebar{width:320px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.advanced-filters-grid{grid-template-columns:1fr}}@media (max-width:480px){.sourcing-container{padding:12px}.sourcing-header{padding:16px 14px}.product-card-title{font-size:13px}.stat-value{font-size:12px}.score-value{font-size:20px}.btn-source{padding:12px;font-size:14px}.secondary-actions{grid-template-columns:repeat(2,1fr)}.filter-tab{padding:8px;font-size:12px}.results-title h2{font-size:16px}.results-count{font-size:11px}}@media (max-width:768px) and (orientation:landscape){.filters-sidebar{max-height:100vh;overflow-y:auto}.category-tree{max-height:200px}.keyword-list{max-height:150px}.job-history-panel.show{max-height:70vh}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-lightest);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gray-lighter);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-light)}.loading-pulse{animation:1.5s ease-in-out infinite pulse}@media print{.filters-sidebar,.batch-actions-bar,.pagination-container,.action-icon,.filter-actions-container,.saved-filters-section,.job-history-panel,.results-view-controls,.dark-mode-toggle{display:none}.product-table,.product-table th,.product-table td{border:1px solid #ddd}.sourcing-container{background:#fff;padding:0}}.notification-toast{z-index:3000;animation:.3s slideInRight;position:fixed;top:20px;right:20px}.notification-content{background:var(--white);color:var(--dark);border-radius:var(--radius);box-shadow:var(--shadow-lg);border-left:4px solid;align-items:center;gap:10px;padding:12px 20px;font-size:14px;display:flex}.notification-toast.success .notification-content{border-left-color:var(--success)}.notification-toast.success svg{color:var(--success)}.notification-toast.error .notification-content{border-left-color:var(--danger)}.notification-toast.error svg{color:var(--danger)}.notification-toast.warning .notification-content{border-left-color:var(--warning)}.notification-toast.warning svg{color:var(--warning)}.notification-toast.info .notification-content{border-left-color:var(--info)}.notification-toast.info svg{color:var(--info)}@media (max-width:480px){.header-right{gap:6px}.header-btn{min-height:44px;padding:9px 8px;font-size:12px}}@media (max-width:768px){[data-theme=dark] .mobile-filters-header h3,[data-theme=dark] .close-filters{color:#fff}}[data-theme=dark] .filter-tab:hover:not(:disabled){color:#e0f2fe;background:linear-gradient(135deg,#2563eb3d,#0ea5e933);border-color:#60a5fa3d;box-shadow:0 12px 24px #00000038}[data-theme=dark] .filter-tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#2563eb;box-shadow:0 14px 28px #2563eb3d}:root{--primary-color:#2563eb;--primary-dark:#0ea5e9;--danger-color:#dc3545;--danger-hover:#c82333;--success-color:#28a745;--info-color:#17a2b8;--text-primary:#fff;--text-secondary:#fffc;--bg-overlay:#ffffff1a;--bg-overlay-hover:#fff3;--border-light:#ffffff1a}.sidebar.dark-theme{--primary-color:#2d2d2d;--primary-dark:#1a1a1a;--text-primary:#e0e0e0;--text-secondary:#e0e0e0cc;--bg-overlay:#ffffff0d;--bg-overlay-hover:#ffffff1a;--border-light:#ffffff0d}.sidebar{background:linear-gradient(180deg,var(--primary-color)0%,var(--primary-dark)100%);width:280px;color:var(--text-primary);z-index:1000;flex-direction:column;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow-x:hidden;box-shadow:2px 0 10px #0000001a}.sidebar.collapsed{width:80px}.sidebar.dark-theme{background:linear-gradient(#2d2d2d 0%,#1a1a1a 100%)}.logo-section{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;min-height:88px;padding:24px 20px;display:flex}.logo-content{align-items:center;gap:12px;display:flex;overflow:hidden}.logo-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.logo-img{object-fit:contain;width:60%;height:80%;transition:transform .3s}.logo-wrapper:hover .logo-img{transform:scale(1.05)}.logo-text{color:var(--text-primary);white-space:nowrap;margin:0;font-size:20px;font-weight:600;animation:.3s fadeIn}.mobile-close-btn{background:var(--bg-overlay);color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.mobile-close-btn:hover{background:var(--bg-overlay-hover);transform:rotate(90deg)}.mobile-close-btn:active{transform:scale(.95)rotate(90deg)}.mobile-user-info{border-bottom:1px solid var(--border-light);background:#0000001a;align-items:center;gap:12px;padding:20px;display:flex}.mobile-user-info .user-avatar{background:var(--bg-overlay);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:transform .2s;display:flex;overflow:hidden}.mobile-user-info .user-avatar:hover{transform:scale(1.05)}.mobile-user-info .user-avatar img{object-fit:cover;width:100%;height:100%}.mobile-user-info .user-initials{color:var(--text-primary);font-weight:600}.user-avatar-skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%) 0 0/200% 100%;border-radius:50%;width:100%;height:100%;animation:1.5s infinite loading}.mobile-user-info .user-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mobile-user-info .user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.mobile-user-info .user-email{opacity:.8;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.menu{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;flex:1;padding:20px 0;overflow:hidden auto}.menu::-webkit-scrollbar{width:4px}.menu::-webkit-scrollbar-track{background:0 0}.menu::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.menu-item{color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin:2px 10px;padding:12px 20px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.menu-item:hover{background:var(--bg-overlay);color:var(--text-primary);transform:translate(4px)}.menu-item.active{background:var(--bg-overlay-hover);color:var(--text-primary);box-shadow:0 4px 8px #0000001a}.menu-item.active:before{content:"";background:var(--text-primary);border-radius:0 4px 4px 0;width:4px;height:20px;animation:.3s slideIn;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.menu-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.menu-icon{font-size:18px;transition:transform .2s}.menu-item:hover .menu-icon{transform:scale(1.1)}.menu-badge{background-color:var(--danger-color);color:#fff;border:2px solid var(--bg-overlay);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;animation:2s infinite pulse;display:flex;position:absolute;top:-6px;right:-6px}.menu-text{flex:1;font-size:14px;font-weight:500}.active-indicator{display:none}.sidebar-bottom{border-top:1px solid var(--border-light);flex-direction:column;gap:12px;padding:20px;display:flex}.sidebar-theme-toggle{background:var(--bg-overlay);color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;font-size:14px;transition:all .2s;display:flex}.sidebar-theme-toggle:hover{background:var(--bg-overlay-hover);transform:translate(4px)}.sidebar-theme-toggle:active{transform:scale(.98)}.sidebar-theme-toggle svg{width:20px;font-size:16px;transition:transform .2s}.sidebar-theme-toggle:hover svg{transform:rotate(15deg)}.sidebar.collapsed .sidebar-theme-toggle span{display:none}.sidebar-user-info{background:#0003;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:8px;display:flex}.sidebar-user-avatar{background:var(--bg-overlay);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex;overflow:hidden}.sidebar-user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-avatar .user-initials{color:var(--text-primary);font-weight:600}.sidebar-user-details{flex:1;min-width:0}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.sidebar-user-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.sidebar.collapsed .sidebar-user-details{display:none}.sidebar.collapsed .sidebar-bottom{align-items:center;padding-left:12px;padding-right:12px}.sidebar.collapsed .sidebar-user-info{justify-content:center;width:100%;margin-bottom:0;padding:10px 0;overflow:hidden}.sidebar.collapsed .sidebar-user-avatar{flex:0 0 36px;margin:0}.sidebar.collapsed .sidebar-theme-toggle,.sidebar.collapsed .sidebar-logout-btn{justify-content:center;padding-left:0;padding-right:0}.sidebar-status-chip{color:var(--text-primary);cursor:pointer;text-align:left;background:#ffffff1f;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.sidebar-status-chip:hover{background:#ffffff2e}.sidebar-status-chip.connected{color:#b7ffd1;background:#22c55e29;border-color:#bbf7d057}.sidebar-status-chip.disconnected{color:#ffe3a3;background:#f59e0b29;border-color:#fde68a47}.sidebar-status-chip .status-connected-label{font-weight:700}.status-live-dot{background:#22c55e;border-radius:999px;width:8px;height:8px;animation:1.6s ease-in-out infinite statusBlink;box-shadow:0 0 0 4px #22c55e29}.sidebar-logout-btn{color:#ff8a95;cursor:pointer;background:#dc354533;border:1px solid #dc35454d;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;font-size:14px;transition:all .2s;display:flex}.sidebar-logout-btn:hover{color:#fff;background:#dc35454d;transform:translate(4px)}.sidebar-logout-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sidebar-logout-btn svg{width:20px;font-size:16px;transition:transform .2s}.sidebar-logout-btn:hover svg{transform:translate(2px)}.sidebar.collapsed .sidebar-logout-btn span{display:none}.collapse-toggle{background:var(--bg-overlay);color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto;transition:all .2s;display:flex}.collapse-toggle:hover{background:var(--bg-overlay-hover);transform:scale(1.05)}.collapse-toggle:active{transform:scale(.95)}.mobile-bottom-section{border-top:1px solid var(--border-light);flex-direction:column;gap:12px;padding:20px;display:flex}.mobile-theme-toggle,.mobile-logout-btn{background:var(--bg-overlay);color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:14px;font-size:15px;transition:all .2s;display:flex}.mobile-theme-toggle:hover,.mobile-logout-btn:hover{background:var(--bg-overlay-hover)}.mobile-theme-toggle:active,.mobile-logout-btn:active{transform:scale(.98)}.mobile-theme-toggle svg,.mobile-logout-btn svg{width:24px;font-size:18px}.mobile-logout-btn{color:#ff8a95;background:#dc354533}.mobile-logout-btn:hover{color:#fff;background:#dc35454d}.mobile-version{text-align:center;margin-top:8px}.mobile-version p{opacity:.6;color:var(--text-primary);font-size:12px}@media (max-width:768px){.sidebar{z-index:1001;width:85%;max-width:320px;box-shadow:none;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-100%}.sidebar.mobile-open{left:0;box-shadow:2px 0 20px #0000004d}.sidebar.mobile-closed{left:-100%}.sidebar.collapsed{width:85%;max-width:320px}.menu-text{display:inline-block!important}.logo-section{padding:16px}.logo-wrapper{width:36px;height:36px}.logo-text{font-size:18px}.menu-item{margin:2px 8px;padding:16px 20px}.menu-icon{font-size:20px}.menu-text{font-size:15px}.menu-item.active:before{left:-8px}}@media (max-width:480px){.sidebar{width:90%;max-width:280px}.mobile-user-info .user-avatar{width:40px;height:40px;font-size:18px}.mobile-user-info .user-name{font-size:14px}.mobile-user-info .user-email{font-size:11px}.menu-item{padding:14px 16px}.menu-icon{font-size:18px}.menu-text{font-size:14px}}@media (max-width:768px) and (orientation:landscape){.sidebar{width:60%;max-width:400px}.menu{max-height:calc(100vh - 180px)}.mobile-user-info{padding:12px 16px}.mobile-user-info .user-avatar{width:36px;height:36px}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (hover:none) and (pointer:coarse){.menu-item{-webkit-tap-highlight-color:transparent}.menu-item:active{background:var(--bg-overlay-hover);transform:scale(.98)}.mobile-close-btn:active,.collapse-toggle:active,.sidebar-theme-toggle:active,.sidebar-logout-btn:active,.mobile-theme-toggle:active,.mobile-logout-btn:active{transform:scale(.95)}}[dir=rtl] .sidebar{left:auto;right:0}[dir=rtl] .menu-item.active:before{left:auto;right:-10px}[dir=rtl] .menu-item:hover,[dir=rtl] .sidebar-theme-toggle:hover,[dir=rtl] .sidebar-logout-btn:hover{transform:translate(-4px)}@media (max-width:768px){[dir=rtl] .sidebar{left:auto;right:-100%}[dir=rtl] .sidebar.mobile-open{left:auto;right:0}[dir=rtl] .menu-item.active:before{left:auto;right:-8px}}.menu-item:focus-visible,.sidebar-theme-toggle:focus-visible,.sidebar-logout-btn:focus-visible,.collapse-toggle:focus-visible,.mobile-close-btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sidebar,.menu-item,.sidebar-theme-toggle,.sidebar-logout-btn,.collapse-toggle,.logo-img,.menu-icon{transition:none}.menu-item.active:before,.menu-badge{animation:none}}@keyframes statusBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.92)}}.sidebar{border-right:1px solid #ffffff14}.menu{padding-top:16px;padding-bottom:16px}.menu-item{min-height:48px}.sidebar-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}.sidebar-user-info,.sidebar-status-chip,.sidebar-theme-toggle,.sidebar-logout-btn{border-radius:12px}@media (max-width:768px){.sidebar{width:min(84vw,340px);max-width:min(84vw,340px);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:18px 0 38px #0f172a42}.logo-section{min-height:80px;padding:16px 16px 14px}.menu{padding:14px 0 10px}.menu-item{border-radius:12px;min-height:52px;margin:3px 10px}.mobile-user-info{padding:16px}.mobile-bottom-section{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(#ffffff05,#00000014)}}@media (max-width:480px){.sidebar{width:min(88vw,300px);max-width:min(88vw,300px)}.menu-item{padding:14px 16px}}.topbar{background:linear-gradient(180deg,var(--shell-nav-start,#667eea)0%,var(--shell-nav-end,#764ba2)100%);z-index:100;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;height:70px;padding:0 24px;transition:all .3s;display:flex;position:sticky;top:0;box-shadow:0 18px 34px #503f9c29}.main-content.collapsed .topbar{padding-left:24px}[data-theme=dark] .topbar{background:linear-gradient(180deg,var(--shell-nav-start,#2d2d2d)0%,var(--shell-nav-end,#1a1a1a)100%);border-bottom-color:#ffffff14;box-shadow:0 18px 34px #00000047}.topbar-left{align-items:center;gap:16px;min-width:200px;display:flex}.toggle-btn{color:#ffffffd6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex}.toggle-btn:hover{color:#fff;background-color:#ffffff24}.toggle-btn:active{transform:scale(.95)}[data-theme=dark] .toggle-btn{color:#ffffffc7}[data-theme=dark] .toggle-btn:hover{color:#fff;background-color:#ffffff1f}.toggle-btn.mobile{display:none}.page-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:600;overflow:hidden}[data-theme=dark] .page-title{color:#fff}.page-title-block{flex-direction:column;min-width:0;display:flex}.page-subtitle{color:#ffffffbd;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}[data-theme=dark] .page-subtitle{color:#ffffffb3}.mobile-title{flex-direction:column;display:flex;overflow:hidden}.mobile-app-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.mobile-page-name{color:#ffffffbd;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}[data-theme=dark] .mobile-app-name{color:#fff}[data-theme=dark] .mobile-page-name{color:#ffffffb3}.topbar-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.workspace-chip{color:#fff;cursor:pointer;text-align:left;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;transition:all .2s;display:inline-flex}.workspace-chip:hover{color:#fff;background:#ffffff2e;border-color:#ffffff57}.workspace-chip.connected{color:#f0fdf4;background:#22c55e29;border-color:#bbf7d061}.workspace-chip.attention{color:#fff7ed;background:#f59e0b2e;border-color:#fde68a59}[data-theme=dark] .workspace-chip{color:#f3f4f6;background:#ffffff14;border-color:#ffffff1f}.workspace-chip .status-connected-label{font-weight:700}.workspace-live-dot{background:#22c55e;border-radius:999px;width:8px;height:8px;animation:1.6s ease-in-out infinite workspaceStatusBlink;box-shadow:0 0 0 4px #22c55e29}.search-container{width:320px;position:relative}.search-wrapper{width:100%;position:relative}.search-wrapper input{color:#fff;box-sizing:border-box;background-color:#ffffff1f;border:1px solid #ffffff2e;border-radius:20px;width:100%;height:40px;padding:0 40px 0 42px;font-size:14px;transition:all .2s}.search-wrapper input:focus{background-color:#ffffff2e;border-color:#ffffff5c;outline:none;box-shadow:0 0 0 3px #ffffff14}[data-theme=dark] .search-wrapper input{color:#fff;background-color:#ffffff14;border-color:#ffffff1f}[data-theme=dark] .search-wrapper input:focus{background-color:#ffffff1f;border-color:#ffffff38}.search-wrapper input::placeholder{color:#ffffffb3}.search-icon{color:#ffffffb8;pointer-events:none;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-clear{color:#ffffffb8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear:hover{color:#fff;background-color:#ffffff24}[data-theme=dark] .search-clear:hover{color:#fff;background-color:#ffffff1f}.search-spinner{border:2px solid #f3f3f3;border-top-color:#6a4cff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.search-dropdown{z-index:1000;background-color:#fff;border:1px solid #e9ecef;border-radius:12px;max-height:400px;animation:.2s slideDown;position:absolute;top:45px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #00000026}[data-theme=dark] .search-dropdown{background-color:#2d2d2d;border-color:#444;box-shadow:0 4px 20px #0000004d}.search-loading{color:#999;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.search-loading .spinner{border:2px solid #f3f3f3;border-top-color:#6a4cff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.search-results{padding:8px}.search-result-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.search-result-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;transition:background-color .2s;display:flex}.search-result-item:hover{background-color:#f8f9fa}[data-theme=dark] .search-result-item:hover{background-color:#404040}.result-type.product,.result-type.publish{color:#155724;background-color:#d4edda}.result-type.job{color:#6b21a8;background-color:#f3e8ff}.result-title{color:#333;flex:1;font-size:14px}.result-subtitle{color:#888;font-size:12px}[data-theme=dark] .result-subtitle{color:#aaa}.no-search-results{text-align:center;color:#999;padding:30px;font-size:14px}.theme-toggle{color:#ffffffd6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.theme-toggle:hover{color:#fff;background-color:#ffffff24}.theme-toggle:active{transform:scale(.95)}[data-theme=dark] .theme-toggle{color:#ffffffc7}[data-theme=dark] .theme-toggle:hover{color:#fff;background-color:#ffffff1f}.mobile-search-toggle{color:#ffffffd6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:none}.mobile-search-toggle:active{background-color:#ffffff24}[data-theme=dark] .mobile-search-toggle{color:#ffffffc7}[data-theme=dark] .mobile-search-toggle:active{background-color:#ffffff1f}.notifications-wrapper{position:relative}.notifications-btn{color:#ffffffd6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex;position:relative}.notifications-btn:hover{color:#fff;background-color:#ffffff24}.notifications-btn:active{transform:scale(.95)}.notifications-btn.has-unread{color:#6a4cff}[data-theme=dark] .notifications-btn{color:#ffffffc7}[data-theme=dark] .notifications-btn:hover{color:#fff;background-color:#ffffff1f}[data-theme=dark] .notifications-btn.has-unread{color:#8b74ff}.badge{color:#fff;background-color:#dc3545;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:4px;right:4px}[data-theme=dark] .badge{border-color:#1a1a1a}.notif-dropdown{z-index:1000;background-color:#fff;border:1px solid #e9ecef;border-radius:12px;width:360px;animation:.2s slideDown;position:absolute;top:45px;right:-10px;box-shadow:0 4px 20px #00000026}[data-theme=dark] .notif-dropdown{background-color:#2d2d2d;border-color:#444;box-shadow:0 4px 20px #0000004d}.notif-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px;display:flex}[data-theme=dark] .notif-header{border-bottom-color:#444}.notif-header-left{align-items:center;gap:8px;display:flex}.notif-header-left h4{color:#333;margin:0;font-size:16px}[data-theme=dark] .notif-header-left h4{color:#fff}.unread-count{color:#fff;background-color:#6a4cff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.notif-header-actions{gap:8px;display:flex}.notif-header-actions button{color:#999;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.notif-header-actions button:hover{color:#333;background-color:#f0f0f0}[data-theme=dark] .notif-header-actions button:hover{color:#fff;background-color:#404040}.notif-list{max-height:400px;overflow-y:auto}.notif-item{cursor:pointer;align-items:flex-start;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex;position:relative}.notif-item:hover{background-color:#f8f9fa}[data-theme=dark] .notif-item:hover{background-color:#404040}.notif-item.unread{background-color:#f0f4ff}[data-theme=dark] .notif-item.unread{background-color:#2a2a4a}.notif-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;display:flex}.notif-content{flex:1;min-width:0}.notif-text{color:#333;word-wrap:break-word;margin:0 0 4px;font-size:14px;line-height:1.4}[data-theme=dark] .notif-text{color:#fff}.notif-time{color:#999;font-size:11px}.unread-dot{background-color:#6a4cff;border-radius:50%;flex-shrink:0;width:8px;height:8px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.no-notif{text-align:center;color:#999;padding:40px}.no-notif svg{opacity:.5;margin-bottom:12px;font-size:32px}.no-notif p{margin:0;font-size:14px}.notif-footer{border-top:1px solid #e9ecef;padding:12px 16px}[data-theme=dark] .notif-footer{border-top-color:#444}.notif-footer button{color:#6a4cff;cursor:pointer;background-color:#f8f9fa;border:none;border-radius:6px;width:100%;padding:8px;font-size:14px;font-weight:500;transition:all .2s}.notif-footer button:hover{color:#fff;background-color:#6a4cff}[data-theme=dark] .notif-footer button{color:#8b74ff;background-color:#333}[data-theme=dark] .notif-footer button:hover{color:#fff;background-color:#6a4cff}.user-wrapper{position:relative}.user-btn{cursor:pointer;background:0 0;border:none;border-radius:30px;flex-shrink:0;align-items:center;gap:10px;max-width:200px;padding:6px 10px;transition:all .2s;display:flex}.user-btn:hover{background-color:#ffffff24}[data-theme=dark] .user-btn:hover{background-color:#ffffff1f}.user-avatar{color:#fff;background:linear-gradient(135deg,#6a4cff,#9f7aff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:14px;font-weight:500;overflow:hidden}[data-theme=dark] .user-name{color:#fff}.chevron{color:#999;flex-shrink:0;font-size:12px;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.user-dropdown{z-index:1000;background-color:#fff;border:1px solid #e9ecef;border-radius:12px;width:280px;animation:.2s slideDown;position:absolute;top:45px;right:0;box-shadow:0 4px 20px #00000026}[data-theme=dark] .user-dropdown{background-color:#2d2d2d;border-color:#444;box-shadow:0 4px 20px #0000004d}.user-dropdown-header{border-bottom:1px solid #e9ecef;align-items:center;gap:12px;padding:20px;display:flex}[data-theme=dark] .user-dropdown-header{border-bottom-color:#444}.user-avatar-large{color:#fff;background:linear-gradient(135deg,#6a4cff,#9f7aff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.user-avatar-large img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.user-fullname{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}[data-theme=dark] .user-fullname{color:#fff}.user-email{color:#ffffffb8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-meta{color:#6a4cff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-dropdown-menu{padding:8px}.user-dropdown-menu button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s;display:flex;position:relative}[data-theme=dark] .user-dropdown-menu button{color:#fff}.user-dropdown-menu button:hover{background-color:#f0f0f0}[data-theme=dark] .user-dropdown-menu button:hover{background-color:#404040}.user-dropdown-menu button svg{color:#666;flex-shrink:0;width:20px;font-size:16px}[data-theme=dark] .user-dropdown-menu button svg{color:#999}.dropdown-divider{background-color:#e9ecef;height:1px;margin:8px}[data-theme=dark] .dropdown-divider{background-color:#444}.logout-btn,.logout-btn svg{color:#dc3545!important}.logout-btn:hover{background-color:#fff0f0!important}[data-theme=dark] .logout-btn:hover{background-color:#4a2a2a!important}.user-dropdown-footer{text-align:center;border-top:1px solid #e9ecef;padding:12px 16px}[data-theme=dark] .user-dropdown-footer{border-top-color:#444}.user-dropdown-footer span{color:#999;font-size:11px}.mobile-search-overlay{z-index:2000;background-color:#fff;flex-direction:column;animation:.3s slideUp;display:flex;position:fixed;inset:0}[data-theme=dark] .mobile-search-overlay{background-color:#1a1a1a}.mobile-search-header{z-index:10;background-color:#fff;border-bottom:1px solid #e9ecef;align-items:center;gap:12px;height:70px;padding:0 16px;display:flex;position:sticky;top:0}[data-theme=dark] .mobile-search-header{background-color:#1a1a1a;border-bottom-color:#333}.mobile-search-back{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.mobile-search-back:active{background-color:#f0f0f0}[data-theme=dark] .mobile-search-back:active{background-color:#333}.mobile-search-form{flex:1;position:relative}.mobile-search-form input{border:1px solid #e9ecef;border-radius:20px;width:100%;height:40px;padding:0 40px 0 16px;font-size:16px}[data-theme=dark] .mobile-search-form input{color:#fff;background-color:#333;border-color:#444}.mobile-search-form input:focus{border-color:#6a4cff;outline:none}.mobile-search-clear{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.mobile-search-content{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.mobile-search-loading{color:#999;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.mobile-search-loading .spinner{border:3px solid #f3f3f3;border-top-color:#6a4cff;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.results-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.results-header h4{color:#333;margin:0;font-size:16px}[data-theme=dark] .results-header h4{color:#fff}.results-header span{color:#999;font-size:13px}.results-list{flex-direction:column;gap:8px;display:flex}.result-item{cursor:pointer;background-color:#f8f9fa;border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}[data-theme=dark] .result-item{background-color:#333}.result-item:active{background-color:#f0f0f0;transform:scale(.98)}[data-theme=dark] .result-item:active{background-color:#404040}.result-type{text-transform:uppercase;text-align:center;border-radius:4px;min-width:70px;padding:4px 8px;font-size:11px;font-weight:600}.result-type.candidate{color:#1976d2;background-color:#e8f0fe}.result-type.draft{color:#856404;background-color:#fff3cd}.result-type.product{color:#155724;background-color:#d4edda}.result-title{color:#333;flex:1}[data-theme=dark] .result-title{color:#fff}.no-results{text-align:center;color:#999;padding:40px 20px}.no-results svg{opacity:.5;margin-bottom:16px;font-size:48px}.recent-searches{margin-bottom:24px}.recent-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.recent-header h4{color:#333;margin:0;font-size:16px}[data-theme=dark] .recent-header h4{color:#fff}.clear-all{color:#6a4cff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px}.clear-all:active{background-color:#f0f0f0}.recent-list{flex-direction:column;gap:8px;display:flex}.recent-item{cursor:pointer;background-color:#f8f9fa;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}[data-theme=dark] .recent-item{background-color:#333}.recent-item:hover{background-color:#f0f0f0}[data-theme=dark] .recent-item:hover{background-color:#404040}.recent-item svg{color:#999;flex-shrink:0;font-size:14px}.recent-item span{color:#333;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}[data-theme=dark] .recent-item span{color:#fff}.remove-recent{color:#999;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:opacity .2s}.recent-item:hover .remove-recent{opacity:1}.remove-recent:active{background-color:#e0e0e0}.no-recent{text-align:center;color:#999;background-color:#f8f9fa;border-radius:8px;padding:20px}@media (max-width:768px){.topbar{height:60px;padding:0 12px}.toggle-btn.desktop{display:none}.toggle-btn.mobile,.mobile-search-toggle{display:flex}.search-container,.theme-toggle{display:none}.topbar-right{gap:8px}.user-name{display:none}.user-btn{padding:4px}.notif-dropdown,.user-dropdown{width:auto;max-width:none;position:fixed;top:60px;left:10px;right:10px}.notifications-btn,.mobile-search-toggle,.user-btn{width:36px;height:36px}.user-avatar{width:32px;height:32px;font-size:14px}}@media (max-width:480px){.topbar{padding:0 8px}.topbar-right{gap:4px}.notif-dropdown,.user-dropdown{left:5px;right:5px}.mobile-title .mobile-app-name{font-size:14px}.mobile-title .mobile-page-name{font-size:11px}}@media (max-width:768px) and (orientation:landscape){.mobile-search-content{padding:12px}.recent-item{padding:10px 12px}}@media (hover:none) and (pointer:coarse){.toggle-btn:active,.notifications-btn:active,.user-btn:active,.mobile-search-toggle:active,.theme-toggle:active{background-color:#f0f0f0;transform:scale(.95)}.notif-item:active,.result-item:active,.recent-item:active,.user-dropdown-menu button:active{background-color:#f0f0f0;transform:scale(.98)}[data-theme=dark] .toggle-btn:active,[data-theme=dark] .notifications-btn:active,[data-theme=dark] .user-btn:active,[data-theme=dark] .mobile-search-toggle:active,[data-theme=dark] .theme-toggle:active{background-color:#333}[data-theme=dark] .notif-item:active,[data-theme=dark] .result-item:active,[data-theme=dark] .recent-item:active,[data-theme=dark] .user-dropdown-menu button:active{background-color:#404040}}@media (max-width:768px){.topbar{z-index:1000;background:linear-gradient(180deg,var(--shell-nav-start,#667eea)0%,var(--shell-nav-end,#764ba2)100%);position:fixed;top:0;left:0;right:0;box-shadow:0 18px 34px #503f9c33}.profile-page,.publish-page,.sidebar-open .profile-page,.sidebar-open .publish-page{padding-top:70px!important}.mobile-search-overlay{z-index:1001;background:#fff;position:fixed;inset:0}.notif-dropdown,.user-dropdown{border-radius:0;width:100%;max-width:100%;max-height:calc(100vh - 60px);position:fixed;top:60px;left:0;right:0}.notif-dropdown{z-index:1001;background-color:#fff;border-radius:0;flex-direction:column;width:100%;max-width:100%;height:calc(100vh - 60px);max-height:calc(100vh - 60px);animation:.3s slideDown;display:flex;position:fixed;inset:60px 0 0}[data-theme=dark] .notif-dropdown{background-color:#1a1a1a}.notif-header{z-index:2;background-color:#fff;border-bottom:1px solid #e9ecef;flex-shrink:0;padding:16px;position:sticky;top:0}[data-theme=dark] .notif-header{background-color:#1a1a1a;border-bottom-color:#333}.notif-header-left h4{font-size:18px}.notif-header-actions button{width:40px;height:40px;font-size:16px}.notif-list{-webkit-overflow-scrolling:touch;flex:1;padding:8px 0;overflow-y:auto}.notif-item{background-color:#f8f9fa;border-radius:12px;margin:4px 12px;padding:16px;position:relative}[data-theme=dark] .notif-item{background-color:#2d2d2d}.notif-item.unread{background-color:#f0f4ff}[data-theme=dark] .notif-item.unread{background-color:#2a2a4a}.notif-icon{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 2px 4px #0000000d}[data-theme=dark] .notif-icon{background-color:#404040}.notif-content{flex:1;margin-right:24px}.notif-text{margin-bottom:6px;padding-right:20px;font-size:15px;line-height:1.4}.notif-time{color:#999;font-size:12px;display:block}.unread-dot{width:10px;height:10px;top:50%;right:20px;transform:translateY(-50%)}.notif-footer{z-index:2;background-color:#fff;border-top:1px solid #e9ecef;flex-shrink:0;padding:16px;position:sticky;bottom:0}[data-theme=dark] .notif-footer{background-color:#1a1a1a;border-top-color:#333}.notif-footer button{border-radius:10px;padding:14px;font-size:16px;font-weight:600}.no-notif{flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.no-notif svg{opacity:.3;font-size:48px}.no-notif p{color:#999;font-size:16px}.notifications-wrapper{position:static}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}}@media (max-width:480px){.notif-item{margin:4px 8px;padding:14px}.notif-icon{width:40px;height:40px;font-size:18px}.notif-text{font-size:14px}.notif-time{font-size:11px}.notif-header-actions button{width:44px;height:44px}.notif-footer button{padding:16px;font-size:16px}}@supports (padding-top:env(safe-area-inset-top)){@media (max-width:768px){.notif-dropdown{top:calc(60px + env(safe-area-inset-top));height:calc(100vh - 60px - env(safe-area-inset-top));max-height:calc(100vh - 60px - env(safe-area-inset-top))}.notif-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}}@keyframes workspaceStatusBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.92)}}.topbar-left,.topbar-right,.mobile-title,.page-title-block,.user-info{min-width:0}.topbar-right{justify-content:flex-end}.notif-dropdown,.user-dropdown{max-width:min(420px,100vw - 24px)}.search-container{width:min(360px,32vw)}.user-btn{min-height:40px}.notifications-btn,.theme-toggle,.mobile-search-toggle,.toggle-btn{min-width:40px;min-height:40px}@media (max-width:768px){.topbar{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.topbar-left{flex:1;gap:10px;min-width:0}.topbar-right{gap:6px;min-width:auto}.mobile-title{min-width:0}.mobile-app-name,.mobile-page-name{max-width:100%}.notif-dropdown,.user-dropdown{width:100%;max-width:100%;left:0;right:0}.notifications-btn,.mobile-search-toggle,.user-btn,.toggle-btn.mobile{border-radius:10px;width:38px;height:38px}.user-btn{justify-content:center}.mobile-search-header{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-top:env(safe-area-inset-top,0px)}.mobile-search-content{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}}@media (max-width:480px){.topbar{padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px))}.mobile-title{gap:1px}.notifications-btn,.mobile-search-toggle,.user-btn,.toggle-btn.mobile{width:36px;height:36px}}:root{--shell-nav-start:#2563eb;--shell-nav-end:#0ea5e9;--shell-surface-start:#eff6ff;--shell-surface-end:#f0f9ff;--shell-glow:#0ea5e929}.layout{background:radial-gradient(circle at top right,var(--shell-glow),transparent 30%),linear-gradient(135deg,var(--shell-surface-start),var(--shell-surface-end));height:100vh;font-family:Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.main-content{background:0 0;flex-direction:column;flex:1;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:hidden}.content-area{background:0 0;flex:1;padding:20px;transition:all .3s;overflow-y:auto}.content-wrapper{width:100%;max-width:1400px;margin:0 auto;position:relative}.content-wrapper>.dashboard-page,.content-wrapper>.candidates-page,.content-wrapper>.drafts-page,.content-wrapper>.logs-page,.content-wrapper>.ecomprofile-page,.content-wrapper>.productpublish-page,.content-wrapper>.sourcing-container{background:0 0}[data-theme=dark]{--shell-nav-start:#2d2d2d;--shell-nav-end:#1a1a1a;--shell-surface-start:#111827;--shell-surface-end:#1a1a1a;--shell-glow:#818cf81f}[data-theme=dark] .main-content,[data-theme=dark] .content-area{background:0 0}.mobile-footer{text-align:center;background:linear-gradient(180deg,var(--shell-nav-start)0%,var(--shell-nav-end)100%);color:#ffffffd1;border-top:1px solid #ffffff2e;padding:16px;font-size:12px}[data-theme=dark] .mobile-footer{background:linear-gradient(180deg,var(--shell-nav-start)0%,var(--shell-nav-end)100%);color:#ffffffb8;border-top-color:#ffffff14}.sidebar-overlay{z-index:1000;cursor:pointer;background-color:#00000080;animation:.3s fadeIn;position:fixed;inset:0}[data-theme=dark] .sidebar-overlay{background-color:#000000b3}@media (max-width:768px){.content-area{padding:70px 16px 16px}.content-wrapper{padding-bottom:20px}.main-content{padding-top:0}}@media (max-width:480px){.content-area{padding:65px 12px 12px}}@media (min-width:769px) and (max-width:1024px){.content-area{padding:20px}}@media (max-width:768px) and (orientation:landscape){.content-area{padding-top:65px}}@media (hover:none) and (pointer:coarse){.sidebar-overlay:active{background-color:#0009}}@media (prefers-reduced-motion:reduce){.main-content,.sidebar-overlay{transition:none;animation:none}}.content-area::-webkit-scrollbar{width:8px;height:8px}.content-area::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.content-area::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-theme=dark] .content-area::-webkit-scrollbar-track{background:#2d2d2d}[data-theme=dark] .content-area::-webkit-scrollbar-thumb{background:#555}[data-theme=dark] .content-area::-webkit-scrollbar-thumb:hover{background:#666}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in}.layout{min-height:100vh;min-height:100dvh}.layout.is-desktop .main-content,.layout.is-mobile .main-content{min-width:0}.content-area{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px 24px 32px}.content-wrapper{max-width:1480px}.content-wrapper>*{min-width:0}.layout.is-mobile .content-area{padding-left:14px;padding-right:14px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.layout.is-mobile .content-wrapper{max-width:100%}.mobile-footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px)}.mobile-footer p{margin:0;line-height:1.4}.sidebar-overlay{-webkit-backdrop-filter:blur(4px)}@media (max-width:768px){.content-area{padding:14px;padding-top:calc(76px + env(safe-area-inset-top,0px));padding-bottom:24px}.content-wrapper{padding-bottom:8px}}@media (max-width:480px){.content-area{padding:12px;padding-top:calc(72px + env(safe-area-inset-top,0px))}.mobile-footer{font-size:11px}}@media (max-width:768px){.layout.is-mobile .content-area{padding-top:calc(76px + env(safe-area-inset-top,0px))!important}}@media (max-width:480px){.layout.is-mobile .content-area{padding-top:calc(72px + env(safe-area-inset-top,0px))!important}}*,:before,:after{box-sizing:border-box}.content-wrapper,.content-wrapper>*{min-width:0}.content-wrapper .candidates-table,.content-wrapper .queue-table-container,.content-wrapper .published-table-container,.content-wrapper .product-table-container,.content-wrapper .logs-list,.content-wrapper .table-wrapper,.content-wrapper [class*=table-container]{-webkit-overflow-scrolling:touch;overflow-x:auto}.content-wrapper .kpi-content,.content-wrapper .stat-content,.content-wrapper .candidate-info,.content-wrapper .log-message,.content-wrapper .item-title,.content-wrapper .summary-card,.content-wrapper .profile-section,.content-wrapper .detail-card{overflow-wrap:anywhere;min-width:0}.content-wrapper .btn-primary,.content-wrapper .refresh-page-btn,.content-wrapper .dashboard-page .time-range-toggle button.active,.content-wrapper .logs-page .auto-refresh-btn.active,.content-wrapper .sourcing-container .sourcing-header .header-btn.active,.content-wrapper .publish-banner .banner-action.primary,.content-wrapper .detail-action.primary{background:linear-gradient(135deg,var(--primary,#2563eb),var(--primary-dark,#0ea5e9));border-color:var(--primary,#2563eb);color:#fff}.content-wrapper .btn-primary:hover:not(:disabled),.content-wrapper .refresh-page-btn:hover:not(:disabled),.content-wrapper .dashboard-page .time-range-toggle button.active:hover,.content-wrapper .logs-page .auto-refresh-btn.active:hover,.content-wrapper .sourcing-container .sourcing-header .header-btn.active:hover,.content-wrapper .publish-banner .banner-action.primary:hover:not(:disabled),.content-wrapper .detail-action.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark,#0ea5e9),var(--primary,#2563eb));border-color:var(--primary-dark,#0ea5e9);color:#fff}.content-wrapper button,.content-wrapper .btn-secondary,.content-wrapper .btn-success,.content-wrapper .btn-sandbox,.content-wrapper .btn-helper,.content-wrapper .refresh-btn,.content-wrapper .auto-refresh-btn,.content-wrapper .export-btn,.content-wrapper .header-btn,.content-wrapper .banner-action,.content-wrapper .detail-action,.content-wrapper .pagination-btn,.content-wrapper .action-btn,.content-wrapper .icon-btn{transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s,color .2s}@media (hover:hover){.content-wrapper button:hover:not(:disabled),.content-wrapper .btn-secondary:hover:not(:disabled),.content-wrapper .btn-success:hover:not(:disabled),.content-wrapper .btn-sandbox:hover:not(:disabled),.content-wrapper .btn-helper:hover:not(:disabled),.content-wrapper .refresh-btn:hover:not(:disabled),.content-wrapper .auto-refresh-btn:hover:not(:disabled),.content-wrapper .export-btn:hover:not(:disabled),.content-wrapper .header-btn:hover:not(:disabled),.content-wrapper .banner-action:hover:not(:disabled),.content-wrapper .detail-action:hover:not(:disabled),.content-wrapper .pagination-btn:hover:not(:disabled),.content-wrapper .action-btn:hover:not(:disabled),.content-wrapper .icon-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}}@media (hover:none) and (pointer:coarse){.content-wrapper button:active:not(:disabled),.content-wrapper .btn-secondary:active:not(:disabled),.content-wrapper .btn-success:active:not(:disabled),.content-wrapper .btn-sandbox:active:not(:disabled),.content-wrapper .btn-helper:active:not(:disabled),.content-wrapper .refresh-btn:active:not(:disabled),.content-wrapper .auto-refresh-btn:active:not(:disabled),.content-wrapper .export-btn:active:not(:disabled),.content-wrapper .header-btn:active:not(:disabled),.content-wrapper .banner-action:active:not(:disabled),.content-wrapper .detail-action:active:not(:disabled),.content-wrapper .pagination-btn:active:not(:disabled),.content-wrapper .action-btn:active:not(:disabled),.content-wrapper .icon-btn:active:not(:disabled){transform:scale(.98)}}@media (min-width:769px){.dashboard-page,.candidates-page,.drafts-page,.logs-page,.ecomprofile-page,.productpublish-page,.sourcing-container{width:100%;max-width:none;margin:0}.dashboard-header,.page-header,.profile-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex;box-shadow:0 8px 24px #0f172a14}[data-theme=dark] .dashboard-header,[data-theme=dark] .page-header,[data-theme=dark] .profile-header{background:#2d2d2d}.dashboard-header-main,.page-header-main,.profile-header-main{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.dashboard-header-icon,.page-header-icon,.profile-header-icon{background:linear-gradient(135deg,var(--primary,#2563eb),var(--primary-dark,#0ea5e9));color:#fff;width:48px;height:48px;box-shadow:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-header-icon svg,.page-header-icon svg,.profile-header-icon svg{color:currentColor;font-size:24px}.dashboard-header-text,.page-header-text,.page-header-copy,.profile-header-text{min-width:0}.dashboard-header-text h1,.page-header h1,.profile-header h1,.page-header-copy h1{margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.15}.dashboard-header-text p,.dashboard-header-text .date-display,.page-header p,.page-header-copy p,.profile-header p{margin:0;font-size:14px;font-weight:400;line-height:1.4}.dashboard-header .time-range-toggle,.page-header .header-actions,.page-header .page-header-actions,.page-header .header-stats,.profile-header .header-actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;margin-left:auto;display:flex}.page-header .refresh-page-btn,.page-header .refresh-btn,.page-header .auto-refresh-btn,.page-header .export-btn,.page-header .header-btn,.dashboard-header .time-range-toggle button,.profile-header .header-actions button{border-radius:10px;min-height:42px}}.page-loading-shell,.loading-container{min-height:calc(100vh - 170px);text-align:center;justify-content:center;align-items:center;width:100%;min-height:calc(100dvh - 170px);padding:24px;display:flex}.page-loading-shell .loading-spinner,.loading-container .loading-spinner{isolation:isolate;background:radial-gradient(circle at 30% 30%,#fffffffa,#eff6ffeb);border:1px solid #2563eb14;border-radius:999px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;animation:1.8s ease-in-out infinite loadingSpinnerShellPulse;display:inline-flex;position:relative;box-shadow:0 16px 32px #0f172a14}.page-loading-shell .loading-spinner svg,.loading-container .loading-spinner svg{color:#2563eb;transform-origin:50%;filter:drop-shadow(0 2px 8px #2563eb2e);z-index:1;margin:auto;font-size:32px;line-height:1;display:block}.page-loading-shell .loading-spinner:before,.loading-container .loading-spinner:before{content:"";z-index:0;background:linear-gradient(#ffffff8c,#fff0);border:1px solid #2563eb14;border-radius:999px;position:absolute;inset:6px}[data-theme=dark] .page-loading-shell .loading-spinner,[data-theme=dark] .loading-container .loading-spinner{background:radial-gradient(circle at 30% 30%,#1f2937fa,#111827f0);border-color:#60a5fa1f;box-shadow:0 18px 36px #00000042}[data-theme=dark] .page-loading-shell .loading-spinner svg,[data-theme=dark] .loading-container .loading-spinner svg{color:#60a5fa;filter:drop-shadow(0 2px 8px #60a5fa33)}[data-theme=dark] .page-loading-shell .loading-spinner:before,[data-theme=dark] .loading-container .loading-spinner:before{background:linear-gradient(#ffffff14,#fff0);border-color:#60a5fa1a}@media (max-width:1024px){.dashboard-page,.candidates-page,.drafts-page,.productpublish-page,.logs-page,.ecomprofile-page,.sourcing-container{padding:16px}.dashboard-header,.page-header,.profile-header,.sourcing-header{gap:14px}.dashboard-header .time-range-toggle,.page-header .header-actions,.page-header .page-header-actions,.page-header .header-stats,.profile-header .header-actions,.sourcing-header .header-right{flex-wrap:wrap}}@media (max-width:768px){.page-loading-shell,.loading-container{min-height:calc(100vh - 120px);min-height:calc(100dvh - 120px);padding:20px}.dashboard-page,.candidates-page,.drafts-page,.productpublish-page,.logs-page,.ecomprofile-page,.sourcing-container{padding:0 14px 14px}.dashboard-header,.page-header,.profile-header,.sourcing-header{border-radius:12px;padding:16px}.dashboard-header,.page-header,.sourcing-header{flex-direction:column;align-items:flex-start}.dashboard-header-main,.page-header-main,.profile-header-main,.header-left{width:100%}.dashboard-header .time-range-toggle,.page-header .header-actions,.page-header .page-header-actions,.page-header .header-stats,.sourcing-header .header-right{justify-content:flex-start;width:100%}.sourcing-header .header-right{justify-content:center;align-items:center}.sourcing-header .header-btn{justify-content:center}.page-header .refresh-page-btn,.page-header .refresh-btn,.page-header .auto-refresh-btn,.page-header .export-btn,.page-header .header-btn,.page-header .mobile-filter-toggle,.page-header .banner-action,.dashboard-header .time-range-toggle button{min-height:44px}.topbar .notifications-btn,.topbar .mobile-search-toggle,.topbar .user-btn,.topbar .toggle-btn.mobile{width:40px;height:40px}.dashboard-page .time-range-toggle{width:100%;box-shadow:none;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;display:grid}.dashboard-page .time-range-toggle button{border-radius:10px;justify-content:center;min-height:44px;padding:10px 12px;font-size:13px;font-weight:600}.productpublish-page .page-header-actions{background:0 0;border:0;border-radius:0;width:100%;padding:0;display:flex}.productpublish-page .refresh-page-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:1px solid #2563eb;border-radius:10px;justify-content:center;width:100%;min-height:44px;padding:10px 12px;box-shadow:0 12px 26px #2563eb38}.logs-page .header-actions{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;padding:0;display:grid}.logs-page .refresh-btn,.logs-page .auto-refresh-btn,.logs-page .export-btn{color:#666;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;width:100%;min-height:44px;padding:10px 8px;font-size:13px;font-weight:600}.sourcing-container .sourcing-header .header-right{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:10px;width:100%;padding:0;display:grid}.sourcing-container .sourcing-header .header-btn{color:#666;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;width:100%;min-height:44px;padding:10px 12px;font-weight:600}.logs-page .auto-refresh-btn.active,.sourcing-container .sourcing-header .header-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 12px 26px #2563eb38}input,textarea,select,button{font-size:16px}}@media (max-width:480px){.page-loading-shell .loading-spinner,.loading-container .loading-spinner{width:64px;height:64px}.page-loading-shell .loading-spinner svg,.loading-container .loading-spinner svg{font-size:28px}.dashboard-page,.candidates-page,.drafts-page,.productpublish-page,.logs-page,.ecomprofile-page,.sourcing-container{padding:0 12px 12px}.dashboard-header,.page-header,.profile-header,.sourcing-header{padding:14px}.logs-page .header-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.logs-page .refresh-btn,.logs-page .auto-refresh-btn,.logs-page .export-btn{padding:9px 6px;font-size:12px}}@keyframes loadingSpinnerShellPulse{0%,to{transform:translateY(0)scale(1);box-shadow:0 16px 32px #0f172a14}50%{transform:translateY(-1px)scale(1.02);box-shadow:0 20px 36px #2563eb24}}@media (hover:hover){.dashboard-page .time-range-toggle button:hover,.productpublish-page .refresh-page-btn:hover,.logs-page .refresh-btn:hover,.logs-page .auto-refresh-btn:hover,.logs-page .export-btn:hover,.sourcing-container .sourcing-header .header-btn:hover{color:#0ea5e9;background:linear-gradient(135deg,#2563eb14,#0ea5e91f);border-color:#2563eb}.dashboard-page .time-range-toggle button.active:hover,.logs-page .auto-refresh-btn.active:hover,.sourcing-container .sourcing-header .header-btn.active:hover{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb)}}@media (max-width:768px){.dashboard-header,.page-header,.profile-header,.sourcing-header{box-sizing:border-box;width:100%;max-width:100%;overflow:visible}.dashboard-header-main,.page-header-main,.profile-header-main,.header-left{align-items:flex-start;min-width:0}.dashboard-header h1,.page-header h1,.profile-header h1{overflow-wrap:anywhere;line-height:1.2}.dashboard-header p,.page-header p,.profile-header p{overflow-wrap:anywhere}}