*{font-family:Inter,Segoe UI,Helvetica Neue,sans-serif}:root{--primary-bg:#fff;--secondary-bg:#f9f9f9;--primary-text:#111;--secondary-text:#555;--accent:#000;--accent-hover:#333;--border:#333;--border-focus:#fff;--input-bg:#ffffff0d;--input-text:#fff;--input-placeholder:#fff9;--shadow:#0000001f;--shadow-hover:#0003;--button-bg:#fff;--button-text:#000;--button-hover:#f0f0f0;--error-bg:#ff44441a;--error-border:#ff6b6b;--error-text:#ff6b6b}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--primary-bg);color:#111;color:var(--primary-text);line-height:1.6;margin:0;padding:0}#root{height:100%;width:100%}code{background-color:#f1f2f6;border-radius:4px;color:#e84118;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 4px}a{color:#000;color:var(--accent);transition:color .2s}a:hover{color:#333;color:var(--accent-hover)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#f1f2f6;border-radius:10px}::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#95a5a6}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpDelayed{0%{opacity:0;transform:translateY(30px)}30%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 #fff3}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 0 0 #fff0}}@keyframes borderPulse{0%{border-color:#333;border-color:var(--border)}50%{border-color:#fff;border-color:var(--border-focus)}to{border-color:#333;border-color:var(--border)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes buttonGlow{0%,to{box-shadow:0 0 15px 0 #fff0}50%{box-shadow:0 0 15px 5px #ffffff26}}.login-container{align-items:center;animation:fadeIn 1.2s ease-out;background-color:#fff;background-color:var(--primary-bg);display:flex;justify-content:center;min-height:100vh}.login-content{animation:fadeIn .8s ease-out;background-color:#000;border-radius:20px;box-shadow:0 8px 30px #0000001f;box-shadow:0 8px 30px var(--shadow);color:#fff;max-width:35%;min-width:420px;overflow:hidden;padding:40px;position:relative;transform:perspective(1000px) rotateX(0deg);transition:transform .5s ease,box-shadow .5s ease;width:100%}@media (max-width:768px){.login-content{max-width:90%;min-width:320px}}.login-content:before{animation:shimmer 8s linear infinite;background:linear-gradient(45deg,#0000,#ffffff08 50%,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.login-content:hover{box-shadow:0 15px 35px #0003;box-shadow:0 15px 35px var(--shadow-hover);transform:perspective(1000px) rotateX(2deg)}.login-header{animation:slideUp .7s ease-out;margin-bottom:35px;text-align:center}.login-title{color:#fff;display:inline-block;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;position:relative}.login-title:after{animation:borderPulse 3s infinite;background:linear-gradient(90deg,#0000,#fff,#0000);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:100%}.login-header p{animation:fadeIn 1s ease-out;transition:transform .3s ease}.login-header:hover p{transform:translateY(2px)}.login-form{animation:slideUpDelayed .9s ease-out forwards}.form-group{animation:fadeIn .5s ease-out forwards;margin-bottom:20px;opacity:0}.form-group:first-child{animation-delay:.2s}.form-group:nth-child(2){animation-delay:.4s}.input-row{align-items:center;background-color:#ffffff0d;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--border);border-radius:10px;display:flex;height:54px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.input-row:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.input-row:focus-within{border-color:#fff;border-color:var(--border-focus);box-shadow:0 0 0 2px #ffffff1a}.input-icon{align-items:center;background-color:initial;color:#fff9;color:var(--input-placeholder);display:flex;height:100%;justify-content:center;min-width:60px;transition:all .3s ease}.input-row:focus-within .input-icon,.input-row:hover .input-icon{animation:iconFloat 2s ease infinite;color:#ffffffe6}.form-control{background:#0000;border:none;color:#fff;color:var(--input-text);flex:1 1;font-size:16px;height:100%;padding:0 15px;transition:all .3s ease;width:100%}.form-control:focus{outline:none}.form-control::placeholder{color:#fff9;color:var(--input-placeholder);opacity:1;transition:opacity .3s ease,transform .3s ease}.form-control:focus::placeholder{opacity:.7;transform:translateX(5px)}.password-toggle{align-items:center;color:#fff9;color:var(--input-placeholder);cursor:pointer;display:flex;height:100%;justify-content:center;padding:0 20px;transition:all .3s ease}.password-toggle:hover{color:#ffffffe6;transform:scale(1.1)}.login-button{animation:fadeIn .5s ease-out .5s forwards,buttonGlow 3s 1s infinite;background-color:#fff;background-color:var(--button-bg);border:none;border-radius:10px;color:#000;color:var(--button-text);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.3px;margin-top:30px;opacity:0;overflow:hidden;padding:15px;position:relative;transition:all .4s ease;width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.login-button:hover{background-color:#f0f0f0;background-color:var(--button-hover);box-shadow:0 7px 15px #0003;transform:translateY(-3px)}.login-button:hover:before{left:100%}.login-button:active{box-shadow:0 3px 10px #0003;transform:translateY(0)}.login-message-container{animation:slideUp .5s ease-out forwards;background-color:#ff44441a;background-color:var(--error-bg);border-left:3px solid #ff6b6b;border-left:3px solid var(--error-border);border-radius:10px;margin-top:20px;opacity:0;padding:15px;transform:translateY(10px);transition:all .3s ease}.login-message{color:#ff6b6b;color:var(--error-text);font-size:14px;text-align:center}.app-button{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;outline:none;overflow:hidden;position:relative;text-align:center;transition:var(--transition-all);white-space:nowrap}.app-button.primary{background-color:var(--color-primary);color:var(--color-white)}.app-button.primary:hover{background-color:var(--color-gray-800);box-shadow:var(--shadow-md)}.app-button.secondary{background-color:var(--color-gray-200);color:var(--color-gray-800)}.app-button.secondary:hover{background-color:var(--color-gray-300)}.app-button.success{background-color:var(--color-success);color:var(--color-white)}.app-button.success:hover{background-color:#2c925f}.app-button.danger{background-color:var(--color-danger);color:var(--color-white)}.app-button.danger:hover{background-color:#ca4f4a}.app-button.info{background-color:var(--color-info);color:var(--color-white)}.app-button.info:hover{background-color:#3f69b3}.app-button.warning{background-color:var(--color-warning);color:var(--color-white)}.app-button.warning:hover{background-color:#dc9639}.app-button.text{background-color:initial;color:var(--color-primary);padding:var(--spacing-1) var(--spacing-2)}.app-button.text:hover{background-color:var(--color-gray-100)}.app-button.small{font-size:var(--font-size-sm);height:32px;padding:var(--spacing-1) var(--spacing-2)}.app-button.medium{font-size:var(--font-size-base);height:40px;padding:var(--spacing-2) var(--spacing-4)}.app-button.large{font-size:var(--font-size-lg);height:48px;padding:var(--spacing-3) var(--spacing-6)}.app-button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.app-button.with-icon{align-items:center;display:inline-flex}.button-icon{align-items:center;display:flex;margin-right:var(--spacing-2)}.app-button:after{background:#fff3;border-radius:50%;content:"";position:absolute;transform:scale(0);transition:transform .3s ease}.app-button:active:after{opacity:0;transform:scale(2);transition:0s}.app-button:focus{outline:2px solid #4a7bca80;outline-offset:2px}.app-button.icon-only{padding:var(--spacing-2);width:40px}.app-button.icon-only.small{padding:var(--spacing-1);width:32px}.app-button.icon-only.large{padding:var(--spacing-3);width:48px}.error-boundary{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;max-width:600px;padding:2rem;text-align:center}.error-boundary h1{color:#ef4444;margin-bottom:1rem}.error-boundary p{color:#4b5563;margin-bottom:2rem}.error-details{margin-top:2rem;text-align:left;width:100%}.error-details summary{background-color:#f9fafb;border-radius:.25rem;cursor:pointer;margin-bottom:.5rem;padding:.5rem}.error-details pre{background-color:#f3f4f6;border-radius:.25rem;color:#4b5563;font-size:.75rem;overflow-x:auto;padding:1rem}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:slideInUp .3s ease-out;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);max-width:600px;overflow:hidden;position:relative;width:100%}.modal-container.small{max-width:400px}.modal-container.medium{max-width:600px}.modal-container.large{max-width:800px}.modal-container.xlarge{max-width:1000px}.modal-container.fullscreen{border-radius:0;height:100vh;margin:0;max-width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-4)}.modal-title{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}.modal-close-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius);color:var(--color-gray-500);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:var(--spacing-1);transition:var(--transition-all);width:32px}.modal-close-button:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.modal-content{flex:1 1;overflow-y:auto;padding:var(--spacing-4)}.modal-footer{align-items:center;background-color:var(--color-gray-50);border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-4)}.modal-container.no-padding .modal-content{padding:0}.modal-container.primary .modal-header{background-color:var(--color-primary)}.modal-container.primary .modal-close-button,.modal-container.primary .modal-title{color:var(--color-white)}.modal-container.primary .modal-close-button:hover{background-color:#ffffff1a}.modal-container.danger .modal-header{background-color:var(--color-danger)}.modal-container.danger .modal-close-button,.modal-container.danger .modal-title{color:var(--color-white)}.modal-container.danger .modal-close-button:hover{background-color:#ffffff1a}@media (max-width:640px){.modal-container{margin:var(--spacing-2);max-height:calc(100vh - 4rem);max-width:100%}.modal-container.large,.modal-container.medium,.modal-container.small,.modal-container.xlarge{max-width:100%}.modal-content,.modal-footer,.modal-header{padding:var(--spacing-3)}.modal-overlay{padding:var(--spacing-2)}}.text-field-container{margin-bottom:var(--spacing-4);width:100%}.text-field-label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-2)}.text-field-input{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);color:var(--color-gray-900);font-size:var(--font-size-base);height:40px;line-height:1.5;outline:none;padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-all);width:100%}.text-field-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #4a7bca33}.text-field-input:hover:not(:focus):not(:disabled){border-color:var(--color-gray-400)}.text-field-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.text-field-input::placeholder{color:var(--color-gray-400)}.text-field-container.has-error .text-field-label{color:var(--color-danger)}.text-field-container.has-error .text-field-input{border-color:var(--color-danger)}.text-field-container.has-error .text-field-input:focus{box-shadow:0 0 0 2px #e15c5633}.text-field-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.text-field-input[type=number]{appearance:textfield;-moz-appearance:textfield}.text-field-input[type=number]::-webkit-inner-spin-button,.text-field-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-field-input.readonly,.text-field-input[readonly]{background-color:var(--color-gray-50);border-color:var(--color-gray-200);color:var(--color-gray-600)}.text-field-container.small .text-field-input{font-size:var(--font-size-sm);height:32px;padding:var(--spacing-1) var(--spacing-2)}.text-field-container.large .text-field-input{font-size:var(--font-size-lg);height:48px;padding:var(--spacing-3) var(--spacing-4)}.text-field-with-icon{position:relative}.text-field-icon{align-items:center;color:var(--color-gray-500);display:flex;height:20px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:20px}.text-field-icon-left{left:var(--spacing-3)}.text-field-with-icon-left .text-field-input{padding-left:calc(var(--spacing-3)*2 + 20px)}.text-field-icon-right{right:var(--spacing-3)}.text-field-with-icon-right .text-field-input{padding-right:calc(var(--spacing-3)*2 + 20px)}.alias-prompt-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.alias-prompt-container{animation:fadeIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;max-width:500px;padding:35px;text-align:center;width:90%}.alias-prompt-container h2{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:15px;margin-top:0}.alias-prompt-intro{color:#555;font-size:16px;line-height:1.6;margin-bottom:25px}.alias-form{gap:20px}.alias-form,.alias-input-group{display:flex;flex-direction:column}.alias-input-group{text-align:left}.alias-input-group label{color:#2c3e50;font-size:16px;font-weight:700;margin-bottom:10px}.alias-input{border:2px solid #3498db;border-radius:25px;font-size:16px;padding:14px;transition:all .3s;width:100%}.alias-input:focus{border-color:#2980b9;box-shadow:0 0 0 3px #3498db4d;outline:none}.alias-submit-button{background-color:#3498db;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:14px 20px;transition:background-color .3s ease}.alias-submit-button:hover:not(:disabled){background-color:#2980b9}.alias-submit-button:disabled{background-color:#95a5a6;cursor:not-allowed}.alias-error-message{background-color:#fadbd8;border-left:4px solid #e74c3c;border-radius:8px;color:#c0392b;font-size:14px;margin-bottom:20px;padding:15px;text-align:left}@media (max-width:768px){.alias-prompt-container{padding:25px;width:95%}.alias-prompt-container h2{font-size:24px}.alias-input,.alias-input-group label,.alias-prompt-intro{font-size:14px}.alias-input{padding:12px}.alias-submit-button{font-size:14px;padding:12px 16px}}.loading-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-container{animation:scaleIn .3s ease;background-color:#fff;background-color:var(--color-white,#fff);border-radius:8px;border-radius:var(--border-radius-lg,8px);box-shadow:0 10px 25px -5px #0003;box-shadow:var(--shadow-lg,0 10px 25px -5px #0003);max-width:350px;padding:20px 24px;padding:var(--spacing-5,20px) var(--spacing-6,24px);text-align:center;width:100%}.loading-text{color:#1f2937;color:var(--color-gray-800,#1f2937);font-size:18px;font-size:var(--font-size-lg,18px);font-weight:500;margin-bottom:0}@media (max-width:768px){.loading-container{max-width:85%;padding:16px;padding:var(--spacing-4,16px)}.loading-text{font-size:16px;font-size:var(--font-size-base,16px)}}.home-page{align-items:center;background-color:var(--color-gray-100);min-height:100vh}.content-container,.home-page{display:flex;justify-content:center}.content-container{max-width:1000px;padding:var(--spacing-4);width:100%}.home-menu-container{animation:fadeIn .5s ease;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:800px;overflow:hidden;width:100%}.home-menu-header{background-color:var(--color-primary);padding:var(--spacing-6) var(--spacing-6) var(--spacing-3);text-align:center}.cloudex-title{color:var(--color-white);font-size:var(--font-size-4xl);font-weight:700;letter-spacing:2px;margin:0}.subtitle{color:var(--color-black-200);font-family:Poppins,sans-serif;font-size:var(--font-size-xl);font-weight:600;letter-spacing:1px;margin:var(--spacing-2) 0 var(--spacing-5);text-align:center}.user-info{background-color:var(--color-gray-800);padding:var(--spacing-2) var(--spacing-6);text-align:right}.user-info p{color:var(--color-white);font-family:Poppins,sans-serif;font-size:var(--font-size-sm);font-weight:700;margin:0;text-align:center}.menu-content-wrapper{padding:var(--spacing-6)}.menu-options{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:var(--spacing-6)}.menu-option-button{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:var(--color-gray-800);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:500;height:100px;justify-content:center;padding:var(--spacing-4);text-align:center;transition:all .2s ease}.menu-option-button:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-3px)}.menu-option-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.menu-option-button.disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.5}.menu-option-button.disabled:hover{border-color:var(--color-gray-200);box-shadow:var(--shadow-sm);color:var(--color-gray-800);transform:none}.menu-option-button.admin-button{background-color:var(--color-gray-800);color:var(--color-white)}.menu-option-button.admin-button:hover{background-color:var(--color-primary)}.logout-button{background-color:var(--color-danger);border:none;border-radius:var(--border-radius);color:var(--color-white);cursor:pointer;display:block;font-size:var(--font-size-base);margin-top:var(--spacing-4);padding:var(--spacing-3);transition:var(--transition-colors);width:100%}.logout-button:hover{background-color:#ca4f4a}.session-error-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.session-error-container{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--spacing-6);text-align:center;width:90%}.session-error-container h3{color:var(--color-danger);margin-bottom:var(--spacing-3)}.session-error-button{background-color:var(--color-danger);border:none;border-radius:var(--border-radius);color:var(--color-white);cursor:pointer;margin-top:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-colors)}.session-error-button:hover{background-color:#ca4f4a}@media (max-width:768px){.menu-options{gap:var(--spacing-3);grid-template-columns:1fr}.menu-option-button{height:80px}.home-menu-header{padding:var(--spacing-4)}.cloudex-title{font-size:var(--font-size-3xl)}}.page-container{background-color:var(--color-gray-50);display:flex;flex-direction:column;min-height:100vh}.page-container.centered{align-items:center;justify-content:center}.page-container.full-width{max-width:100%;width:100%}.page-container.with-sidebar{display:grid;grid-template-columns:250px 1fr;grid-template-rows:1fr}@media (max-width:768px){.page-container.with-sidebar{grid-template-columns:1fr}}.page-header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);justify-content:space-between;margin-bottom:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6)}.page-header,.page-header-left{align-items:center;display:flex}.page-header-left{gap:var(--spacing-4)}.back-button{align-items:center;color:var(--color-gray-600);display:flex;text-decoration:none;transition:var(--transition-colors)}.back-button:hover,.page-title{color:var(--color-primary)}.page-title{font-size:var(--font-size-2xl);font-weight:600;margin:0}.page-header-actions{align-items:center;display:flex;gap:var(--spacing-3)}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}.page-header-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:var(--spacing-2);width:100%}}.page-content{flex:1 1;margin:0 auto;max-width:1280px;padding:var(--spacing-4) var(--spacing-6);width:100%}.page-content.no-padding{padding:0}.page-content.narrow{max-width:768px}.page-content.wide{max-width:1440px}.page-content.full-width{max-width:none}@media (max-width:768px){.page-content{padding:var(--spacing-3) var(--spacing-4)}}.search-bar-container{align-items:center;display:flex;max-width:500px;position:relative;width:100%}.search-bar-input{background-color:#fff;background-color:var(--color-white,#fff);border:1px solid #d1d5db;border:1px solid var(--color-gray-300,#d1d5db);border-radius:4px;border-radius:var(--border-radius,4px);color:#1f2937;color:var(--color-gray-900,#1f2937);font-size:14px;font-size:var(--font-size-base,14px);height:40px;line-height:1.5;outline:none;padding:8px 12px;padding:var(--spacing-2,8px) var(--spacing-3,12px);transition:all .2s ease-in-out;transition:var(--transition-all,all .2s ease-in-out);width:100%}.search-bar-input::placeholder{color:#6b7280;color:var(--color-gray-500,#6b7280);opacity:1}.search-bar-input:focus{border-color:#4a7bca;border-color:var(--color-accent,#4a7bca);box-shadow:0 0 0 2px #4a7bca33}.search-bar-input:hover:not(:focus):not(:disabled){border-color:#9ca3af;border-color:var(--color-gray-400,#9ca3af)}.search-bar-input:disabled{background-color:#f3f4f6;background-color:var(--color-gray-100,#f3f4f6);color:#6b7280;color:var(--color-gray-500,#6b7280);cursor:not-allowed}.search-bar-button{background-color:#2563eb;background-color:var(--color-primary,#2563eb);border:none;border-radius:4px;border-radius:var(--border-radius,4px);color:#fff;color:var(--color-white,#fff);cursor:pointer;font-size:12px;font-size:var(--font-size-sm,12px);margin-left:8px;margin-left:var(--spacing-2,8px);padding:8px 12px;padding:var(--spacing-2,8px) var(--spacing-3,12px);transition:all .2s ease-in-out;transition:var(--transition-all,all .2s ease-in-out);white-space:nowrap}.search-bar-button:hover{background-color:#1f2937;background-color:var(--color-gray-800,#1f2937)}.search-bar-button:disabled{cursor:not-allowed;opacity:.7}.search-bar-container.small .search-bar-input{font-size:12px;font-size:var(--font-size-sm,12px);height:32px;padding:4px 8px;padding:var(--spacing-1,4px) var(--spacing-2,8px)}.search-bar-container.small .search-bar-button{font-size:10px;font-size:var(--font-size-xs,10px);padding:4px 8px;padding:var(--spacing-1,4px) var(--spacing-2,8px)}.search-bar-container.large .search-bar-input{font-size:16px;font-size:var(--font-size-lg,16px);height:48px;padding:12px 16px;padding:var(--spacing-3,12px) var(--spacing-4,16px)}.search-bar-container.large .search-bar-button{font-size:14px;font-size:var(--font-size-base,14px);padding:12px 16px;padding:var(--spacing-3,12px) var(--spacing-4,16px)}.search-bar-container.rounded .search-bar-button,.search-bar-container.rounded .search-bar-input{border-radius:9999px;border-radius:var(--border-radius-full,9999px)}.checkbox-container{align-items:center;cursor:pointer;display:flex;margin-bottom:var(--spacing-2);position:relative}.checkbox-input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-label{color:var(--color-gray-700);cursor:pointer;display:inline-block;font-size:var(--font-size-sm);line-height:20px;padding-left:28px;position:relative;-webkit-user-select:none;user-select:none}.checkbox-label:before{background-color:var(--color-white);border:2px solid var(--color-gray-400);border-radius:var(--border-radius-sm);content:"";height:18px;left:0;position:absolute;top:0;transition:all .2s ease-in-out;width:18px}.checkbox-input:checked+.checkbox-label:before{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-input:focus+.checkbox-label:before{box-shadow:0 0 0 2px #4a7bca33}.checkbox-input:checked+.checkbox-label:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:3px;transform:rotate(45deg);width:6px}.checkbox-input:disabled+.checkbox-label{color:var(--color-gray-400);cursor:not-allowed}.checkbox-input:disabled+.checkbox-label:before{background-color:var(--color-gray-100);border-color:var(--color-gray-300)}.checkbox-input:checked:disabled+.checkbox-label:before{background-color:var(--color-gray-300);border-color:var(--color-gray-300)}.checkbox-label:hover:before{border-color:var(--color-gray-500)}.checkbox-input:disabled+.checkbox-label:hover:before{border-color:var(--color-gray-300)}.checkbox-container.small .checkbox-label{font-size:var(--font-size-xs);line-height:16px;padding-left:22px}.checkbox-container.small .checkbox-label:before{height:14px;width:14px}.checkbox-container.small .checkbox-input:checked+.checkbox-label:after{height:8px;left:5px;top:2px;width:5px}.checkbox-container.large .checkbox-label{font-size:var(--font-size-base);line-height:24px;padding-left:34px}.checkbox-container.large .checkbox-label:before{height:22px;width:22px}.checkbox-container.large .checkbox-input:checked+.checkbox-label:after{height:12px;left:8px;top:4px;width:7px}.status-badge{align-items:center;border-radius:12px;border-radius:var(--border-radius-full,12px);display:inline-flex;font-size:12px;font-size:var(--font-size-xs,12px);font-weight:600;justify-content:center;letter-spacing:.5px;padding:4px 8px;padding:var(--spacing-1,4px) var(--spacing-2,8px);text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.status-badge.small{font-size:10px;padding:2px 6px}.status-badge.medium{font-size:12px;padding:4px 8px}.status-badge.large{font-size:14px;padding:6px 12px}.status-badge.default{background-color:#f8f9fa;background-color:var(--color-gray-200,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--color-gray-300,#dee2e6);color:#6c757d;color:var(--color-gray-700,#6c757d)}.status-badge.success{background-color:#34aa7526;border:1px solid #34aa754d;color:#27ae60;color:var(--color-success,#27ae60)}.status-badge.warning{background-color:#f5a54026;border:1px solid #f5a5404d;color:#f39c12;color:var(--color-warning,#f39c12)}.status-badge.error{background-color:#e15c5626;border:1px solid #e15c564d;color:#e74c3c;color:var(--color-danger,#e74c3c)}.status-badge.info{background-color:#4a7bca26;border:1px solid #4a7bca4d;color:#3498db;color:var(--color-info,#3498db)}.status-badge.delivered{background-color:#d5f4e6;border:1px solid #a8e6c7;color:#27ae60}.status-badge.ready-to-ship{background-color:#fff3cd;border:1px solid #fde68a;color:#f39c12}.status-badge.in-transit{background-color:#cce5ff;border:1px solid #a3d2ff;color:#3498db}.status-badge.cancelled{background-color:#f8d7da;border:1px solid #f1aeb5;color:#e74c3c}.status-badge.returned{background-color:#ffeaa7;border:1px solid #fdcb6e;color:#d63031}.status-badge.with-icon{padding-left:4px;padding-left:var(--spacing-1,4px)}.status-badge-icon{align-items:center;display:flex;margin-right:4px;margin-right:var(--spacing-1,4px)}.status-badge.pulsating{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 #34aa7566}70%{box-shadow:0 0 0 6px #34aa7500}to{box-shadow:0 0 0 0 #34aa7500}}.status-badge.active{background-color:#34aa7526;border:1px solid #34aa754d;color:#27ae60;color:var(--color-success,#27ae60)}.status-badge.inactive{background-color:#e15c5626;border:1px solid #e15c564d;color:#e74c3c;color:var(--color-danger,#e74c3c)}.status-badge.pending{background-color:#f5a54026;border:1px solid #f5a5404d;color:#f39c12;color:var(--color-warning,#f39c12)}.status-badge.processing{background-color:#4a7bca26;border:1px solid #4a7bca4d;color:#3498db;color:var(--color-info,#3498db)}.status-badge:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}@media (max-width:768px){.status-badge{font-size:10px;padding:2px 6px}.status-badge.large{font-size:12px;padding:4px 8px}}.data-table-container{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4);overflow-x:auto;width:100%}.data-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.data-table-header{background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-700);font-weight:600;padding:var(--spacing-3) var(--spacing-4);text-align:left;white-space:nowrap}.data-table-header.sortable{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.data-table-header.sortable:hover{background-color:var(--color-gray-100)}.sort-icon{color:var(--color-gray-500);display:inline-block;font-size:.75rem;margin-left:var(--spacing-1)}.data-table-row{border-bottom:1px solid var(--color-gray-200);transition:var(--transition-all)}.data-table-row:last-child{border-bottom:none}.data-table-row:hover{background-color:var(--color-gray-50)}.data-table-row.clickable{cursor:pointer}.data-table-row.clickable:hover{background-color:#4a7bca0d}.data-table-row.clickable:active{background-color:#4a7bca1a}.data-table-cell{color:var(--color-gray-800);padding:var(--spacing-3) var(--spacing-4);vertical-align:middle}.no-data-message{background-color:var(--color-gray-50);color:var(--color-gray-500);font-style:italic;padding:var(--spacing-6);text-align:center}.data-table-row.active{background-color:#34aa750d}.data-table-row.inactive{opacity:.7}.data-table-row.highlighted{background-color:#4a7bca1a}.data-table-row.selected{background-color:#4a7bca26}.data-table-row.selected:hover{background-color:#4a7bca33}.data-table-cell.align-right{text-align:right}.data-table-cell.align-center{text-align:center}.data-table-cell.numeric{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.data-table-cell.actions{text-align:right;white-space:nowrap;width:120px}@media (max-width:768px){.data-table-cell,.data-table-header{padding:var(--spacing-2)}.data-table{font-size:var(--font-size-xs)}}.custom-prompt-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.custom-prompt-container{animation:promptFadeIn .3s ease;background-color:#333;border-radius:10px;box-shadow:0 10px 20px #0000004d;max-width:8000px;overflow:hidden;width:95%}.custom-prompt-header{align-items:center;background-color:#444;border-bottom:1px solid #555;display:flex;justify-content:center;padding:12px 15px}.custom-prompt-logo{border-radius:4px;height:24px;margin-right:10px;width:24px}.custom-prompt-url{color:#ccc;font-size:14px}.custom-prompt-content{padding:20px}.custom-prompt-title{color:#fff;font-size:16px;font-weight:400;margin:0 0 20px;text-align:center}.custom-prompt-input{background-color:#222;border:1px solid #3498db;border-radius:4px;box-sizing:border-box;color:#fff;font-size:14px;margin-bottom:20px;outline:none;padding:12px;width:100%}.custom-prompt-input:focus{border-color:#2980b9;box-shadow:0 0 0 2px #3498db4d}.custom-prompt-actions{display:flex;gap:10px;justify-content:flex-end}.custom-prompt-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 25px;transition:all .2s ease}.cancel-button{background-color:#666;color:#fff}.cancel-button:hover{background-color:#7f8c8d}.confirm-button{background-color:#3498db}.confirm-button:hover{background-color:#2980b9}@keyframes promptFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.custom-prompt-container{width:95%}.custom-prompt-actions{flex-direction:column}.custom-prompt-button{padding:12px;width:100%}.confirm-button{order:-1}}.bulk-discount-modal{z-index:1050}.bulk-discount-content{max-height:70vh;overflow-y:auto;padding:20px}.confirmation-section{text-align:center}.warning-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:20px;padding:20px}.warning-message h3,.warning-message p{color:#856404;margin-bottom:15px}.warning-message p{font-size:16px}.products-preview{background-color:#f8f9fa;border-radius:6px;margin:20px 0;max-height:200px;overflow-y:auto;padding:15px}.product-preview-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.product-preview-item:last-child{border-bottom:none}.product-id{color:#495057;font-weight:700;min-width:120px}.product-title{color:#6c757d;flex:1 1;margin:0 15px;text-align:left}.product-price{color:#28a745;font-weight:700;min-width:200px;text-align:right}.more-products{color:#6c757d;font-style:italic;padding:10px 0;text-align:center}.processing-section{padding:20px 0;text-align:center}.progress-bar{background-color:#e9ecef;height:20px;margin:20px 0;overflow:hidden;width:100%}.progress-fill{background-color:#f59e0b;height:100%;transition:width .3s ease}.progress-text{color:#495057;font-size:18px;margin-bottom:10px}.processing-status{color:#6c757d;font-size:14px}.results-section{padding:20px 0}.results-summary{background-color:#f8f9fa;border-radius:8px;display:flex;justify-content:space-around;margin:20px 0;padding:20px}.summary-item{border-radius:8px;min-width:100px;padding:15px;text-align:center}.summary-item.success{background-color:#d1edff;border:1px solid #b8daff}.summary-item.warning{background-color:#fff3cd;border:1px solid #ffeaa7}.summary-item.error{background-color:#f8d7da;border:1px solid #f1aeb5}.summary-item.total{background-color:#e2e3e5;border:1px solid #d1d3d4}.summary-number{display:block;font-size:24px;font-weight:700;margin-bottom:5px}.summary-label{font-weight:700}.results-details{margin-top:30px}.results-list{border:1px solid #dee2e6;border-radius:6px;max-height:300px;overflow-y:auto}.result-item{align-items:center;border-bottom:1px solid #dee2e6;display:flex;padding:12px 15px}.result-item:last-child{border-bottom:none}.result-item.success{background-color:#d4edda}.result-item.warning{background-color:#fff3cd}.result-item.error{background-color:#f8d7da}.result-product-id{color:#495057;font-weight:700;min-width:120px}.result-message{color:#495057;flex:1 1;margin:0 15px}.result-status{font-size:18px;min-width:30px;text-align:center}.logs-section{border-top:1px solid #dee2e6;margin-top:30px;padding-top:20px}.logs-header{margin-bottom:15px}.toggle-logs-button{border:1px solid #dee2e6;color:#495057;font-size:14px;padding:5px 15px}.toggle-logs-button:hover{background-color:#f8f9fa}.logs-container{border-radius:6px;font-family:Courier New,monospace;font-size:14px;max-height:300px;padding:15px}.log-item{border-bottom:1px solid #ffffff1a;padding:4px 0}.log-item:last-child{border-bottom:none}.log-timestamp{font-weight:700}.log-message{color:#f7fafc}.log-item.success .log-message{color:#68d391}.log-item.warning .log-message{color:#fbd38d}.log-item.error .log-message{color:#fc8181}.bulk-discount-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}@media (max-width:768px){.bulk-discount-content{padding:15px}.results-summary{flex-direction:column;gap:10px}.summary-item{margin-bottom:10px}.product-preview-item{align-items:flex-start;flex-direction:column;gap:5px}.product-title{margin:5px 0}}.discount-list{display:flex;flex-direction:column;height:100%;width:100%}.discount-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-buttons{display:flex;gap:12px}.search-container{align-items:center;display:flex;gap:16px;margin-bottom:20px}.discount-search-bar{flex:1 1;min-width:0}.filter-controls{gap:16px}.active-filter,.filter-controls,.no-discount-filter{align-items:center;display:flex;white-space:nowrap}.bulk-editor-button{white-space:nowrap}.export-dropdown{position:relative}.export-options{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;margin-top:8px;min-width:120px;position:absolute;right:0;top:100%;z-index:10}.export-options button{background:none;border:none;cursor:pointer;display:block;padding:8px 12px;text-align:left;width:100%}.export-options button:hover{background-color:#f5f5f5}.products-table-container{border:1px solid #ddd;border-radius:4px;flex:1 1;min-height:300px;overflow:auto}.status-active{color:#2e7d32}.status-paused{color:#ed6c02}.paused-indicator{color:#ed6c02;font-style:italic}@media (max-width:768px){.search-container{align-items:stretch;flex-direction:column}.discount-search-bar,.filter-controls{margin-bottom:10px}.filter-controls{flex-direction:row;gap:12px;justify-content:space-around}.bulk-editor-button{margin-bottom:10px}.header-buttons{flex-wrap:wrap}}@media (max-width:480px){.filter-controls{align-items:stretch;flex-direction:column;gap:8px}.active-filter,.no-discount-filter{justify-content:center}}.select-field-container{margin-bottom:var(--spacing-4);width:100%}.select-field-label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-2)}.select-field-select{appearance:none;background-color:var(--color-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);color:var(--color-gray-900);font-size:var(--font-size-base);height:40px;line-height:1.5;outline:none;padding:var(--spacing-2) var(--spacing-3);padding-right:36px;transition:var(--transition-all);width:100%}.select-field-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #4a7bca33}.select-field-select:hover:not(:focus):not(:disabled){border-color:var(--color-gray-400)}.select-field-select:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.select-field-select option{padding:var(--spacing-2) var(--spacing-3)}.required-mark{margin-left:var(--spacing-1)}.required-mark,.select-field-container.has-error .select-field-label{color:var(--color-danger)}.select-field-container.has-error .select-field-select{border-color:var(--color-danger)}.select-field-container.has-error .select-field-select:focus{box-shadow:0 0 0 2px #e15c5633}.select-field-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.select-field-container.small .select-field-select{font-size:var(--font-size-sm);height:32px;padding:var(--spacing-1) var(--spacing-2)}.select-field-container.large .select-field-select{font-size:var(--font-size-lg);height:48px;padding:var(--spacing-3) var(--spacing-4)}.select-field-select optgroup{color:var(--color-gray-600);font-weight:600}.update-notification-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1200}.update-notification-container{animation:modalIn .3s ease;background-color:#fff;border-radius:16px;box-shadow:0 5px 20px #0000004d;max-width:480px;overflow:hidden;width:90%}.update-notification-header{align-items:center;display:flex;justify-content:space-between;padding:16px 20px}.update-notification-header h3{font-size:18px;font-weight:600;margin:0}.update-notification-header.success{background-color:#e3f2fd;border-bottom:1px solid #bbdefb;color:#0d47a1}.update-notification-header.warning{background-color:#fff3e0;border-bottom:1px solid #ffcc80;color:#e65100}.update-notification-header.error{background-color:#f8d7da;border-bottom:1px solid #f5c6cb;color:#721c24}.update-notification-close{background:none;border:none;color:inherit;cursor:pointer;font-size:24px;line-height:1}.update-notification-content{padding:24px 20px}.update-message-container{align-items:center;border-radius:10px;display:flex;gap:15px;padding:15px}.update-message-container.success{background-color:#f1f8e9;border-left:4px solid #7cb342}.update-message-container.warning{background-color:#fffde7;border-left:4px solid #ffc107}.update-message-container.error{background-color:#fff5f5;border-left:4px solid #e53e3e}.error-icon-container,.update-icon-container,.warning-icon-container{flex-shrink:0}.error-icon,.update-icon,.warning-icon{height:32px;width:32px}.update-icon-circle{fill:#7cb342;stroke:none}.update-icon-check{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18;stroke-dashoffset:18;animation:checkmark .5s ease-in-out forwards;animation-delay:.2s}.warning-icon-circle{fill:#ffc107;stroke:none}.warning-icon-exclamation{fill:#fff;font-family:Arial,sans-serif;font-size:18px;font-weight:700}.error-icon-circle{fill:#e53e3e;stroke:none}.error-icon-x{stroke:#fff;stroke-width:2}.update-message{flex:1 1;font-size:14px;line-height:1.5;margin:0}.update-message-container.success .update-message{color:#33691e}.update-message-container.warning .update-message{color:#e65100}.update-message-container.error .update-message{color:#742a2a}.update-notification-actions{padding:16px 20px 20px;text-align:center}.update-notification-button{border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:700;min-width:150px;padding:12px 30px;transition:all .2s}.update-notification-button.success{background-color:#1976d2;color:#fff}.update-notification-button.success:hover{background-color:#1565c0;box-shadow:0 4px 8px #1976d233;transform:translateY(-2px)}.update-notification-button.warning{background-color:#ffc107;color:#333}.update-notification-button.warning:hover{background-color:#ffb300;box-shadow:0 4px 8px #ffc1074d;transform:translateY(-2px)}.update-notification-button.error{background-color:#dc3545;color:#fff}.update-notification-button.error:hover{background-color:#c82333;box-shadow:0 4px 8px #dc354533;transform:translateY(-2px)}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{stroke-dashoffset:18}to{stroke-dashoffset:0}}@media (max-width:480px){.update-notification-container{width:95%}.update-message-container{flex-direction:column;text-align:center}.update-message{margin-top:10px}}.price-optimization-dialog{box-shadow:0 10px 25px #00000026;max-width:900px}.price-optimization-content{display:flex;flex-direction:column;gap:25px;padding:25px}.current-price-info{border-bottom:1px solid #e2e8f0;margin-bottom:5px;padding-bottom:15px}.current-price-info p{color:#2c3e50;font-size:16px;margin:0}.optimization-options{display:flex;flex-direction:column;gap:30px}.shared-campaign-section{animation:fadeIn .4s ease;background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px}.campaign-option{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;overflow:hidden}.campaign-header{background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:15px 20px}.campaign-header h4{color:#1e3a8a;font-size:16px;margin:0 0 5px}.campaign-dates{color:#64748b;font-size:13px}.campaign-stats{padding:20px}.comparison-table{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.comparison-header{background-color:#f1f5f9;color:#334155;font-weight:600;padding:12px 15px}.comparison-header,.comparison-row{border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:1fr 1fr 1fr}.comparison-row{padding:10px 15px}.comparison-row:nth-child(odd){background-color:#f8fafc}.comparison-row:last-child{border-bottom:none}.result-row{background-color:#f8fafc!important;color:#0f172a;font-weight:700}.profit-difference-section{border-top:1px solid #e2e8f0;font-size:16px;padding:15px 20px;text-align:center}.profit-difference-section.better{background-color:#f0fdf4;color:#166534}.action-section{border-top:1px solid #e2e8f0;padding:15px 20px;text-align:center}.apply-campaign-button,.apply-optimal-price-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;min-width:250px;padding:12px 24px;transition:all .3s ease}.apply-campaign-button:hover,.apply-optimal-price-button:hover{background-color:#2563eb;box-shadow:0 4px 12px #2563eb33;transform:translateY(-2px)}.regular-optimization-section{animation:fadeIn .4s ease .1s both;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px}.regular-optimization-section h3{border-bottom:1px solid #e2e8f0;color:#334155;font-size:18px;margin:0 0 20px;padding-bottom:10px;position:relative}.price-calculation-details{display:flex;flex-direction:column;gap:25px}.price-comparison{grid-gap:15px;background-color:#f8fafc;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);padding:15px}.comparison-item{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:10px 15px}.comparison-label{color:#64748b;font-size:14px;font-weight:500}.comparison-value{color:#334155;font-size:15px;font-weight:600}.improvement .comparison-value{color:#16a34a}.optimization-explanation{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:20px}.optimization-explanation h4{color:#334155;font-size:16px;margin:0 0 15px}.optimization-explanation ul{margin:0;padding-left:20px}.optimization-explanation li{color:#334155;line-height:1.5;margin-bottom:10px}.optimization-explanation li strong{color:#0f172a}@media (max-width:768px){.price-optimization-content{gap:15px;padding:15px}.price-comparison{grid-template-columns:1fr}.apply-campaign-button,.apply-optimal-price-button{min-width:0;min-width:auto;width:100%}}.product-editor-modal{max-width:800px;width:100%}.product-editor-error{padding:20px;text-align:center}.product-editor-error h3{color:#e53e3e;margin-bottom:15px}.error-message{background-color:#fff5f5;border-left:4px solid #e53e3e;margin-bottom:20px;padding:10px 15px}.editor-content{width:100%}.compact-layout{display:flex;flex-direction:column;gap:20px}.top-panel{display:flex;flex-wrap:wrap;gap:20px}.product-info-section{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 5px #0000000d;flex:1 1;min-width:300px;padding:15px;transition:all .3s ease}.product-info-section:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.info-header{justify-content:space-between;margin-bottom:15px}.id-section,.info-header{align-items:center;display:flex}.id-section{gap:10px}.id-section label{color:#4a5568;font-weight:600}.stock-section{align-items:center;display:flex;gap:10px}.stock-section label{color:#4a5568;font-weight:600}.stock-input{width:80px}.product-details{display:flex;flex-direction:column;gap:12px}.product-title-row{align-items:flex-start;display:flex;gap:10px}.product-title-row label{color:#4a5568;flex-shrink:0;font-weight:600}.product-title-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.product-meta-row{align-items:center;display:flex;justify-content:space-between}.product-status{align-items:center;display:flex;gap:8px}.product-status label{color:#4a5568;font-weight:600}.product-thumbnail{align-items:center;display:flex;flex-direction:column;gap:5px}.product-thumbnail img{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;height:60px;object-fit:contain;transition:all .3s ease;width:60px}.product-thumbnail img:hover{box-shadow:0 3px 8px #00000026;transform:scale(1.1)}.view-link{color:#3182ce;font-size:12px}.price-config-section{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 5px #0000000d;flex:1 1;min-width:300px;padding:15px;transition:all .3s ease}.price-config-section:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.price-header{margin-bottom:15px}.price-header h3{color:#2d3748;font-size:16px;margin:0;padding-bottom:8px;position:relative}.price-header h3:after{background-color:#4a6da7;bottom:0;content:"";height:2px;left:0;position:absolute;width:50px}.price-main-row{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.base-price-container{align-items:center;display:flex;flex:2 1;gap:10px}.base-price-container label{color:#4a5568;font-weight:600;min-width:120px}.base-price-input{flex:1 1;width:100%}.promo-toggle{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.promo-config{animation:fadeIn .3s ease;border-top:1px solid #e2e8f0;flex-direction:column;padding-top:15px}.promo-config,.promo-config-row{display:flex;gap:15px}.promo-column{display:flex;flex:1 1;flex-direction:column;gap:5px}.promo-column label{color:#4a5568;font-size:13px;font-weight:600}.compact-input,.compact-select{width:100%}.price-input-with-indicator{align-items:center;display:flex;gap:8px;width:100%}.price-input-with-indicator .compact-input{flex:1 1}.price-not-optimal-indicator,.price-optimal-indicator{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;transition:all .3s ease;width:28px}.price-optimal-indicator{background-color:#48bb781a;color:#48bb78}.price-optimal-indicator:hover{background-color:#48bb7833;transform:scale(1.1)}.price-not-optimal-indicator{background-color:#e53e3e1a;color:#e53e3e}.price-not-optimal-indicator:hover{background-color:#e53e3e33;box-shadow:0 0 5px #e53e3e4d;transform:scale(1.1)}.calculator-section{border-radius:8px;overflow:hidden}.calculator-toggle{display:flex;justify-content:center;margin-bottom:10px}.toggle-calculator-button{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:8px 15px;transition:all .2s}.toggle-calculator-button:hover{background-color:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.calculator-content{animation:slideDown .3s ease;background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:15px}.calculator-content h3{color:#2d3748;font-size:16px;margin-bottom:15px;margin-top:0;padding-bottom:8px;position:relative}.calculator-content h3:after{background-color:#4a6da7;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.calculator-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(4,1fr)}.calc-item{display:flex;flex-direction:column;gap:5px}.calc-item label{color:#4a5568;font-size:13px;font-weight:600}.readonly{background-color:#edf2f7;border-color:#cbd5e0;color:#4a5568;cursor:not-allowed}.profit-item{position:relative}.profit-field-container{align-items:center;display:flex;gap:8px}.set-profit-button{background-color:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.set-profit-button:hover{background-color:#2c5282;transform:translateY(-1px)}.editor-footer{display:flex;justify-content:space-between;width:100%}input[type=number],input[type=text]{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:14px;padding:8px 12px;transition:all .2s}input[type=number]:focus,input[type=text]:focus{border-color:#4a6da7;box-shadow:0 0 0 2px #4a6da71a;outline:none}input[type=number]:disabled,input[type=text]:disabled{background-color:#f8f9fa;color:#718096;cursor:not-allowed}.promo-toggle label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.promo-toggle input[type=checkbox]{accent-color:#4a6da7;cursor:pointer;height:18px;width:18px}.desired-profit-modal{max-width:400px}.desired-profit-content{padding:20px}.desired-profit-input{margin:15px 0;width:100%}.profit-note{background-color:#f7fafc;border-left:3px solid #4a6da7;border-radius:5px;color:#718096;font-size:13px;margin-top:10px;padding:10px}.desired-profit-footer{display:flex;gap:10px;justify-content:flex-end}.compact-input.readonly{background-color:#f8f9fa!important;border-color:#e9ecef!important;color:#6c757d!important;cursor:not-allowed!important}.compact-input.readonly:focus{border-color:#e9ecef!important;box-shadow:none!important}@media (max-width:768px){.promo-config-row,.top-panel{flex-direction:column}.calculator-grid{grid-template-columns:1fr}.price-details-modal{max-width:95%}}@media (max-width:992px){.calculator-grid{grid-template-columns:2fr 2fr}}.notification-dialog{max-width:450px}.notification-dialog-content{align-items:center;display:flex;flex-direction:column;padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);text-align:center}.notification-dialog.success .success-content{align-items:center;display:flex;flex-direction:column;width:100%}.error-icon-container,.success-icon-container{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:var(--spacing-4);width:60px}.error-icon,.success-icon{stroke-width:2;height:100%;width:100%}.success-icon-circle{fill:#34aa751a;stroke:var(--color-success)}.success-icon-check{fill:none;stroke:var(--color-success);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.success-message-container{width:100%}.success-main-message{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--spacing-3)}.success-secondary-message{background-color:var(--color-gray-50);border-radius:var(--border-radius);color:var(--color-gray-600);font-size:var(--font-size-sm);margin-top:var(--spacing-3);padding:var(--spacing-3);width:100%}.notification-dialog.error .error-content{align-items:center;display:flex;flex-direction:column;width:100%}.error-icon-circle{fill:#e15c561a;stroke:var(--color-danger)}.error-icon-x{fill:none;stroke:var(--color-danger);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.error-message{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--spacing-3)}.notification-dialog-actions{display:flex;justify-content:center;margin-top:var(--spacing-4);width:100%}.notification-dialog .error-icon,.notification-dialog .success-icon{animation:scaleIn .3s ease}.notification-dialog .success-icon-check{stroke-dasharray:65;stroke-dashoffset:65;animation:drawCheck .5s ease .3s forwards}.notification-dialog .error-icon-x{stroke-dasharray:40;stroke-dashoffset:40;animation:drawX .5s ease .3s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes drawX{to{stroke-dashoffset:0}}.confirm-dialog-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1200}.confirm-dialog-container{animation:scaleIn .2s ease;background-color:#fff;border-radius:16px;box-shadow:0 5px 20px #0000004d;max-width:450px;overflow:hidden;width:90%}.confirm-dialog-header{background-color:#f8f9fa;border-bottom:1px solid #f0f2f5;padding:20px 24px}.confirm-dialog-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.confirm-dialog-header.warning{background-color:#fff3cd}.confirm-dialog-header.danger{background-color:#f8d7da}.confirm-dialog-header.success{background-color:#d4edda}.confirm-dialog-content{padding:24px}.confirm-dialog-content p{color:#2c3e50;font-size:16px;line-height:1.5;margin:0}.confirm-dialog-actions{border-top:1px solid #f0f2f5;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirm-dialog-button{border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 25px;transition:all .2s}.confirm-dialog-button.cancel{background-color:#f1f2f6;color:#2c3e50}.confirm-dialog-button.cancel:hover{background-color:#e8eaef}.confirm-dialog-button.confirm{background-color:#3498db;color:#fff}.confirm-dialog-button.confirm:hover{background-color:#2980b9;box-shadow:0 2px 5px #0003}.confirm-dialog-button.confirm.warning{background-color:#ffc107}.confirm-dialog-button.confirm.warning:hover{background-color:#e0a800}.confirm-dialog-button.confirm.danger{background-color:#dc3545}.confirm-dialog-button.confirm.danger:hover{background-color:#c82333}.confirm-dialog-button.confirm.success{background-color:#28a745}.confirm-dialog-button.confirm.success:hover{background-color:#218838}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.confirm-dialog-container{width:95%}.confirm-dialog-header{padding:16px 20px}.confirm-dialog-content{padding:20px}.confirm-dialog-actions{padding:14px 20px}.confirm-dialog-button{font-size:13px;padding:8px 20px}}.shared-campaign-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.shared-campaign-dialog{background-color:#fff;border-radius:12px;box-shadow:0 4px 25px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow-y:auto;width:95%}.shared-compact-header{align-items:flex-start;background-color:#f8f9fa;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;justify-content:space-between;padding:15px 20px}.header-left{flex:1 1;min-width:0}.header-right{flex-shrink:0}.shared-product-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.product-meta{align-items:center;display:flex;gap:12px}.shared-mla-container{align-items:stretch;border-radius:4px;box-shadow:0 1px 2px #0000001a;display:inline-flex;overflow:hidden}.shared-mla-prefix{background:linear-gradient(135deg,#2980b9,#3498db);color:#fff;font-size:11px;font-weight:700;padding:4px 6px}.shared-mla-number{background-color:#f8f9fa;border:1px solid #e8e8e8;color:#2c3e50;font-size:11px;font-weight:600;padding:4px 8px}.shared-product-link{color:#3498db;font-size:12px;text-decoration:none;transition:color .2s}.shared-product-link:hover{color:#2980b9;text-decoration:underline}.campaign-name-display{text-align:right}.campaign-label{color:#7f8c8d;display:block;font-size:11px;margin-bottom:2px}.campaign-name{color:#2c3e50;display:block;font-size:13px}.shared-dialog-content{flex:1 1;padding:20px}.shared-compact-panel{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:15px}.prices-column{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.prices-grid{display:flex;flex-direction:column;gap:10px}.price-compact{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.price-compact:last-child{border-bottom:none}.price-compact.campaign-highlight{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:6px;margin:5px 0;padding:10px}.stock-compact{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.price-label{color:#7f8c8d;font-size:12px;font-weight:600}.price-value{color:#2c3e50;font-size:14px;font-weight:600}.campaign-value{color:#e74c3c;font-size:15px;font-weight:700}.stock-input-compact{border:1px solid #dcdde1;border-radius:4px;font-size:14px;font-weight:600;padding:4px 8px;text-align:center;width:70px}.stock-input-compact:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.discounts-column{background-color:#fff8e1;border:1px solid #fbd38d;border-radius:8px;padding:15px}.section-title-compact{border-bottom:2px solid #f59e0b;color:#2d3748;font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px;text-align:center}.discounts-grid{display:flex;flex-direction:column;gap:8px}.discount-item{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.discount-label{color:#7f8c8d;font-size:12px;font-weight:600}.discount-value{color:#d69e2e;font-size:14px}.profit-column{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:15px}.calculator-details{display:flex;flex-direction:column;gap:8px}.calc-row{align-items:center;border-bottom:1px solid #d1fae5;display:flex;justify-content:space-between;padding:6px 0}.calc-row:last-child{border-bottom:none}.calc-row.highlight{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;margin:2px 0;padding:8px 10px}.calc-row.profit-final{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;font-weight:700;margin:2px 0;padding:8px 10px}.calc-label{color:#7f8c8d;font-size:11px;font-weight:600}.calc-value{color:#2c3e50;font-size:12px;font-weight:600}.highlight-value{color:#2563eb;font-weight:700}.calc-value.positive{color:#16a34a;font-weight:700}.calc-value.negative{color:#dc2626;font-weight:700}.shipping-input-compact{background-color:#fff;border:1px solid #dcdde1;border-radius:4px;font-size:12px;font-weight:600;margin-left:auto;padding:2px 6px;text-align:center;width:84px}.shipping-input-compact:focus{border-color:#3498db;box-shadow:0 0 0 1px #3498db33;outline:none}.campaign-actions-compact{border-top:1px solid #e2e8f0;padding-top:10px;text-align:center}.remove-campaign-compact{background-color:#e74c3c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.remove-campaign-compact:hover:not(:disabled){background-color:#c0392b}.remove-campaign-compact:disabled{cursor:not-allowed;opacity:.7}.shared-dialog-footer{background-color:#f8f9fa;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:15px 20px}.shared-button{background-color:#3498db;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.shared-button:hover:not(:disabled){background-color:#2980b9}.shared-button:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.shared-campaign-dialog{max-height:90vh;width:98%}.shared-compact-header{flex-direction:column;gap:10px;padding:12px 15px}.header-right{align-self:flex-start}.shared-compact-panel{gap:15px;grid-template-columns:1fr}.shared-dialog-content{padding:15px}.shared-dialog-footer{flex-wrap:wrap;padding:12px 15px}}@media (max-width:480px){.shared-product-title{font-size:14px}.prices-grid{gap:8px}.price-compact{padding:6px 0}.calc-row{padding:4px 0}.calculator-details{gap:6px}.section-title-compact{font-size:13px}.calc-label,.discount-label,.price-label{font-size:11px}.calc-value,.discount-value,.price-value{font-size:12px}.campaign-value{font-size:14px}.stock-input-compact{padding:3px 6px;width:60px}.shipping-input-compact{font-size:11px;padding:2px 4px;width:70px}}:root{--primary:#3498db;--primary-hover:#2980b9;--primary-light:#e3f2fd;--success:#2ecc71;--success-light:#e8f5e9;--success-hover:#27ae60;--warning:#f39c12;--warning-light:#fff8e1;--warning-hover:#f1c40f;--danger:#e74c3c;--danger-light:#ffebee;--danger-hover:#c0392b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--radius-sm:0.25rem;--radius:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem}.campaign-detail-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.campaign-detail-dialog{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:98%}.product-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.product-title-section{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.product-title{color:#1f2937;color:var(--gray-800);font-size:1.125rem;font-weight:600;line-height:1.4;margin:0;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-link{align-items:center;color:#3498db;color:var(--primary);display:inline-flex;font-size:.8125rem;margin-left:.5rem;text-decoration:none}.view-link:hover{color:#2980b9;color:var(--primary-hover);text-decoration:underline}.view-link-icon{margin-left:.25rem;transition:transform .2s}.view-link:hover .view-link-icon{transform:translate(2px,-2px)}.price-summary{display:flex;gap:1rem}.price-card{background-color:#f9fafb;background-color:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.375rem;border-radius:var(--radius);min-width:120px;padding:.5rem .75rem;text-align:center}.discount-card{background-color:#ffebee;background-color:var(--danger-light);border-color:#ffebee;border-color:var(--danger-light)}.price-label{color:#4b5563;color:var(--gray-600);display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.price-value{color:#1f2937;color:var(--gray-800);display:block;font-size:1rem;font-weight:700}.discount-value{color:#e74c3c;color:var(--danger);font-weight:700}.campaigns-container{overflow-x:auto;padding:1rem 1.25rem}.campaigns-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.campaigns-title{color:#374151;color:var(--gray-700);font-size:1rem;font-weight:600;margin:0}.best-campaign-note{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.8125rem;gap:.5rem}.best-indicator{color:#f39c12;color:var(--warning)}.campaigns-table{border-collapse:initial;border-spacing:0;margin-bottom:1rem;width:100%}.campaigns-table th{background-color:#f3f4f6;background-color:var(--gray-100);border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--gray-300);color:#374151;color:var(--gray-700);font-weight:600;text-align:left}.campaigns-table td,.campaigns-table th{font-size:.875rem;padding:.75rem .5rem;white-space:nowrap}.campaigns-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);vertical-align:middle}.campaigns-table tr:hover td{background-color:#e3f2fd;background-color:var(--primary-light)}.campaign-row.pendiente{background-color:#fff8e1;background-color:var(--warning-light)}.campaign-row.pendiente:hover td{background-color:#fef0cd}.campaign-row.activada{background-color:#e8f5e9;background-color:var(--success-light)}.campaign-row.activada:hover td{background-color:#d7f2e3}.campaign-row.no{background-color:#f9fafb;background-color:var(--gray-50)}.best-campaign-row td:first-child{border-left:4px solid #f39c12;border-left:4px solid var(--warning)}.campaign-col{width:22%}.meli-discount-col,.seller-discount-col,.total-discount-col{width:12%}.final-price-col,.price-diff-col{width:14%}.actions-col{text-align:center;width:10%}.campaign-name-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;padding-left:.25rem}.campaign-name{color:#1f2937;color:var(--gray-800);font-weight:600}.best-tag{background:#f39c12;background:var(--warning)}.active-tag,.best-tag{border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;font-size:.6875rem;font-weight:600;padding:.125rem .375rem;text-transform:uppercase}.active-tag{background:#3498db;background:var(--primary);margin-left:.25rem}.matching-discount{color:#2ecc71;color:var(--success);position:relative}.matching-discount:after{color:#2ecc71;color:var(--success);content:"=";font-size:.75rem;position:absolute;right:-8px;top:-5px}.price-lower{color:#2ecc71;color:var(--success);font-weight:500}.price-higher{color:#e74c3c;color:var(--danger);font-weight:500}.action-button{background-color:var(--primary);border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);font-size:.8125rem;font-weight:600;padding:.375rem .75rem;transition:all .2s}.action-button:hover:not(:disabled){background-color:#2980b9;background-color:var(--primary-hover);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow);transform:translateY(-2px)}.action-button:disabled{cursor:not-allowed;opacity:.6}.best-action{background-color:#f39c12;background-color:var(--warning)}.best-action:hover:not(:disabled){background-color:#f1c40f;background-color:var(--warning-hover)}.active-indicator{color:#2ecc71;color:var(--success);font-size:1.125rem;font-weight:700}.unavailable-indicator{color:#6b7280;color:var(--gray-500);font-style:italic}.no-campaigns{background-color:#fff;border:1px dashed #d1d5db;border:1px dashed var(--gray-300);border-radius:.375rem;border-radius:var(--radius);margin:1rem 0;padding:2rem 1rem;text-align:center}.no-campaigns-icon{color:#9ca3af;color:var(--gray-400);font-size:2rem;margin-bottom:.75rem}.no-campaigns p{color:#4b5563;color:var(--gray-600);font-size:.9375rem;margin:0}.dialog-footer{background-color:#f9fafb;background-color:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.btn{align-items:center;border:none;border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-outline{background-color:#fff;border:1px solid #3498db;border:1px solid var(--primary);color:#3498db;color:var(--primary)}.btn-outline:hover:not(:disabled){background-color:#e3f2fd;background-color:var(--primary-light)}.btn-secondary{background-color:#4b5563;background-color:var(--gray-600);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#374151;background-color:var(--gray-700)}@media (max-width:768px){.product-header{align-items:flex-start;flex-direction:column}.price-summary{justify-content:space-between;margin-top:.5rem;width:100%}.campaigns-table{font-size:.75rem}.campaigns-table td,.campaigns-table th{padding:.5rem .25rem}.action-button{font-size:.75rem;padding:.25rem .5rem}}.progress-bar-container{align-items:center;display:flex;margin:var(--spacing-2) 0}.progress-bar-track{background-color:var(--color-gray-200);flex:1 1;height:8px;overflow:hidden}.progress-bar-fill,.progress-bar-track{border-radius:var(--border-radius-full)}.progress-bar-fill{height:100%;transition:width .3s ease}.progress-bar-percentage{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:500;margin-left:var(--spacing-3);min-width:40px;text-align:right}.progress-bar-fill.primary{background-color:var(--color-primary)}.progress-bar-fill.secondary{background-color:var(--color-gray-500)}.progress-bar-fill.success{background-color:var(--color-success)}.progress-bar-fill.warning{background-color:var(--color-warning)}.progress-bar-fill.danger{background-color:var(--color-danger)}.progress-bar-fill.info{background-color:var(--color-info)}.progress-bar-container.small .progress-bar-track{height:4px}.progress-bar-container.small .progress-bar-percentage{font-size:var(--font-size-xs);min-width:36px}.progress-bar-container.medium .progress-bar-track{height:8px}.progress-bar-container.large .progress-bar-track{height:12px}.progress-bar-container.large .progress-bar-percentage{font-size:var(--font-size-base);min-width:44px}.progress-bar-container.animated .progress-bar-fill{overflow:hidden;position:relative}.progress-bar-container.animated .progress-bar-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-bar-container.indeterminate .progress-bar-fill{animation:indeterminate 1.5s ease-in-out infinite;width:50%!important}@keyframes indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(150%)}}.bulk-editor-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.bulk-editor-container{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}.bulk-editor-header{align-items:center;background:linear-gradient(135deg,#4a6da7,#2d4474);border-bottom:1px solid #eaeaea;color:#fff;display:flex;justify-content:space-between;padding:18px 24px;position:relative}.bulk-editor-header h2{font-size:1.5rem;font-weight:600;letter-spacing:.5px;margin:0}.close-button{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:1.6rem;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.close-button:hover{background-color:#ffffff4d;transform:rotate(90deg)}.bulk-editor-content{display:flex;gap:24px;max-height:calc(70vh - 120px);overflow-y:auto;padding:24px}.info-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 12px #0000000d;min-width:320px;overflow:hidden;padding:20px;position:relative}.info-section:before{background:linear-gradient(180deg,#4a6da7,#2d4474);border-radius:10px 0 0 10px;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.upload-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 12px #0000000d;display:flex;flex:2 1;flex-direction:column;gap:20px;min-width:500px;padding:20px}.info-section h3,.upload-section h3{color:#2d4474;font-size:1.3rem;font-weight:600;margin-top:0;padding-bottom:10px;position:relative}.info-section h3:after,.upload-section h3:after{background-color:#4a6da7;border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.info-section p{font-size:1rem;line-height:1.6;margin:12px 0}.info-section ul{color:#4a5568;margin:12px 0;padding-left:20px}.info-section li{margin-bottom:8px;position:relative}.info-section li strong{color:#2d4474;font-weight:600}.warning-text{align-items:center;background-color:#fffbeb;border-left:4px solid #f59e0b;border-radius:6px;box-shadow:0 2px 5px #0000000d;display:flex;margin:18px 0;padding:14px}.warning-icon{font-size:1.3rem;margin-right:10px}.file-upload-container{align-items:center;display:flex;gap:12px;margin-bottom:12px}.upload-button{align-items:center;background:linear-gradient(135deg,#4a6da7,#2d4474);border:none;border-radius:6px;box-shadow:0 4px 8px #2d447433;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px 18px;transition:all .2s}.upload-button:hover{background:linear-gradient(135deg,#3a5d97,#1d3464);box-shadow:0 6px 12px #2d44744d;transform:translateY(-2px)}.upload-button:active{box-shadow:0 2px 4px #2d44744d;transform:translateY(0)}.upload-button:disabled{background:linear-gradient(135deg,#a0aec0,#718096);box-shadow:none;cursor:not-allowed;transform:none}.file-info{align-items:center;background-color:#edf2f7;border:1px solid #cbd5e0;border-radius:6px;box-shadow:inset 0 2px 4px #0000000d;display:flex;flex:1 1;font-size:.95rem;padding:10px 14px}.file-name{color:#4a5568;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-button{align-items:center;background:none;border:none;border-radius:50%;color:#e53e3e;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;padding:0 5px;transition:all .2s;width:24px}.remove-file-button:hover{background-color:#e53e3e1a;transform:scale(1.1)}.remove-file-button:disabled{color:#cbd5e0;cursor:not-allowed;transform:none}.validation-errors{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:6px;box-shadow:0 2px 5px #0000000d;margin-top:12px;padding:15px 18px}.validation-errors h4{color:#e53e3e;font-size:1.1rem;font-weight:600;margin:0 0 12px}.validation-errors ul{margin:0;padding-left:20px}.validation-errors li{color:#c53030;line-height:1.5;margin-bottom:6px}.preview-section{margin-top:18px}.preview-section h4{color:#2d4474;font-size:1.1rem;font-weight:600;margin:0 0 12px}.preview-table-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;box-shadow:inset 0 2px 4px #0000000d;max-height:220px;overflow-y:auto}.preview-table{border-collapse:initial;border-spacing:0;font-size:.95rem;width:100%}.preview-table th{background-color:#edf2f7;border-bottom:1px solid #cbd5e0;color:#2d3748;font-weight:600;padding:12px 16px;position:sticky;text-align:left;top:0;z-index:1}.preview-table th:first-child{border-top-left-radius:6px}.preview-table th:last-child{border-top-right-radius:6px}.preview-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;max-width:200px;overflow:hidden;padding:10px 16px;text-overflow:ellipsis;white-space:nowrap}.preview-table tr:last-child td:first-child{border-bottom-left-radius:6px}.preview-table tr:last-child td:last-child{border-bottom-right-radius:6px}.preview-table tr:hover td{background-color:#f3f4f6}.preview-table tr:nth-child(2n){background-color:#fafbfc}.preview-note{color:#718096;font-size:.85rem;font-style:italic;margin:8px 0 0;text-align:right}.process-button-container{display:flex;justify-content:center;margin-top:24px}.process-button{align-items:center;background:linear-gradient(135deg,#48bb78,#2f855a);border:none;border-radius:6px;box-shadow:0 4px 8px #2f855a33;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:8px;justify-content:center;min-width:180px;padding:12px 24px;transition:all .2s}.process-button:hover{background:linear-gradient(135deg,#38a169,#276749);box-shadow:0 6px 12px #2f855a4d;transform:translateY(-2px)}.process-button:active{box-shadow:0 2px 4px #2f855a4d;transform:translateY(0)}.process-button:disabled{background:linear-gradient(135deg,#9ae6b4,#68d391);box-shadow:none;cursor:not-allowed;transform:none}.processing-progress{background-color:#f0fff4;border:1px solid #c6f6d5;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-top:18px;padding:18px}.progress-bar-container{background-color:#edf2f7;border-radius:6px;box-shadow:inset 0 2px 4px #0000000d;height:12px;margin-bottom:14px}.progress-bar{background:linear-gradient(90deg,#48bb78,#38a169);border-radius:6px;transition:width .3s ease-out}.progress-stats{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:14px}.stat{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:column;min-width:100px;padding:12px 16px;transition:transform .2s}.stat:hover{transform:translateY(-2px)}.stat-label{color:#4a5568;font-size:.9rem;font-weight:500;margin-bottom:6px}.stat-value{font-size:1.2rem;font-weight:700}.stat.success{background-color:#f0fff4;border:1px solid #c6f6d5}.stat.success .stat-value{color:#2f855a}.stat.warning{background-color:#fffbeb;border:1px solid #fbd38d}.stat.warning .stat-value{color:#d69e2e}.stat.error{background-color:#fff5f5;border:1px solid #fed7d7}.stat.error .stat-value{color:#c53030}.logs-section{display:flex;flex-direction:column;margin-top:24px;max-height:250px;overflow:hidden;padding:0 24px 16px}.logs-section h3{color:#2d4474;font-size:1.2rem;font-weight:600;margin:0 0 12px}.logs-container{background-color:#1a202c;border-radius:8px;box-shadow:inset 0 2px 10px #0003;color:#f7fafc;font-family:Consolas,Monaco,monospace;font-size:.9rem;line-height:1.5;max-height:200px;overflow-y:auto;padding:16px}.log-entry{animation:logFadeIn .3s ease-out;border-bottom:1px solid #ffffff0d;padding:4px 0}@keyframes logFadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.log-timestamp{color:#90cdf4;font-weight:600;margin-right:10px}.log-entry.success .log-message{color:#68d391}.log-entry.warning .log-message{color:#fbd38d}.log-entry.error .log-message{color:#fc8181}.bulk-editor-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:18px 24px}.cancel-button{background-color:#fff;border:1px solid #cbd5e0;border-radius:6px;box-shadow:0 2px 5px #0000000d;color:#4a5568;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:10px 20px;transition:all .2s}.cancel-button:hover{background-color:#f8fafc;border-color:#4a6da7;box-shadow:0 4px 8px #0000001a;color:#4a6da7;transform:translateY(-2px)}.cancel-button:active{box-shadow:0 2px 4px #0000000d;transform:translateY(0)}.cancel-button:disabled{background-color:#f7fafc;border-color:#e2e8f0;box-shadow:none;color:#cbd5e0;cursor:not-allowed;transform:none}.template-button{align-items:center;background:linear-gradient(135deg,#ed8936,#dd6b20);border:none;border-radius:6px;box-shadow:0 4px 8px #dd6b2033;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-top:15px;padding:10px 18px;transition:all .2s}.template-button:hover{background:linear-gradient(135deg,#dd6b20,#c05621);box-shadow:0 6px 12px #dd6b204d;transform:translateY(-2px)}.template-button:active{box-shadow:0 2px 4px #dd6b204d;transform:translateY(0)}.campaigns-list{background-color:#edf2f7;border:1px solid #cbd5e0;border-radius:6px;box-shadow:inset 0 2px 4px #0000000d;margin-top:18px;max-height:120px;overflow-y:auto;padding:14px}.campaigns-list h4{color:#2d4474;font-size:1rem;font-weight:600;margin:0 0 10px}.campaigns-list ul{list-style:none;margin:0;padding-left:20px}.campaigns-list li{color:#4a5568;font-size:.95rem;margin-bottom:5px;padding-left:20px;position:relative}.campaigns-list li:before{color:#4a6da7;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute;top:-4px}@media (max-width:992px){.bulk-editor-content{flex-direction:column}.info-section,.upload-section{width:100%}}.validation-errors-list{max-height:200px;overflow-y:auto}.error-group{border-left:3px solid #e53e3e;margin-bottom:10px;padding-left:12px}.error-row-header{color:#e53e3e;font-weight:600;margin-bottom:5px}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.toggle-logs-button{background:none;border:1px solid #cbd5e0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s}.toggle-logs-button:hover{background-color:#f8fafc;border-color:#4a6da7;color:#4a6da7}.validation-warnings{background-color:#fffbeb;border:1px solid #fbd38d;border-radius:6px;box-shadow:0 2px 5px #0000000d;margin-top:12px;padding:15px 18px}.validation-warnings h4{color:#d69e2e;font-size:1.1rem;font-weight:600;margin:0 0 12px}.validation-warnings-list{max-height:200px;overflow-y:auto}.validation-warnings ul{margin:0;padding-left:20px}.validation-warnings li{color:#b7791f;line-height:1.5;margin-bottom:6px}.field-selector{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:20px 0;padding:15px}.field-selector h4{color:#2d4474;font-size:1.05rem;font-weight:600;margin:0 0 12px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{align-items:center;display:flex}.template-buttons{margin-top:20px}.template-button-group{display:flex;flex-direction:column;gap:10px;margin-top:10px}.template-button{justify-content:center;width:100%}.required{color:#e53e3e;font-size:.85rem;font-weight:500;margin-left:8px}@media (min-width:768px){.template-button-group{flex-direction:row;gap:10px}.template-button{flex:1 1}}@media (max-width:767px){.bulk-editor-content{flex-direction:column}.info-section,.upload-section{min-width:auto;width:100%}}.content-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-6);overflow:hidden;transition:var(--transition-shadow)}.content-card:hover{box-shadow:var(--shadow-lg)}.content-card-header{align-items:center;background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6)}.content-card-header-left{display:flex;flex-direction:column}.content-card-title{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}.content-card-subtitle{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0 0}.content-card-actions{align-items:center;display:flex;gap:var(--spacing-3)}.content-card-body{padding:var(--spacing-6)}.content-card.no-padding .content-card-body{padding:0}.content-card.compact .content-card-header{padding:var(--spacing-3) var(--spacing-4)}.content-card.compact .content-card-body{padding:var(--spacing-4)}.content-card.flat,.content-card.flat:hover{box-shadow:var(--shadow-sm)}.content-card.borderless{border:none;box-shadow:none}.content-card.primary{border-top:4px solid var(--color-primary)}.content-card.success{border-top:4px solid var(--color-success)}.content-card.warning{border-top:4px solid var(--color-warning)}.content-card.danger{border-top:4px solid var(--color-danger)}.content-card.info{border-top:4px solid var(--color-info)}@media (max-width:768px){.content-card-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}.content-card-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:var(--spacing-2);width:100%}.content-card-body{padding:var(--spacing-4)}}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header.with-divider{border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.section-header-left{display:flex;flex-direction:column}.section-title{color:#111827;font-size:1.25rem;font-weight:500;margin:0}.section-subtitle{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.section-header-actions{display:flex;gap:.5rem}@media (max-width:640px){.section-header{align-items:flex-start;flex-direction:column;gap:.5rem}.section-header-actions{justify-content:flex-end;width:100%}}.campaign-dialog-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.campaign-dialog{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0003;max-height:80vh;max-width:90%;overflow-y:auto;padding:30px;width:600px}.campaign-dialog h2{color:#2c3e50;font-size:20px;margin-bottom:20px;margin-top:0;text-align:center}.campaign-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.campaign-button{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:700;min-width:120px;padding:10px 30px;transition:background-color .3s}.campaign-button:disabled{cursor:not-allowed;opacity:.6}.campaign-button.save{background-color:#3498db;color:#fff}.campaign-button.save:hover{background-color:#2980b9}.campaign-button.cancel{background-color:#95a5a6;color:#fff}.campaign-button.cancel:hover{background-color:#7f8c8d}.campaign-table{border-collapse:collapse;border-radius:5px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden;width:100%}.campaign-table td,.campaign-table th{border-bottom:1px solid #dcdde1;padding:12px 15px;text-align:left}.campaign-table th{background-color:#f5f6fa;color:#2c3e50;font-weight:600}.campaign-table tr:last-child td{border-bottom:none}.campaign-table .no-data{color:#7f8c8d;font-style:italic;padding:20px;text-align:center}.delete-button{background-color:#e74c3c;border:none;border-radius:15px;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s}.delete-button:disabled{cursor:not-allowed;opacity:.6}.new-campaign-button{background-color:#3498db;border:none;border-radius:20px;color:#fff;cursor:pointer;display:block;font-weight:700;margin-top:15px;padding:10px;transition:background-color .3s;width:100%}.new-campaign-button:hover{background-color:#2980b9}.new-campaign-button:disabled{cursor:not-allowed;opacity:.6}.add-campaign-form{background-color:#f9f9f9;border:1px solid #dcdde1;border-radius:8px;margin-top:15px;padding:20px}.add-campaign-form h3{color:#2c3e50;font-size:16px;margin-bottom:15px;margin-top:0}.form-row{align-items:center;margin-bottom:15px}.form-row label{color:#2c3e50;font-weight:600;width:100px}.form-row input{border:1px solid #dcdde1;border-radius:5px;flex:1 1;font-size:14px;padding:8px 10px}.form-row input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.loading-indicator{color:#3498db;font-weight:600;height:40px;margin:15px 0;text-align:center}.results-counter{background-color:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;margin:8px 0;padding:8px 12px}.counter-text{color:#495057;font-size:14px}.counter-text strong{color:#007bff;font-weight:600}.total-items{color:#6c757d;font-style:italic}.flex-venta-modal .modal-container{max-height:90vh;max-width:800px}.flex-venta-detail{padding:10px 0}.detail-section{border-bottom:1px solid #e5e7eb;padding-bottom:20px}.detail-value.available{color:#059669;font-weight:600}.detail-value.pending{color:#dc2626;font-weight:600}.contenido-detail{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;line-height:1.5;padding:15px}.producto-line{gap:10px;margin-bottom:8px}.producto-bullet{flex-shrink:0;font-size:16px;min-width:20px}.producto-text{flex:1 1;line-height:1.4}.financial-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.financial-item{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center}.financial-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.currency-amount{font-size:15px}.currency-amount.bonus{color:#059669}.direccion-detail{background-color:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;color:#1f2937;font-size:14px;line-height:1.5;padding:15px}.editable-section .detail-item.editable{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.edit-select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px}.edit-select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.status-indicator{background:none!important;border:none;border-radius:0;font-size:14px;font-weight:700;letter-spacing:.5px;min-width:auto;padding:0;text-align:left;text-transform:uppercase}.status-indicator.si{color:#059669!important}.status-indicator.no{color:#dc2626!important}.assigned{color:#3b82f6;font-weight:600}.unassigned{color:#dc2626;font-style:italic}.flex-modal-footer{align-items:center;display:flex;gap:10px;justify-content:flex-end}@media (max-width:768px){.flex-venta-modal .modal-container{margin:10px;max-width:95%}.detail-grid,.financial-grid{grid-template-columns:1fr}.financial-grid{gap:15px}.flex-modal-footer{flex-direction:column;gap:8px}.flex-modal-footer button{width:100%}.section-title{font-size:14px}.detail-section{margin-bottom:20px;padding-bottom:15px}}.edit-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.edit-select:focus{outline:2px solid #3b82f6;outline-offset:2px}.contenido-detail{max-height:200px;overflow-y:auto}.contenido-detail::-webkit-scrollbar{width:6px}.contenido-detail::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.contenido-detail::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.contenido-detail::-webkit-scrollbar-thumb:hover{background:#9ca3af}.edit-select{transition:all .2s ease}.edit-select:hover{border-color:#9ca3af}.financial-item:hover{background-color:#f1f5f9;border-color:#cbd5e0}@media (max-width:480px){.flex-venta-detail{padding:5px 0}.detail-grid,.financial-grid{gap:12px}.contenido-detail,.direccion-detail,.financial-item{padding:12px}.editable-section .detail-item.editable{padding:10px}}.flex-pago-modal .modal-container{max-height:90vh;max-width:1100px}.flex-pago-detail{display:flex;flex-direction:column;gap:24px;max-height:70vh;overflow-y:auto;padding:10px 0}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:25px;padding:20px}.detail-section:last-child{border-bottom:none;margin-bottom:0}.section-title{border-bottom:1px solid #e5e7eb;color:#1f2937;display:block;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span,.detail-value{color:#1f2937;font-size:14px;font-weight:500}.currency-amount{color:#8e44ad;font-size:16px;font-weight:600}.bonus-amount{color:#059669;font-size:14px;font-weight:600}.observaciones-detail{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;line-height:1.5;padding:15px;white-space:pre-wrap}.ventas-table-container .data-table{border:none;border-radius:0}.ventas-table-container .data-table thead th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 8px;text-transform:uppercase}.ventas-table-container .data-table tbody td{border-bottom:1px solid #f3f4f6;padding:12px 8px;vertical-align:middle}.ventas-table-container .data-table tbody tr:hover{background-color:#f8fafc}.ventas-table-container .data-table tbody tr:last-child td{border-bottom:none}.ventas-table-container .productos-cell{max-width:300px;overflow:hidden}.ventas-table-container .productos-cell .producto-line{align-items:flex-start;display:flex;gap:6px;margin-bottom:2px;padding:1px 0}.ventas-table-container .productos-cell .producto-bullet{color:#6b7280;font-size:14px;font-weight:900;line-height:1.2;margin-top:1px;min-width:10px}.ventas-table-container .productos-cell .producto-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ventas-table-container .action-button{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px;transition:background-color .2s ease;width:100%}.ventas-table-container .action-button:hover{background:#1d4ed8}.ventas-table-container .action-button:disabled{background:#9ca3af;cursor:not-allowed}.empty-ventas{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;padding:40px 20px;text-align:center}.empty-ventas p{font-size:14px;font-style:italic;margin:0}.flex-pago-modal-footer{align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.ventas-header-total{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;font-size:13px;font-weight:600;padding:6px 12px}.status-cell{align-items:center;display:inline-flex;gap:6px}.status-pending{color:#dc2626}.status-completed{color:#059669}.transport-cell{color:#374151;font-weight:500}.amount-cell{color:#8e44ad;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-weight:600}@media (max-width:1024px){.flex-pago-modal .modal-container{margin:20px;max-width:95%}.ventas-table-container .data-table{font-size:12px}.ventas-table-container .data-table tbody td,.ventas-table-container .data-table thead th{padding:8px 6px}}@media (max-width:768px){.flex-pago-modal .modal-container{margin:10px;max-width:95%}.detail-grid{grid-template-columns:1fr}.flex-pago-modal-footer{flex-direction:column;gap:8px}.flex-pago-modal-footer button{width:100%}.section-title{font-size:14px}.detail-section{margin-bottom:20px;padding:15px}.ventas-table-container .data-table{font-size:11px}.ventas-table-container .data-table tbody td,.ventas-table-container .data-table thead th{padding:6px 4px}.ventas-table-container .data-table .hide-mobile{display:none}}@media (max-width:480px){.flex-pago-detail{padding:5px 0}.detail-grid{gap:12px}.detail-section,.observaciones-detail{padding:12px}.ventas-table-container{border-radius:0;margin:0 -12px}}.ventas-table-container::-webkit-scrollbar{height:6px;width:6px}.ventas-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.ventas-table-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.ventas-table-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.detail-section{animation:fadeInUp .3s ease-out}.ventas-table-container{animation:fadeInScale .4s ease-out .1s both}@keyframes fadeInScale{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-section{transition:all .2s ease}.detail-section:hover{box-shadow:0 2px 8px #0000000d}.ventas-table-loading{align-items:center;color:#6b7280;display:flex;font-style:italic;justify-content:center;padding:40px}.ventas-table-container .action-button{transition:all .2s ease}.ventas-table-container .action-button:hover{box-shadow:0 2px 4px #2563eb33;transform:translateY(-1px)}.flex-crear-pago-modal .modal-container{max-height:95vh;max-width:1200px;width:95%}.flex-crear-pago-content{display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto;padding:0}.filtros-section,.pago-form-section,.ventas-section{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.form-section-title{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:200px 1fr}.form-item{display:flex;flex-direction:column;gap:6px}.form-item label{color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-input,.form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.form-textarea{font-family:inherit;min-height:60px;resize:vertical}.filtros-grid{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr 80px 80px 1fr}.filtro-item{display:flex;flex-direction:column;gap:4px}.filtro-item label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filtro-input,.filtro-select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:6px 8px;transition:border-color .2s ease}.filtro-input:focus,.filtro-select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.ventas-header-simple{margin-bottom:16px}.ventas-header-simple .form-section-title{border-bottom:1px solid #e5e7eb;margin:0;padding-bottom:8px}.ventas-table-container{background-color:#fff;border-radius:6px}.flex-crear-pago-footer{align-items:center;background-color:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:24px;justify-content:space-between;padding:20px 24px}.footer-summary{flex:1 1;flex-direction:row;gap:16px;max-width:500px}.footer-summary,.summary-row{align-items:center;display:flex}.summary-row{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;gap:12px;justify-content:space-between;min-width:180px;padding:6px 12px;white-space:nowrap}.total-row{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0;padding:8px 12px}.summary-label{color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-count{background-color:#dbeafe;border-radius:10px;color:#1d4ed8;font-size:14px;font-weight:700;min-width:30px;padding:2px 8px;text-align:center}.summary-total{font-feature-settings:"tnum";color:#059669;font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.footer-buttons{align-items:center;display:flex;flex-shrink:0;gap:12px}.filtro-item.monto{max-width:80px}.filtro-item.monto .filtro-input{max-width:80px;min-width:70px}.filter-input-compact[data-has-value=true],.filter-select-compact[data-has-value=true]{background:linear-gradient(135deg,#e7f3ff,#cce5ff);border-color:#3498db;color:#3498db}@media (max-width:1024px){.flex-crear-pago-modal .modal-container{max-width:98%;width:98%}.filtros-grid{gap:10px;grid-template-columns:1fr 1fr 1fr 80px 80px 1fr}.form-grid{gap:12px;grid-template-columns:1fr}}@media (max-width:768px){.flex-crear-pago-modal .modal-container{border-radius:0;margin:0;max-height:100vh;max-width:100%;width:100%}.flex-crear-pago-content{max-height:80vh}.filtros-grid{gap:8px;grid-template-columns:1fr 1fr 80px 80px}.ventas-header{gap:12px}.selection-summary,.ventas-header{align-items:flex-start;flex-direction:column}.selection-summary{gap:8px}.flex-crear-pago-footer{flex-direction:column;gap:16px;padding:16px}.footer-summary{flex-direction:row;flex-wrap:wrap;gap:12px;margin-right:0;max-width:none;width:auto}.footer-buttons{justify-content:stretch;width:100%}.footer-buttons button{flex:1 1}.summary-total{font-size:16px;min-width:100px}.summary-count{font-size:14px;padding:3px 10px}.pago-summary{align-items:flex-start;flex-direction:column;gap:12px;width:100%}.filtros-section,.pago-form-section,.ventas-section{padding:12px}}@media (max-width:480px){.filtros-grid{gap:8px;grid-template-columns:1fr}.selection-summary{width:100%}.selection-count,.selection-total{padding:6px 8px;text-align:center;width:100%}.form-section-title{font-size:14px}.filtros-section,.pago-form-section,.ventas-section{padding:10px}.footer-summary{flex-direction:column;gap:8px;width:100%}.summary-row{min-width:auto;width:100%}}.flex-crear-pago-content::-webkit-scrollbar{width:8px}.flex-crear-pago-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.flex-crear-pago-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.flex-crear-pago-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.filtro-input:invalid,.form-input:invalid{border-color:#dc2626}.filtro-input:disabled,.filtro-select:disabled,.form-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.filtros-section,.pago-form-section,.ventas-section{animation:fadeInUp .3s ease-out}input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}input[type=checkbox]:hover{transform:scale(1.1)}.ventas-table-container tbody tr:has(input[type=checkbox]:checked){background-color:#eff6ff;border-color:#93c5fd}.filtro-input::placeholder,.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;font-style:italic}.filtro-input:focus-visible,.filtro-select:focus-visible,.form-input:focus-visible,.form-textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.flex-confirmacion-modal .modal-content{display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden}.flex-confirmacion-modal .modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.flex-confirmacion-modal .table-container{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.flex-confirmacion-modal .data-table-container{height:100%;overflow:visible}.flex-confirmacion-modal .tabs-container{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.flex-confirmacion-modal .quick-select-container{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:12px 16px}.flex-confirmacion-modal .modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0}.flex-confirmacion-modal .tab-button{transition:all .2s ease}.flex-confirmacion-modal .tab-button:hover{background-color:#f3f4f6}.flex-confirmacion-modal .quick-select-button{transition:all .2s ease}.flex-confirmacion-modal .quick-select-button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.flex-confirmacion-modal .cambio-row{transition:background-color .2s ease}.flex-confirmacion-modal .cambio-row:hover{background-color:#f8fafc}.flex-confirmacion-modal .cambio-row.selected{background-color:#eff6ff;border-left:4px solid #3b82f6}.flex-confirmacion-modal details{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.flex-confirmacion-modal details[open]{background-color:#f8fafc}.flex-confirmacion-modal summary{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;list-style:none;padding:6px 8px}.flex-confirmacion-modal summary::-webkit-details-marker{display:none}.flex-confirmacion-modal summary:after{color:#6b7280;content:"▼";font-size:10px;transition:transform .2s ease}.flex-confirmacion-modal details[open] summary:after{transform:rotate(180deg)}.flex-confirmacion-modal input[type=checkbox]{transition:all .15s ease}.flex-confirmacion-modal input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.flex-confirmacion-modal .estado-badge{transition:all .2s ease}.flex-confirmacion-modal .estado-badge:hover{transform:scale(1.05)}.flex-confirmacion-modal .money-value{font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.flex-confirmacion-modal .loading-spinner{animation:spin 1s linear infinite}.flex-confirmacion-modal .table-container::-webkit-scrollbar{height:8px;width:8px}.flex-confirmacion-modal .table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.flex-confirmacion-modal .table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.flex-confirmacion-modal .table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.flex-confirmacion-modal .modal-content{margin:2.5vh auto;max-height:95vh;max-width:98vw}.flex-confirmacion-modal .quick-select-buttons{flex-direction:column;gap:4px}.flex-confirmacion-modal .table-container{font-size:12px}}.flex-page{background-color:#f9fafb;min-height:100vh}.ventas-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;overflow:hidden}.ventas-table-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.ventas-table-title{color:#1f2937;font-size:16px;font-weight:600;margin:0}.ventas-count-badge{background-color:#dbeafe;border-radius:12px;color:#1d4ed8;font-size:12px;font-weight:500;padding:4px 8px}.error-message{background-color:#fef2f2;border-left:4px solid #dc2626;border-radius:4px;margin-bottom:16px;padding:12px 16px}.error-message p{color:#dc2626;font-size:14px;font-weight:500;margin:0}.table-select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:13px;padding:6px 8px;transition:all .2s ease;width:100%}.table-select:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb;outline:none}.table-select.status-si{background-color:#ecfdf5;border-color:#a7f3d0;color:#059669}.table-select.status-no{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.table-select.status-pending{background-color:#fffbeb;border-color:#fed7aa;color:#d97706}.action-button{border-radius:4px;font-size:12px;font-weight:500;padding:6px 10px;transition:all .2s ease}.action-button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-button.check{background-color:#059669;color:#fff}.action-button.check:hover{background-color:#047857}.action-button.view{background-color:#2563eb;color:#fff}.action-button.view:hover{background-color:#1d4ed8}.fecha-text{font-size:13px;font-weight:500}.fecha-text.available{color:#059669}.fecha-text.pending{color:#dc2626}.venta-id{color:#374151;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;font-weight:500}.productos-container{color:#1f2937;font-size:13px;line-height:1.4;max-width:550px;overflow:hidden}.producto-line{align-items:flex-start;display:flex;gap:6px;margin-bottom:2px;padding:1px 0}.producto-line:last-child{margin-bottom:0}.producto-bullet{color:#6b7280;font-size:14px;font-weight:900;line-height:1.2;margin-top:1px;min-width:10px}.producto-item{flex:1 1}.producto-item,.productos-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.productos-text{color:#1f2937;display:block;font-size:13px;max-width:550px}.productos-empty{color:#6b7280;font-size:13px;font-style:italic}.actions-container{align-items:center;gap:6px}.filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.filter-item{min-width:140px}.filter-item.narrow{min-width:110px}.filter-item label{color:#6b7280;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.filter-item input,.filter-item select{border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:6px 8px;width:100%}.filter-item select{background-color:#fff}.clear-filters-button{font-size:12px;margin-left:auto;padding:6px 12px}.stats-cards-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stats-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;min-width:0;padding:18px 20px;transition:transform .2s ease,box-shadow .2s ease}.stats-card:hover{box-shadow:0 4px 12px -2px #0000001a;transform:translateY(-2px)}.stats-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.stats-card-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.stats-card-icon{border-radius:12px;font-size:12px;padding:4px 8px}.stats-card-icon.primary{background-color:#dbeafe;color:#1d4ed8}.stats-card-icon.success{background-color:#dcfce7;color:#059669}.stats-card-icon.danger{background-color:#fef2f2;color:#dc2626}.stats-card-icon.neutral{background-color:#f3f4f6;color:#374151}.stats-card-value{color:#1f2937;font-size:28px;font-weight:700;line-height:1.1;margin:0;overflow-wrap:break-word;word-break:break-all}.stats-card-value.success{color:#059669}.stats-card-value.danger{color:#dc2626}.transport-ranking{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;overflow-x:auto}.transport-item{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;min-width:60px;padding:8px 12px;position:relative;text-align:center;transition:transform .2s ease,background-color .2s ease}.transport-item:hover{background-color:#f1f5f9;transform:scale(1.05)}.transport-count{color:#1f2937;font-size:16px;font-weight:700;line-height:1}.transport-name{color:#6b7280;font-size:10px;font-weight:500;line-height:1;margin-top:2px}.transport-winner{align-items:center;background-color:#fbbf24;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;font-size:8px;height:14px;justify-content:center;position:absolute;right:-4px;top:-4px;width:14px}.no-transport-data{color:#6b7280;font-size:14px;font-style:italic;margin:0;text-align:center}@media (min-width:1000px){.stats-cards-container{gap:16px;grid-template-columns:repeat(4,1fr)}.stats-card{padding:18px 20px}.stats-card-title{font-size:12px;margin-bottom:8px}.stats-card-value{font-size:28px;line-height:1.1}.stats-card-icon{font-size:12px;padding:4px 8px}.stats-card-header{margin-bottom:8px}}@media (min-width:769px) and (max-width:999px){.stats-cards-container{gap:16px;grid-template-columns:repeat(2,1fr)}.stats-card{padding:18px}.stats-card-value{font-size:28px}.stats-card-title{font-size:12px}.stats-card-icon{font-size:12px;padding:4px 8px}}@media (max-width:768px){.ventas-table-header{align-items:flex-start;flex-direction:column;gap:8px}.productos-container,.productos-text{max-width:300px}.actions-container{flex-direction:column;gap:4px}.action-button{text-align:center;width:100%}.filters-row{flex-direction:column;gap:8px}.filter-item,.filter-item.narrow{min-width:100%}.clear-filters-button{margin-left:0;margin-top:8px}.stats-cards-container{gap:12px;grid-template-columns:1fr}.stats-card{padding:16px}.stats-card-value{font-size:28px}.stats-card-title{font-size:12px}.stats-card-icon{font-size:12px;padding:4px 8px}.transport-ranking{justify-content:center}}@media (max-width:480px){.stats-card-value{font-size:24px}.stats-card-title{font-size:11px}.stats-card-icon{font-size:11px;padding:3px 6px}.transport-item{min-width:50px;padding:6px 10px}.transport-count{font-size:14px}.transport-name{font-size:9px}.transport-ranking{gap:6px}}.action-button:focus,.table-select:focus{outline:2px solid #2563eb;outline-offset:2px}.action-button:disabled,.table-select:disabled{cursor:not-allowed;opacity:.5}.action-button:disabled:hover,.table-select:disabled:hover{box-shadow:none;transform:none}.stats-card,.ventas-table-container{animation:fadeInUp .3s ease-out}.stats-card:nth-child(2){animation-delay:.1s}.stats-card:nth-child(3){animation-delay:.2s}.stats-card:nth-child(4){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-select option{background-color:#fff;color:#1f2937}.empty-state{color:#6b7280;font-size:14px;padding:40px 20px;text-align:center}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.status-indicator.success{background-color:#059669}.status-indicator.error{background-color:#dc2626}.status-indicator.warning{background-color:#d97706}.tab-navigation{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.tab-button{flex:1 1}.stats-card:focus{outline:2px solid #3b82f6;outline-offset:2px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:16px;width:16px}.table-select:hover{border-color:#9ca3af}.action-button:hover{box-shadow:0 4px 8px #00000026}.stats-card-value,.transport-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}html{scroll-behavior:smooth}.stats-cards-container+.filters-row{margin-top:0}.stats-card:focus-visible{outline:2px solid #3b82f6;outline-offset:4px}.transport-item:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.tab-navigation{display:grid;grid-template-columns:repeat(3,1fr)}.tab-button{background-color:initial;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:16px 20px;text-align:center;transition:all .2s ease}.tab-button.active{background-color:#fff;border-bottom-color:#3b82f6;color:#1f2937;font-weight:600}.tab-button:hover:not(.active){background-color:#f3f4f6;color:#374151}.pagos-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;overflow:hidden}.pago-id{color:#3b82f6;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:600}.pago-monto{color:#059669;font-size:14px;font-weight:600}.pago-fecha{color:#1f2937;font-size:13px;font-weight:500}.pago-observaciones{color:#6b7280;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pago-observaciones.empty{color:#9ca3af;font-style:italic}.crear-pago-button{align-items:center;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.crear-pago-button:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 8px #0596694d;transform:translateY(-1px)}.crear-pago-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.selection-indicator{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:8px;color:#1d4ed8;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px}.pagos-table-container{animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.tab-navigation{gap:0;grid-template-columns:1fr}.tab-button{border-bottom:1px solid #e5e7eb;font-size:13px;padding:12px 16px}.tab-button:last-child{border-bottom:none}.tab-button.active{border-bottom:1px solid #e5e7eb;border-left:3px solid #3b82f6}}@media (max-width:480px){.tab-button{font-size:12px;padding:10px 12px}.pago-id{font-size:11px}.pago-monto{font-size:12px}.pago-fecha{font-size:11px}}.tab-button:focus{outline:2px solid #3b82f6;outline-offset:-2px}.pagos-loading{align-items:center;color:#6b7280;display:flex;font-style:italic;justify-content:center;padding:40px}.empty-pagos{color:#6b7280;padding:60px 20px;text-align:center}.empty-pagos-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-pagos-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.empty-pagos-message{font-size:14px;margin-bottom:20px}.pagos-table-container tbody tr:hover{background-color:#f8fafc;cursor:pointer}.cantidad-badge{background-color:#f3f4f6;border-radius:4px;color:#374151;display:inline-block;font-size:11px;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.cantidad-badge,.pago-id,.pago-monto{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tab-content{transition:all .2s ease-in-out}.pagos-status-message{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:6px;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px}.pagos-status-message.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0;color:#065f46}.pagos-status-message.info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd;color:#1e40af}.pagos-status-icon{font-size:16px}.tab-counter{background-color:#3b82f61a;border-radius:10px;color:#1d4ed8;display:inline-block;font-size:11px;font-weight:600;margin-left:6px;min-width:18px;padding:2px 6px;text-align:center}.page-content-placeholder{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:40px;text-align:center}.page-content-placeholder h2{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:20px;margin-top:0}.page-content-placeholder p{color:#7f8c8d;font-size:16px;line-height:1.5}.page-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:25px}.page-section-title{border-bottom:1px solid #f0f2f5;color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:15px;margin-top:0;padding-bottom:10px}.action-button{background-color:#3498db;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-right:10px;padding:10px 20px;transition:background-color .3s}.action-button:hover{background-color:#2980b9}.action-button.green{background-color:#27ae60}.action-button.green:hover{background-color:#219a52}.action-button.red{background-color:#e74c3c}.action-button.red:hover{background-color:#c0392b}.action-button.disabled{background-color:#95a5a6;cursor:not-allowed}@media (max-width:768px){.page-content-placeholder{padding:25px}.page-section{padding:20px}.action-button{margin-bottom:10px;margin-right:0;width:100%}}.shared-container{width:100%}.shared-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.shared-title{color:#2c3e50;font-size:32px;font-weight:700;margin:0}.shared-buttons{display:flex;gap:10px}.action-button.purple{background-color:#9b59b6}.action-button.purple:hover{background-color:#8e44ad}.shared-filters{border-bottom:1px solid #f0f2f5;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.search-box,.shared-filters{align-items:center;display:flex}.search-box{background-color:#f8f9fa;border-radius:25px;gap:10px;padding:5px 15px}.search-box label{color:#2c3e50;font-size:14px;font-weight:700}.search-box input{background:#0000;border:none;font-size:14px;min-width:300px;outline:none;padding:8px}.filter-checkbox{align-items:center;display:flex;gap:8px}.filter-checkbox input[type=checkbox]{height:18px;width:18px}.filter-checkbox label{color:#2c3e50;font-size:14px;font-weight:700}@media (max-width:768px){.shared-header{align-items:flex-start;flex-direction:column}.shared-title{font-size:24px;margin-bottom:15px}.shared-buttons{flex-wrap:wrap;gap:8px;width:100%}.action-button{flex:1 1;font-size:13px;min-width:calc(50% - 8px);padding:8px 10px;text-align:center}.shared-filters{align-items:stretch;flex-direction:column;gap:10px}.search-box{width:100%}.search-box input{min-width:0;min-width:auto;width:100%}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-checkbox{width:100%}.loading-status{align-items:flex-start;flex-direction:column}.loading-text{margin-bottom:10px}}.access-denied-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;padding:2rem;text-align:center}.access-denied-content{background-color:#f8f8f8;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;width:100%}.error-icon{font-size:3rem;margin-bottom:1rem}.controls-panel{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.progress-bar-container{background-color:#f0f2f5;border-radius:10px;height:20px;margin:15px 0;overflow:hidden;position:relative;width:100%}.progress-bar{background-color:#3498db;border-radius:10px;height:100%;transition:width .3s ease}.progress-text{color:#2c3e50;font-size:12px;font-weight:700;left:50%;position:absolute;text-shadow:0 0 2px #fff;top:50%;transform:translate(-50%,-50%)}.status-container{display:flex;justify-content:space-between;margin-bottom:10px}.status-text{color:#2c3e50;font-weight:700}.elapsed-time{color:#7f8c8d;font-weight:700}.status-label{color:#2c3e50;font-weight:700;margin-left:auto;padding:8px 0}.migration-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px}.migration-form{padding:20px}.form-row{align-items:end;display:flex;flex-wrap:wrap;gap:16px}.form-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-actions{align-items:center;display:flex;gap:12px}.form-actions button{white-space:nowrap}@media (max-width:768px){.migration-container{gap:16px}.migration-form{padding:16px}.form-row{align-items:stretch;flex-direction:column}.form-group{min-width:auto}.form-actions{flex-wrap:wrap;justify-content:center;margin-top:16px}.form-actions button{flex:1 1;min-width:120px}}.app-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:var(--transition-shadow)}.app-card:hover{box-shadow:var(--shadow-lg)}.card-header{background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600;padding:var(--spacing-4)}.card-content{flex:1 1;padding:var(--spacing-4)}.app-card.no-padding .card-content{padding:0}.card-footer{background-color:var(--color-gray-50);border-top:1px solid var(--color-gray-200);padding:var(--spacing-4)}.app-card.compact{box-shadow:var(--shadow-sm)}.app-card.compact .card-content,.app-card.compact .card-footer,.app-card.compact .card-header{padding:var(--spacing-2)}.app-card.borderless{border:none;box-shadow:none}.app-card.primary{border-top:4px solid var(--color-primary)}.app-card.success{border-top:4px solid var(--color-success)}.app-card.warning{border-top:4px solid var(--color-warning)}.app-card.danger{border-top:4px solid var(--color-danger)}.app-card.info{border-top:4px solid var(--color-info)}.app-card.interactive{cursor:pointer}.app-card.interactive:hover{transform:translateY(-2px);transition:transform .2s ease}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-card.animate{animation:cardFadeIn .3s ease-out}.ml-calculator{display:flex;flex-direction:column;gap:24px}.calculator-mode-selector{display:flex;gap:10px;margin-bottom:10px}.mode-button{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.mode-button:hover{background-color:#edf2f7;box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.mode-button.active{background-color:#4a6da7;border-color:#4a6da7;color:#fff}.calculator-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.panel-title{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:16px;margin:0 0 15px;padding-bottom:10px;position:relative}.panel-title:after{background-color:#4a6da7;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.input-panel{padding:20px}.input-group{display:flex;flex-direction:column;margin-bottom:16px}.input-group label{color:#4a5568;font-size:14px;font-weight:600;margin-bottom:6px}.input-group input,.input-group select{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s}.input-group input:focus,.input-group select:focus{border-color:#4a6da7;box-shadow:0 0 0 2px #4a6da71a;outline:none}.shipping-input-container{display:flex;gap:8px}.shipping-input-container input{flex:2 1}.shipping-input-container select{flex:1 1}.shipping-options-dropdown{background-color:#f8f9fa;border-color:#e2e8f0;color:#4a5568;font-size:14px;font-weight:500;min-width:140px}.results-panel{background-color:#f8fafc;padding:20px}.result-group{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.result-group:last-child{border-bottom:none}.result-group label{color:#4a5568;font-size:14px;font-weight:500}.result-value{color:#2d3748;font-size:16px;font-weight:700}.result-value.highlight{color:#3182ce;font-size:18px}.apply-button-container{display:flex;justify-content:center;margin-top:16px}.info-panel{background-color:#f8fafc;padding:20px}.info-content{display:flex;flex-wrap:wrap;gap:20px}.info-section{flex:1 1;min-width:300px}.comisiones-section{flex:1.5 1}.envio-section{flex:1 1}.info-section h4{color:#2d3748;font-size:15px;margin:0 0 10px}.info-section p{color:#4a5568;font-size:14px;line-height:1.5;margin:8px 0}.iva-info{border-bottom:1px solid #e2e8f0;margin-bottom:10px;padding-bottom:10px}.commission-list{list-style:none;margin:0;padding-left:0}.commission-list li{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 12px}.commission-list .range{color:#4a5568;font-weight:600}.commission-list .commission{color:#3182ce;font-weight:600}@media (max-width:992px){.calculator-grid{grid-template-columns:1fr}.info-content{flex-direction:column}}@media (max-width:576px){.calculator-mode-selector,.result-group{flex-direction:column}.result-group{align-items:flex-start;gap:5px}.result-value{margin-left:5px}.shipping-input-container{flex-direction:column;gap:10px}.shipping-input-container input,.shipping-input-container select{width:100%}}.permissions-page{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:auto;margin:2.5% auto;max-width:95%;min-height:0;min-height:auto;overflow:auto;padding:var(--spacing-6) var(--spacing-4) var(--spacing-8) var(--spacing-4)}.permissions-header{align-items:center;background-color:var(--color-primary);display:flex;justify-content:space-between;margin:-16px -16px 24px;padding:var(--spacing-4) var(--spacing-6)}.permissions-header h1{color:var(--color-white);font-size:var(--font-size-2xl);margin:0}.back-button{background-color:var(--color-white);border:none;border-radius:var(--border-radius);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-all)}.back-button:hover{background-color:var(--color-gray-200)}.error-message,.success-message{align-items:center;border-radius:var(--border-radius);display:flex;justify-content:space-between;margin:var(--spacing-4) 0;padding:var(--spacing-3) var(--spacing-4)}.error-message{background-color:#e15c561a;border-left:4px solid var(--color-danger);color:var(--color-danger)}.success-message{background-color:#34aa751a;border-left:4px solid var(--color-success);color:var(--color-success)}.close-button{background:#0000;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-xl);line-height:1}.tabs-container{margin-top:var(--spacing-4)}.tabs{border-bottom:1px solid var(--color-gray-200);display:flex;margin-bottom:var(--spacing-4)}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-gray-600);cursor:pointer;font-size:var(--font-size-base);font-weight:500;margin-right:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-colors)}.tab.active,.tab:hover{color:var(--color-primary)}.tab.active{border-bottom-color:var(--color-primary)}.tab-content{flex-grow:1;padding:var(--spacing-4) 0 var(--spacing-6) 0}.user-selector{margin-bottom:var(--spacing-6)}.user-selector label{color:var(--color-gray-700);display:block;font-weight:500;margin-bottom:var(--spacing-2)}.user-selector select{appearance:none;background-color:var(--color-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-3);padding-right:36px;width:100%}.user-selector select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #4a7bca33;outline:none}.permissions-panels{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-6)}.permissions-panel{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);overflow:hidden}.permissions-panel h3{background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);color:var(--color-primary);font-weight:600;margin:0;padding:var(--spacing-3) var(--spacing-4)}.permissions-grid{grid-gap:var(--spacing-2);display:grid;gap:var(--spacing-2);grid-template-columns:1fr;max-height:none;overflow-y:visible;padding:var(--spacing-3)}.permission-item{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-all)}.permission-item:hover{background-color:var(--color-gray-50)}.permission-item.admin-permission{background-color:#4a7bca0d;border-left:3px solid var(--color-primary);cursor:not-allowed}.permission-checkbox{margin-right:var(--spacing-3)}.admin-label{color:var(--color-primary);font-weight:500}.admin-note{color:var(--color-gray-500);font-size:var(--font-size-xs);font-style:italic;margin-left:var(--spacing-2)}.actions-container{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-6);margin-top:var(--spacing-6)}.save-button{background-color:var(--color-primary);border:none;border-radius:var(--border-radius);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-2) var(--spacing-6);transition:var(--transition-all)}.save-button:hover{background-color:var(--color-gray-800)}.save-button:disabled{cursor:not-allowed;opacity:.7}.loading-indicator{align-items:center;color:var(--color-gray-600);display:flex;font-style:italic;justify-content:center;padding:var(--spacing-6)}.create-user-tab,.delete-user-tab{margin-bottom:var(--spacing-6);padding:var(--spacing-4);text-align:center}.create-user-tab h3,.delete-user-tab h3{color:var(--color-primary);margin-bottom:var(--spacing-4)}.create-user-tab p,.delete-user-tab p{color:var(--color-gray-600)}.create-user-tab .actions-container{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-6);margin-top:var(--spacing-6);padding-bottom:var(--spacing-4)}@media (max-width:768px){.permissions-panels{gap:var(--spacing-4);grid-template-columns:1fr}.permissions-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.back-button{margin-top:var(--spacing-2)}}.user-form{margin-top:var(--spacing-4)}.form-group{margin-bottom:var(--spacing-4)}.form-group label{color:var(--color-gray-700);display:block;font-weight:500;margin-bottom:var(--spacing-2)}.form-group input{border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-3);width:100%}.form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #4a7bca33;outline:none}.delete-confirmation{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);margin-top:var(--spacing-6);padding:var(--spacing-4)}.warning-text{color:var(--color-warning);font-weight:500;margin-bottom:var(--spacing-2)}.warning-details{color:var(--color-gray-600);margin-bottom:var(--spacing-4)}.danger-text{color:var(--color-danger);font-weight:700;margin-bottom:var(--spacing-2)}.danger-details{color:var(--color-gray-700);margin-bottom:var(--spacing-4)}.confirm-button,.delete-button{border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;margin-right:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-all)}.confirm-button{background-color:var(--color-warning);color:#fff}.confirm-button:hover{background-color:#e67e22}.delete-button{background-color:var(--color-danger);color:#fff}.delete-button:hover{background-color:#c0392b}.back-button-small,.cancel-button{background-color:var(--color-gray-300);border:none;border-radius:var(--border-radius);color:var(--color-gray-700);cursor:pointer;font-weight:500;padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-all)}.back-button-small:hover,.cancel-button:hover{background-color:var(--color-gray-400)}.final-confirmation{text-align:center}:root{--color-primary:#2b3241;--color-secondary:#e7e8ec;--color-accent:#4a7bca;--color-success:#34aa75;--color-warning:#f5a540;--color-danger:#e15c56;--color-info:#4a7bca;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-black:#000;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--border-radius-sm:0.125rem;--border-radius:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-full:9999px;--font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--transition-all:all 0.2s ease;--transition-colors:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease,fill 0.2s ease,stroke 0.2s ease;--transition-opacity:opacity 0.2s ease;--transition-shadow:box-shadow 0.2s ease;--transition-transform:transform 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#f9fafb;background-color:var(--color-gray-50);color:#111827;color:var(--color-gray-900);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);height:100%;line-height:1.5;width:100%}#root,.App{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#2b3241;color:var(--color-primary);font-weight:600;line-height:1.25}h1{font-size:1.875rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}a{color:#4a7bca;color:var(--color-accent);text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,fill .2s ease,stroke .2s ease;transition:var(--transition-colors)}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-in{animation:slideInUp .3s ease-in-out}.animate-spin{animation:spin 1s linear infinite}
/*# sourceMappingURL=main.ce24fe6c.css.map*/