.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:2.5rem;width:100%;max-width:450px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.login-header p{color:#6b7280;font-size:.875rem}.login-method-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#f3f4f6;padding:.25rem;border-radius:8px}.tab-button{flex:1;padding:.75rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.tab-button:hover{color:#1f2937;background:#ffffff80}.tab-button.active{background:#fff;color:#0061f2;box-shadow:0 1px 3px #0000001a}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151}.form-group input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;width:100%;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#0061f2;box-shadow:0 0 0 3px #0061f21a}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.login-button{padding:.875rem 1.5rem;background:#0061f2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;margin-top:.5rem}.login-button:hover:not(:disabled){background:#0052d4;transform:translateY(-1px);box-shadow:0 4px 12px #0061f24d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.back-button{padding:.75rem 1rem;background:transparent;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:.5rem}.back-button:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.back-button:disabled{opacity:.6;cursor:not-allowed}#recaptcha-container{display:none}@media(max-width:640px){.login-card{padding:1.5rem}.login-header h1{font-size:1.5rem}}.pedidos-container{padding:2rem;max-width:1400px;margin:0 auto}.pedidos-header{margin-bottom:2rem}.pedidos-header h1{font-size:2rem;color:#333;margin:0 0 .5rem}.filters-container{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e9ecef;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s;position:relative}.filter-tab:hover{border-color:#14539a;color:#14539a}.filter-tab.active.blue{background:#0061f2;border-color:#0061f2;color:#fff}.filter-tab.active.orange{background:#fef3c7;border-color:#f59e0b;color:#d97706}.filter-tab.active.green{background:#d1fae5;border-color:#10b981;color:#059669}.filter-badge{background:#f59e0b;color:#fff;border-radius:12px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;margin-left:.25rem}.filter-tab.active.blue .filter-badge{background:#ffffff4d;color:#fff}.filter-tab.active.orange .filter-badge{background:#f59e0b;color:#fff}.filter-tab.active.green .filter-badge{background:#10b981;color:#fff}.loading,.empty-state{text-align:center;padding:3rem;color:#6c757d;font-size:1.1rem}.orders-grid{display:flex;flex-direction:column;gap:0;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;overflow:hidden;background:#fff}.orders-table-header,.order-card-responsive{display:grid}@media(max-width:768px){.pedidos-container{padding:.75rem!important;padding-bottom:80px!important}.orders-table-header{display:none!important}.orders-grid{border:none!important;border-radius:0!important;gap:0!important;background:transparent!important}.order-card-responsive{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:.5rem!important;padding:1rem!important;border-radius:0!important;margin-bottom:0!important;box-shadow:none!important;border-bottom:1px solid #e5e7eb!important;border-left:4px solid!important}.order-date-pc{display:none!important}.order-date-mobile{display:flex!important}.order-date-section,.order-status-section,.order-total-section,.order-customer-section,.order-actions-section{width:100%}.order-actions-section{align-items:stretch!important;margin-top:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.order-actions-section>div{flex-direction:row!important;flex-wrap:wrap;gap:.5rem!important}.order-actions-section button{flex:1;min-width:calc(50% - .25rem)}.bottom-nav-mobile{display:flex!important}.delivery-type-tabs{gap:.25rem!important;margin-bottom:.75rem!important;padding-bottom:.5rem!important;width:100%!important;display:flex!important;box-sizing:border-box!important}.delivery-type-tabs button{padding:.5rem!important;font-size:.75rem!important;flex:1!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.25rem!important}.delivery-type-tabs button svg{width:14px!important;height:14px!important;flex-shrink:0!important}.delivery-type-tabs button span:first-of-type{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}.delivery-type-tabs button span:last-of-type{min-width:20px!important;height:20px!important;font-size:.625rem!important;flex-shrink:0!important;padding:0 .25rem!important}.filters-container{gap:.375rem!important;margin-bottom:.75rem!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.filters-container button{padding:.375rem .75rem!important;font-size:.75rem!important;white-space:nowrap}.filters-container button svg{width:14px!important;height:14px!important}.pedidos-container>div:nth-child(2){gap:.5rem!important;margin-bottom:.75rem!important}.pedidos-container>div:nth-child(2) button{padding:.375rem .75rem!important;font-size:.75rem!important}.pedidos-container>div:nth-child(2) button svg{width:14px!important;height:14px!important}}@media(min-width:769px){.bottom-nav-mobile{display:none!important}}.order-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s;border:2px solid transparent}.order-card:hover{box-shadow:0 4px 12px #00000026;position:relative;top:-2px;transition:top .3s ease,box-shadow .3s ease}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.order-id-section{display:flex;flex-direction:column;gap:.25rem}.order-id{font-size:1.1rem;font-weight:700;color:#333;font-family:Courier New,monospace}.order-time{font-size:.85rem;color:#6c757d}.order-type{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f3f4f6;border-radius:6px;font-size:.85rem;font-weight:600;color:#495057}.order-body{margin-bottom:1rem}.order-items{display:flex;flex-direction:column;gap:.75rem}.order-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px}.item-info{display:flex;align-items:center;gap:.75rem;flex:1}.item-quantity{font-weight:700;color:#14539a;min-width:2rem}.item-name{font-weight:500;color:#333;flex:1}.item-price{font-weight:600;color:#333}.order-customer{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px;margin-bottom:.75rem}.customer-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.customer-name{font-weight:600;color:#333;font-size:.95rem}.customer-phone{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6c757d}.whatsapp-btn{width:36px;height:36px;background:#25d366;color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.whatsapp-btn:hover{background:#20ba5a;width:37.8px;height:37.8px;transition:width .3s ease,height .3s ease,background .3s ease}.order-address{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#e7f3ff;border-radius:8px;margin-bottom:.75rem;font-size:.85rem;color:#14539a}.order-address svg{flex-shrink:0;margin-top:.125rem}.order-notes{padding:.75rem;background:#fff7ed;border-left:3px solid #f59e0b;border-radius:6px;margin-bottom:.75rem;font-size:.85rem}.notes-label{font-weight:600;color:#d97706;margin-right:.5rem}.notes-text{color:#92400e}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:2px solid #f3f4f6;margin-bottom:1rem}.order-total{display:flex;align-items:center;gap:.5rem}.total-label{font-weight:600;color:#6c757d}.total-amount{font-size:1.25rem;font-weight:700;color:#14539a}.payment-status{display:flex;align-items:center}.payment-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.payment-badge.Efectivo{background:#d1fae5;color:#059669}.payment-badge.Tarjeta{background:#dbeafe;color:#2563eb}.payment-badge.Transferencia{background:#e0e7ff;color:#6366f1}.payment-badge.pending{background:#fee2e2;color:#dc2626}.order-actions{margin-top:1rem;display:flex;gap:.5rem}.action-btn{flex:1;padding:.875rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn.print-btn{flex:0 0 auto;width:auto;min-width:48px;padding:.875rem;background:#6b7280;color:#fff}.action-btn.print-btn:hover{background:#4b5563}.action-btn.blue{background:#14539a;color:#fff}.action-btn.blue:hover{background:#0051d0}.action-btn.green{background:#10b981;color:#fff}.action-btn.green:hover{background:#059669}.action-btn:active{opacity:.9;transition:opacity .1s ease}@media(max-width:768px){.pedidos-container{padding:1rem}.orders-grid{grid-template-columns:1fr}.filters-container{gap:.5rem}.filter-tab{padding:.5rem 1rem;font-size:.85rem}}.configuraciones-container{padding:2rem;max-width:95%;width:100%;margin:0 auto}.configuraciones-header{margin-bottom:2rem}.configuraciones-header h1{font-size:2rem;color:#333;margin:0 0 .5rem}.subtitle{color:#6c757d;font-size:1rem;margin:0}.loading{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.settings-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#495057;font-size:.95rem}.label-icon{color:#14539a}.form-input,.form-textarea{width:100%;padding:.75rem;border:2px solid #dee2e6;border-radius:8px;font-size:1rem;transition:border-color .3s;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#14539a;box-shadow:0 0 0 3px #0061f21a}.form-textarea{resize:vertical;min-height:100px}.form-hint{margin-top:.5rem;font-size:.85rem;color:#6c757d}.form-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.btn-save{width:100%;padding:1rem;background-color:#14539a;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .3s}.btn-save:hover:not(:disabled){background-color:#0051d0}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.configuraciones-container{padding:1rem}.settings-form{padding:1.5rem}}