:root{--color-white: #ffffff;--color-black: #000000;--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-primary: #000000;--color-primary-dark: #0a0a0a;--color-primary-darker: #000000;--color-accent: #1a1a1a;--color-accent-light: #2a2a2a;--color-accent-dark: #000000;--color-background: #f8fafb;--color-background-light: #f9fafb;--color-background-secondary: #f3f4f6;--color-surface: #f7f7f9;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-light: #9ca3af;--color-navbar: #000000;--color-navbar-dark: #000000;--color-navbar-accent: #1a1a1a;--color-navbar-hover: #0a0a0a;--color-success: #059669;--color-success-light: #10b981;--color-error: #dc2626;--color-error-light: #ef4444;--color-warning: #d97706;--color-warning-light: #f59e0b;--color-info: #2563eb;--color-info-light: #3b82f6;--color-button-primary: #000000;--color-button-primary-hover: #0a0a0a;--color-button-secondary: #2a2a2a;--color-button-secondary-hover: #1a1a1a;--color-border: #e5e7eb;--color-border-dark: #d1d5db;--color-shadow: rgba(0, 0, 0, .1);--color-shadow-dark: rgba(0, 0, 0, .2);--gradient-primary: linear-gradient(135deg, #000000 0%, #0a0a0a 100%);--gradient-accent: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);--gradient-subtle: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Source Sans Pro,sans-serif;background:linear-gradient(135deg,#f8fafb 0%,#e5e7eb 50%,#d1d5db 100%);position:relative}html:before,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,0,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.02) 0%,transparent 50%);pointer-events:none;z-index:-1}#root{height:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:1rem;background:linear-gradient(135deg,#f8fafb 0%,#e5e7eb 50%,#d1d5db 100%);position:relative;z-index:1}.header-nav-unified{background:linear-gradient(135deg,#000000 0%,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%,#000000 100%);box-shadow:0 4px 20px #0000004d;position:relative;overflow:visible;z-index:1000}.header-nav-unified:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);pointer-events:none;z-index:1}.header{background:transparent;color:var(--color-white);padding:1rem 2rem 0;min-height:56px;position:relative;z-index:2}.header-content{display:flex;justify-content:space-between;align-items:center}.header-logo{color:var(--color-white);display:flex;align-items:flex-end;gap:.7rem;font-size:48px;font-weight:700;text-decoration:none;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.header-logo:hover{opacity:.9;transform:scale(1.02);text-shadow:0 4px 8px rgba(0,0,0,.4)}.usac-logo{height:48px;width:auto;filter:brightness(0) invert(1);margin-bottom:-2px}.btn,.button-blue,.global-form button,.grid-form button{background:linear-gradient(135deg,#000000 0%,#0a0a0a 100%);color:var(--color-white);padding:.8rem 1rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.btn:hover,.button-blue:hover,.global-form button:hover,.grid-form button:hover{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.btn-small{background-color:transparent;color:#000;padding:8px 14px;border:2px solid transparent;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease}.btn-small:hover{border-color:#1a1a1a;background-color:#f3f4f6;color:#000;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.btn-small.btn-baja{color:#dc2626}.btn-small.btn-toggle-status{color:#000}.btn-small.btn-toggle-status:hover{border-color:#1a1a1a;background-color:#f3f4f6;color:#000;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.btn-sm{background-color:transparent;color:#000;padding:4px 8px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-weight:400;font-size:.75rem;transition:all .3s ease}.btn-sm:hover{border-color:#1a1a1a;background-color:#f3f4f6;color:#000;box-shadow:0 1px 4px #0000001a;transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.btn-secondary:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.login-container{display:flex;justify-content:center;align-items:center;flex:1}.login-form{background-color:var(--color-surface);padding:2rem;border-radius:12px;box-shadow:0 4px 12px #081b3e26;max-width:400px;width:100%}.login-form h2{color:var(--color-primary-dark);margin-bottom:1.5rem;text-align:center}.login-form label{display:block;margin-bottom:.5rem;font-weight:700;color:#333}.login-form input{box-sizing:border-box;width:100%;padding:.75rem;margin-bottom:1.5rem;border:1px solid #ccc;border-radius:8px;font-size:1rem}.login-form button{width:100%;text-align:center;margin-top:1rem}.error{color:red;margin-bottom:1rem;text-align:center}.success{color:#059669;margin-bottom:1rem;text-align:center;white-space:pre-line}.logout-button{background:linear-gradient(135deg,#000000 0%,#0a0a0a 100%);color:var(--color-white);border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:700;margin-left:auto;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.logout-button:hover{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.logout-link{color:var(--color-white);text-decoration:none;font-weight:700;padding:.3rem .8rem;transition:opacity .2s ease}.logout-link:hover{opacity:.7}.user-info{display:flex;align-items:center;gap:.5rem;color:var(--color-white)}.user-details{font-size:.9rem;opacity:.8;font-weight:500}.footer{text-align:center;padding:1rem;background:linear-gradient(135deg,#000000 0%,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%,#000000 100%);color:var(--color-white);border-top:none;box-shadow:0 -4px 20px #0000004d;font-weight:500;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);pointer-events:none}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:1200px;margin:0 auto;padding:0 .5rem}.footer-section{text-align:left}.footer-section h4{color:#f3f4f6;font-size:1rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.social-links{display:flex;flex-direction:column;gap:.25rem}.social-links a{color:#d1d5db;text-decoration:none;font-size:.85rem;transition:all .3s ease;padding:.15rem 0}.social-links a:hover{color:#f3f4f6;transform:translate(5px);text-shadow:0 2px 4px rgba(0,0,0,.3)}.contact-info p{color:#d1d5db;font-size:.85rem;margin-bottom:.25rem;line-height:1.3}.footer-section a{color:#d1d5db;text-decoration:none;transition:all .3s ease}.footer-section a:hover{color:#f3f4f6;text-decoration:underline;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:.75rem;text-align:center}.footer-section{text-align:center}.social-links{align-items:center}}@media (max-width: 768px){.modal-box{width:95%!important;max-width:95%!important;margin:1rem;max-height:95vh}.modal-box.modal-con-panel{flex-direction:column!important;width:95%!important;max-width:95%!important;max-height:95vh;overflow:hidden}.modal-panel-izq{width:100%!important;min-height:auto!important;padding:1rem!important;order:1}.modal-panel-izq .registro-info h1{font-size:2rem!important}.modal-panel-izq .registro-info p{font-size:1rem!important}.modal-contenido{width:100%!important;padding:1rem!important;order:2;overflow-y:auto;max-height:calc(95vh - 120px)}.modal-grid{display:flex!important;flex-direction:column!important;gap:1rem!important}.modal-grid label{margin-bottom:.5rem!important}.modal-actions{position:sticky!important;bottom:0!important;background:var(--color-surface)!important;padding:1rem 0!important;margin-top:1rem!important;border-top:1px solid #e5e7eb!important;display:flex!important;gap:.5rem!important;justify-content:center!important}.modal-actions button{flex:1!important;max-width:150px!important;padding:.75rem!important;font-size:.9rem!important}.funciones-list{max-height:60vh!important;overflow-y:auto!important;padding:.5rem!important}.funcion-item{padding:.75rem!important;margin:.25rem 0!important;border-radius:8px!important;font-size:.9rem!important}.funcion-item strong{font-size:1rem!important}.funcion-item small{font-size:.8rem!important}.funcion-item input[type=checkbox]{transform:scale(1.2)!important;margin-right:.75rem!important}}.divider{border-bottom:2px solid var(--color-border);margin:1rem 0}.link-navy{color:var(--color-primary);text-decoration:none;font-weight:500}.link-navy:hover{color:var(--color-accent);text-decoration:underline}.nav-menu{list-style:none;padding:0;margin:0;display:flex;gap:1rem;align-items:center}.nav-menu li button,.nav-menu li a{background:none;border:none;color:var(--color-white);font-weight:700;cursor:pointer;padding:.5rem 1rem;font-size:1rem;transition:all .3s ease}.nav-menu li a:hover,.nav-menu li button:hover{opacity:.8;transform:translateY(-1px);color:#f3f4f6;text-shadow:0 2px 4px rgba(0,0,0,.3)}.menu{list-style:none;display:flex;gap:2rem}.menu-item{position:relative;cursor:pointer;color:var(--color-white);font-weight:700}.menu-item:hover .submenu{display:block}.nav .submenu{background:rgba(255,255,255,.3)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-radius:12px!important;box-shadow:0 8px 32px #0003!important;position:absolute!important;margin-top:.7rem!important;min-width:200px!important;z-index:9999!important;padding:.5rem 0!important;border:1px solid rgba(255,255,255,.2)!important}.nav .submenu li{margin:.05rem 0!important}.nav .submenu li a,.nav .submenu li a:focus,.nav .submenu li a:active,.nav .submenu li a:visited{color:#000!important;outline:none!important;box-shadow:none!important;background:transparent!important;border:none!important;padding:.5rem 1.5rem!important;border-radius:0!important;display:block!important;font-weight:500!important;font-size:1rem!important;transition:color .2s ease!important;text-align:left!important;text-decoration:none!important;letter-spacing:.01em!important}.nav .submenu li a:hover{color:var(--color-primary)!important;box-shadow:none!important;font-weight:700!important;text-decoration:none!important;transition:color .2s ease!important}.wide-container,.form-container{background-color:var(--color-surface);padding:2rem;border-radius:12px;box-shadow:0 4px 12px #081b3e1a}.wide-container{width:100%;max-width:100%;margin:0 auto}.form-container{max-width:600px;margin:0 auto}.form-container.crear-pedido-container{max-width:800px!important}.form-container h2{color:var(--color-primary-dark);margin-bottom:1.5rem;text-align:center}.global-form,.grid-form{display:flex;flex-direction:column;gap:1rem}.global-form label,.grid-form .form-row label{display:flex;flex-direction:column;font-weight:700;color:var(--color-text)}.global-form input,.global-form textarea,.global-form select,.grid-form input,.grid-form textarea,.grid-form select{padding:.6rem;border:1px solid #ccc;border-radius:8px;font-size:1rem}.grid-form .form-row{display:flex;gap:1rem;flex-wrap:wrap}.grid-form .w-33{flex:0 0 calc(33.33% - .67rem)}.grid-form .w-50{flex:0 0 calc(50% - .5rem)}.grid-form .w-100{flex:0 0 100%}.table-wrapper{overflow-x:auto}.global-table{width:100%;border-collapse:collapse;font-size:1rem;min-width:800px}.global-table th{background-color:var(--color-background-light);color:var(--color-primary-dark);font-weight:700;border-bottom:2px solid #bdbdbd}.global-table tr:nth-child(2n) td{background:#f9f9f9}.global-table tr:nth-child(odd) td{background:var(--color-white)}.global-table tr:hover td{background:#d0d0d0;color:#333;transition:background .2s,color .2s}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.global-table th,.global-table td{vertical-align:middle;color:var(--color-text);border-bottom:1px solid #e0e0e0;padding:.75rem;text-align:left;font-size:1rem}.small-text-table td,.small-text-table th{font-size:.85rem;padding:.3rem .6rem;line-height:1.2;vertical-align:top}.col-accion{width:60px;text-align:center}.busqueda-form{display:flex;gap:1rem;margin-bottom:1rem}.busqueda-form input{width:300px;padding:.6rem;border:1px solid #ccc;border-radius:8px;font-size:1rem}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.toastify-success{background-color:#000;color:var(--color-white)}.toastify-error{background-color:#dc2626;color:var(--color-white)}.toastify-info{background-color:#0a0a0a;color:var(--color-white)}.toastify-warning{background-color:var(--color-primary-darker);color:var(--color-white)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{background:var(--color-surface);border-radius:1rem;padding:2rem;width:480px;max-width:95%;box-shadow:0 20px 30px #0003;animation:popup-fade .3s ease}.modal-box.modal-con-panel{display:flex;padding:0;width:800px;max-height:90vh;overflow:hidden}.modal-panel-izq{width:35%;background:linear-gradient(135deg,#000000 0%,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%,#000000 100%);color:var(--color-white);display:flex;align-items:center;justify-content:center;padding:2rem;min-height:300px}.registro-info{text-align:center}.registro-info h1{font-size:3rem;margin:0;font-weight:700}.registro-info p{font-size:1.5rem;margin:.5rem 0 0}.modal-contenido{padding:2rem;width:65%;overflow-y:auto;max-height:90vh}.modal-contenido h3,.modal-box h3{margin-top:0;margin-bottom:.5rem;font-size:1.25rem}.bien-info{font-size:.95rem;margin-bottom:1rem;color:#555}.modal-grid label{display:block;margin-bottom:1rem}.modal-grid textarea,.modal-grid select,.modal-grid input{width:100%;padding:.5rem;border-radius:6px;border:1px solid #ccc;margin-top:.3rem;font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.animate-popup{animation:popup-fade .3s ease-out}.modal-content{background:var(--color-surface);border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.modal-body .form-group{margin-bottom:1rem}.modal-body .form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.modal-body .form-group .info-value{background-color:#f9fafb;padding:.75rem;border-radius:6px;border:1px solid #e5e7eb;margin:0;color:#1f2937;font-size:.875rem;line-height:1.4}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}@keyframes popup-fade{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.export-controls{text-align:right;margin:.5rem 0 -.5rem}.excel-link{background-color:transparent;color:#217346;border:none;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;padding-top:1rem}.excel-link:hover{color:#1a5e37}.pdf-link{background-color:transparent;color:#d32f2f;border:none;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;padding:0;text-decoration:none}.pdf-link:hover{color:#b71c1c;text-decoration:underline}.unauthorized-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--color-background);padding:2rem}.unauthorized-content{text-align:center;max-width:500px;background-color:var(--color-surface);padding:3rem;border-radius:12px;box-shadow:0 4px 12px #081b3e26}.unauthorized-content h1{color:var(--color-primary-dark);margin:1.5rem 0 1rem;font-size:2rem;font-weight:700}.unauthorized-message{color:#374151;font-size:1.1rem;margin-bottom:.5rem;font-weight:500}.unauthorized-subtitle{color:#6b7280;font-size:1rem;margin-bottom:2rem}.unauthorized-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.unauthorized-actions .btn{min-width:120px}.paginacion{display:flex;justify-content:center;align-items:center;gap:.25rem;margin:1.5rem 0 .5rem}.paginacion .btn-page{background:none;border:none;color:#888;font-size:1rem;padding:.15rem .5rem;border-radius:0;margin:0 2px;font-weight:500;box-shadow:none;outline:none;min-width:28px;transition:color .15s}.paginacion .btn-page.active{color:#1976d2;font-weight:700;text-decoration:underline;background:none;border:none}.paginacion .btn-page:hover:not(.active){color:#1976d2;background:none;border:none}.paginacion .btn-light{background:none;border:none;color:#888;font-size:1rem;padding:.15rem .5rem;border-radius:0;margin:0 2px;font-weight:500;box-shadow:none;outline:none;transition:color .15s}.paginacion .btn-light:disabled{color:#ccc;cursor:not-allowed;background:none}.paginacion-ellipsis{color:#bbb;font-size:1.1rem;padding:0 .3rem;user-select:none;pointer-events:none;vertical-align:middle;font-weight:500}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;margin-bottom:1rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background-color:#d1fae5;color:#065f46}.badge-secondary{background-color:#f3f4f6;color:#374151}.badge-pendiente{background-color:#fff3cd;color:#856404}.badge-proceso{background-color:#cce5ff;color:#004085}.badge-completado{background-color:#d4edda;color:#155724}.badge-activo{background-color:#d1ecf1;color:#0c5460}.badge-inactivo{background-color:#f8d7da;color:#721c24}.badge-default{background-color:#e2e3e5;color:#383d41}.badge-en-creacion{background-color:#fef3c7;color:#92400e;border:1px solid #fcd34d}.badge-enviado-tienda{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.badge-aprobado-tienda{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.badge-en-impresion{background-color:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.badge-impresion-completa{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.badge-en-empaque{background-color:#fed7aa;color:#9a3412;border:1px solid #fdba74}.badge-listo-entrega{background-color:#e9d5ff;color:#7c2d12;border:1px solid #c4b5fd}.badge-entregado{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.table-container{padding:1rem}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.table-header h2{margin:0;flex:1}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:linear-gradient(135deg,#ffffff 0%,#f9fafb 100%);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;min-width:1000px}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.data-table th{background:linear-gradient(135deg,#f8fafb 0%,#f1f5f9 100%);color:#1f2937;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;position:relative}.data-table th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#d1d5db 50%,transparent 100%)}.data-table tr{transition:all .2s ease;position:relative}.data-table tr:hover{background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.empty-state{text-align:center;padding:3rem;background:white;border-radius:8px;box-shadow:0 2px 8px #0000001a}.empty-state p{color:var(--color-text-secondary);margin-bottom:1rem;font-size:1.1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--color-blue-dark);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-container{min-height:calc(100vh - 300px);background:linear-gradient(135deg,#f8fafb 0%,#e5e7eb 50%,#d1d5db 100%);display:flex;align-items:flex-start;justify-content:center;padding:3rem 2rem 1rem}.home-content{background:white;border-radius:16px;padding:2rem;box-shadow:0 20px 40px #0000001a;text-align:center;max-width:800px;width:100%;position:relative}.home-content h1{color:var(--color-text);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.home-description{color:#666;font-size:1.2rem;margin-bottom:3rem;line-height:1.6}.home-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.action-card{background:linear-gradient(135deg,#ffffff 0%,#f9fafb 100%);border-radius:12px;padding:2rem;border:1px solid var(--color-border);transition:all .3s ease;box-shadow:0 8px 32px #0000001a}.action-card:hover{border-color:var(--color-accent);transform:translateY(-5px);box-shadow:0 15px 40px #00000026;background:linear-gradient(135deg,#ffffff 0%,#f3f4f6 100%)}.action-card h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.action-card p{color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.5}.action-card .button-blue,.action-card .button-secondary{display:inline-block;padding:.75rem 1.5rem;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.action-card .button-blue{background:linear-gradient(135deg,#000000 0%,#0a0a0a 100%);color:var(--color-white)}.action-card .button-blue:hover{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.action-card .button-secondary{background-color:transparent;color:var(--color-white);border:2px solid var(--color-white)}.action-card .button-secondary:hover{background-color:var(--color-white);color:var(--color-primary);transform:translateY(-2px)}@media (max-width: 768px){.home-content{padding:2rem}.home-content h1{font-size:2rem}.home-actions{grid-template-columns:1fr;gap:1.5rem}}.form-container{max-width:1400px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,var(--color-surface) 0%,#f9fafb 100%);border-radius:12px;box-shadow:0 8px 32px #0000001a;border:1px solid var(--color-border)}.pedido-header{background:linear-gradient(135deg,#000000 0%,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%,#000000 100%);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000004d;color:var(--color-white);position:relative;overflow:hidden}.pedido-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);pointer-events:none}.header-badge{text-align:center;margin-bottom:1.5rem}.pedido-number{background:rgba(255,255,255,.2);padding:.75rem 2rem;border-radius:25px;font-size:1.5rem;font-weight:700;letter-spacing:1px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.header-info{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem}.info-item{display:flex;flex-direction:column;align-items:center;text-align:center}.info-label{font-size:.875rem;opacity:.9;margin-bottom:.5rem;font-weight:500}.info-value{font-size:1.25rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.pedido-elements{background:white;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.pedido-elements h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.data-table input[type=text],.data-table input[type=tel],.data-table input[type=number],.data-table select{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:white;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.data-table input[type=text]:focus,.data-table input[type=tel]:focus,.data-table input[type=number]:focus,.data-table select:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a;transform:translateY(-1px)}.data-table select{background-color:var(--color-surface);cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;appearance:none}.data-table select:hover{border-color:#d1d5db;box-shadow:0 2px 6px #00000014}.data-table input[type=number]::-webkit-outer-spin-button,.data-table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.data-table input[type=number]{appearance:textfield;-moz-appearance:textfield}.data-table input[type=number]:hover{border-color:#d1d5db;box-shadow:0 2px 6px #00000014}.validacion-mensajes{margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.mensaje-validacion{font-size:.875rem;font-weight:600;padding:.5rem 1rem;border-radius:20px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#1f2937;box-shadow:0 2px 8px #f59e0b33;display:inline-block;width:350px;text-align:center}.mensaje-validacion:last-child{margin-bottom:0}.mensaje-advertencia{color:#1f2937}.mensaje-error{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.data-table select:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}.data-table input[type=checkbox]{width:20px;height:20px;accent-color:#000000;border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;display:block;margin:0 auto}.data-table input[type=checkbox]:hover{transform:scale(1.1);box-shadow:0 2px 6px #00000026}.data-table input[type=checkbox]:checked{animation:checkbox-pop .2s ease}@keyframes checkbox-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.data-table td{padding:.5rem;vertical-align:middle}.form-actions{display:flex;justify-content:center;margin-top:2rem;padding:1rem}.form-actions .button-blue{background:linear-gradient(135deg,#000000 0%,#0a0a0a 100%);color:var(--color-white);padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.form-actions .button-blue:hover{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.button-danger{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #dc26264d}.button-danger:hover{background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.button-secondary{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.button-secondary:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.button-purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.button-purple:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}@media (max-width: 768px){.header-grid{grid-template-columns:1fr}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.25rem}.data-table input[type=text],.data-table input[type=tel],.data-table select{font-size:.75rem;padding:.25rem}}.action-card .form{margin-top:1.5rem}.action-card .form-group{margin-bottom:1.5rem;text-align:left}.action-card .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text);font-size:.9rem}.action-card .form-input{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;background:var(--color-white);color:var(--color-text)}.action-card .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.action-card .form-input::placeholder{color:var(--color-text-light)}.action-card .form-actions{margin-top:2rem;text-align:center}.action-card .form-actions .button-blue{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600}.home-content .form{max-width:500px;margin:2rem auto 0;padding:0;background:none;box-shadow:none;border:none}.home-content .form-group{margin-bottom:1.5rem;text-align:left}.home-content .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text);font-size:1rem}.home-content .form-input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:var(--color-white);color:var(--color-text)}.home-content .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.home-content .form-input::placeholder{color:#9ca3af}.home-content .form-actions{margin-top:2rem;text-align:center}.home-content .form-actions .button-blue{padding:.875rem 2rem;font-size:1rem;font-weight:600;background:var(--color-primary);color:var(--color-white);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.home-content .form-actions .button-blue:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.home-content .form-actions .button-blue:disabled{opacity:.6;cursor:not-allowed}.home-content .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--color-text);margin:0}.home-content .checkbox-label input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--color-primary);cursor:pointer}.home-content .checkbox-label .checkmark{display:none}.badge-info{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:var(--color-white);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pedido-number{font-family:Courier New,monospace;font-weight:700;color:var(--color-white);padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(59,130,246,.2)}.policies-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.policies-modal{background:var(--color-surface);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e2e8f0}.policies-modal-header{background:linear-gradient(135deg,#000000 0%,#1a1a1a 50%,#333333 100%);color:var(--color-white);padding:24px 32px;text-align:center;box-shadow:0 4px 20px #0000004d;position:relative}.policies-modal-header h2{margin:0;font-size:24px;font-weight:600;color:var(--color-white)}.policies-modal-content{padding:24px;overflow-y:auto;flex:1;max-height:60vh;background:var(--color-surface)}.policies-modal .pedido-number,.policies-modal-content .pedido-number{color:#000!important;background:transparent!important;border:none!important;border-radius:0!important;letter-spacing:normal!important;backdrop-filter:none!important;font-family:inherit!important;text-shadow:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.policies-section{margin-bottom:24px}.policies-section:last-child{margin-bottom:0}.policies-section h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.policies-section ul{list-style:none;padding:0;margin:0}.policies-section li{border-bottom:1px solid #f7fafc;font-size:14px;line-height:1.4;color:#374151;position:relative;padding:6px 0 6px 20px}.policies-section li:before{content:"•";color:#6b7280;font-weight:700;font-size:16px;position:absolute;left:0;top:6px}.policies-section li:last-child{border-bottom:none}.policies-modal-footer{padding:24px 32px;background:#fafafa;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end}.policies-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px}.policies-button.decline{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:var(--color-white);border:none;box-shadow:0 4px 12px #dc26264d}.policies-button.decline:hover{background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.policies-button.accept{background:#1a1a1a;color:#fff;border:1px solid #333333}.policies-button.accept:hover{background:#000000;border-color:#555;transform:translateY(-1px)}@media (max-width: 768px){.policies-modal{margin:10px;max-height:95vh}.policies-modal-header{padding:20px 24px}.policies-modal-header h2{font-size:24px}.policies-modal-content{padding:24px;max-height:50vh}.policies-modal-footer{padding:20px 24px;flex-direction:column}.policies-button{width:100%}}@media (max-width: 480px){.policies-modal-overlay{padding:10px}.policies-modal-header h2{font-size:20px}.policies-section h3{font-size:18px}.policies-section li{font-size:14px}}.resumen-header{background:linear-gradient(135deg,#000000 0%,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%,#000000 100%);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000004d;position:relative;overflow:visible}.resumen-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);pointer-events:none;z-index:1;border-radius:12px}.header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1);position:relative;z-index:2}.header-main h2{margin:0;color:var(--color-white);font-size:1.75rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pedido-number-badge{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:var(--color-white);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;box-shadow:0 2px 8px #3b82f64d}.header-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr 300px;gap:1.5rem;position:relative;z-index:2}.info-section{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:#fffc;font-size:.875rem}.info-value{color:var(--color-white);font-weight:500}.totals-section{background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.total-item{display:flex;justify-content:space-between;align-items:flex-end;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.total-item:last-child{border-bottom:none}.total-info{display:flex;flex-direction:column;gap:.25rem;min-height:40px;justify-content:flex-end}.total-amount{font-size:1.5rem;font-weight:700;color:#22c55e;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px}.saldo-pendiente{font-size:1.25rem;font-weight:600;color:#ef4444;text-shadow:0 1px 2px rgba(0,0,0,.3)}.saldo-pagado{font-size:1.25rem;font-weight:600;color:#22c55e;text-shadow:0 1px 2px rgba(0,0,0,.3)}.totals-section .btn{min-height:32px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.resumen-content{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem}.resumen-content h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.resumen-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:8px;border:1px solid #e2e8f0}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:white;border-radius:6px;box-shadow:0 2px 4px #0000000d}.stat-label{font-weight:500;color:#4b5563}.stat-value{font-weight:700;color:#1f2937;font-size:1.1rem}.resumen-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.resumen-actions .btn{min-width:180px;padding:.75rem 1.5rem;font-weight:600;border-radius:8px;transition:all .3s ease}.checkbox-display{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;font-weight:700;font-size:14px}.checkbox-display.checked{background-color:#059669;color:var(--color-white)}.checkbox-display.unchecked{background-color:#e5e7eb;color:#6b7280}.loading{text-align:center;padding:2rem;color:#6b7280;font-size:1.1rem}@media (max-width: 768px){.header-main{flex-direction:column;gap:1rem;text-align:center}.header-info-grid{grid-template-columns:1fr;gap:1rem}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.total-item{flex-direction:column;align-items:flex-start;gap:.5rem}.resumen-header h2{font-size:1.5rem}.resumen-content{padding:1rem}.resumen-stats{grid-template-columns:1fr;gap:.75rem}.resumen-actions{flex-direction:column;align-items:center}.resumen-actions .btn{width:100%;max-width:300px}}.whatsapp-link{color:#059669;text-decoration:none;font-weight:500;transition:all .2s ease-in-out;position:relative}.whatsapp-link:hover{color:#047857;text-decoration:none;transform:translateY(-1px)}.whatsapp-link:before{content:"📱";margin-right:.5rem;font-size:.875rem}.btn-link{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;transition:color .2s ease}.btn-link:hover{color:#0056b3;text-decoration:none}.btn-link:focus{outline:2px solid #007bff;outline-offset:2px}.btn-success{background-color:#28a745;color:var(--color-white);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-success:hover{background-color:#218838}.btn-success:disabled{background-color:#6c757d;cursor:not-allowed}.approval-status{margin:10px 0}.status-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px}.status-badge.approved{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.btn.btn-approved{background:#10b981!important;color:#fff!important;cursor:default!important;border:none!important;box-shadow:0 4px 12px #10b9814d!important}.btn.btn-approved:hover{background:#10b981!important;color:#fff!important;transform:none!important;box-shadow:0 4px 12px #10b9814d!important}.btn.btn-approved:disabled{background:#10b981!important;color:#fff!important;opacity:1!important;cursor:default!important}.btn.btn-completar-impresion{background:#10b981!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #10b9814d!important}.btn.btn-completar-impresion:hover{background:#059669!important;color:#fff!important;box-shadow:0 6px 16px #10b98166!important}.btn.btn-finalizar-empaque{background:#b45309!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;padding:.75rem 2rem!important;font-size:1rem!important;border:none!important;border-radius:6px!important;box-shadow:0 4px 12px #b453094d!important;transition:all .3s ease!important}.btn.btn-finalizar-empaque:hover{background:#92400e!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #b4530966!important}.btn.btn-realizar-entrega{background:#7c3aed!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;padding:.75rem 2rem!important;font-size:1rem!important;border:none!important;border-radius:6px!important;box-shadow:0 4px 12px #7c3aed4d!important;transition:all .3s ease!important}.btn.btn-realizar-entrega:hover:not(:disabled){background:#6d28d9!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #7c3aed66!important}.btn.btn-realizar-entrega:disabled{background:#6b7280!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important;box-shadow:0 2px 6px #6b728033!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav{background:transparent;padding:.5rem 1rem 1rem;position:relative;z-index:100;overflow:visible!important}.nav-header{display:flex;justify-content:flex-end}.nav-toggle{font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer;display:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.nav-menu{list-style:none;display:flex;gap:2rem;flex-wrap:wrap;padding:0;margin:0;position:relative;z-index:1000;overflow:visible!important;justify-content:center;align-items:center}.nav-menu li{position:relative;z-index:1001}.nav-menu button{background:none;border:none;color:#fff;font-weight:700;cursor:pointer;padding:.5rem}.submenu{position:absolute!important;top:100%!important;left:50%!important;transform:translate(-50%)!important;background:rgba(255,255,255,.3)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;color:var(--color-primary-dark)!important;border-radius:12px!important;box-shadow:0 8px 32px #0003!important;min-width:150px!important;padding:.5rem 0!important;z-index:9999!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;border:1px solid rgba(255,255,255,.2)!important;list-style:none!important}.submenu li{padding:.5rem 1rem;position:relative;z-index:1002;list-style:none}.submenu li a{color:var(--color-primary-dark);text-decoration:none;display:block;width:100%}.submenu li a:hover{color:var(--color-primary)!important;transition:color .2s ease!important}.nav-menu li .submenu{position:absolute!important;top:100%!important;left:50%!important;transform:translate(-50%)!important;background:rgba(255,255,255,.3)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;color:var(--color-primary-dark)!important;border-radius:12px!important;box-shadow:0 8px 32px #0003!important;min-width:150px!important;padding:.5rem 0!important;z-index:9999!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;border:1px solid rgba(255,255,255,.2)!important;list-style:none!important}.nav-menu li a{color:#fff;text-decoration:none;font-weight:700;padding:.5rem;display:block}.nav-menu li a:hover{opacity:.7}@media (max-width: 768px){.nav-toggle{display:block!important;font-size:2rem;padding:.5rem;min-width:44px;min-height:44px;border-radius:8px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important;-webkit-user-select:none!important;cursor:pointer!important}.nav-menu{display:none!important;flex-direction:column;gap:.5rem;margin-top:1rem;background:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:1rem;box-shadow:0 8px 32px #0000001a;position:absolute;top:100%;right:0;min-width:200px;z-index:10000}.nav-menu.open{display:flex!important}.nav-menu li{width:100%}.nav-menu button{width:100%;text-align:left;color:#fff;padding:.75rem;border-radius:8px;transition:background-color .2s ease;font-weight:500;background:rgba(255,255,255,.05);margin-bottom:.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative}.nav-menu button:hover{background:rgba(255,255,255,.15)}.nav-menu button.active{background:rgba(255,255,255,.1)}.submenu-header{display:flex;align-items:center;margin-bottom:1rem;justify-content:flex-start}.back-button{background:rgba(255,255,255,.1);border:none;color:#fff;border-radius:6px;font-size:2.5rem;cursor:pointer;transition:background-color .2s ease;width:60px;height:60px;display:flex;align-items:center;justify-content:flex-start;padding:.5rem .5rem .5rem .75rem}.back-button:hover{background:rgba(255,255,255,.2)}.submenu{position:static!important;box-shadow:none!important;background:rgba(0,0,0,.2)!important;border-radius:8px;transform:none!important;left:auto!important;min-width:auto!important;padding:.75rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);margin:.5rem 1rem 1rem}.submenu li{padding:.25rem 0;margin-bottom:.5rem}.submenu li:last-child{margin-bottom:0}.nav-menu li a{color:#fff;padding:.75rem;border-radius:6px;transition:background-color .2s ease;display:block;background:transparent;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-size:.9rem;margin-bottom:.5rem}.nav-menu li a:hover{background:rgba(255,255,255,.1)}}