@charset "UTF-8";:root{--color-green-dark: #1b5e20;--color-green-mid: #2e7d32;--color-red-dark: #8b0000;--color-red-mid: #b71c1c;--color-brown-mid: #4e342e;--gradient-brand: linear-gradient(160deg, #1b5e20 0%, #4e342e 55%, #8b0000 100%);--gradient-brand-h: linear-gradient(90deg, #1b5e20 0%, #4e342e 55%, #8b0000 100%);--color-white: #ffffff;--color-bg: #f4f6f4;--color-surface: #ffffff;--color-border: #e0e0e0;--color-text: #212121;--color-text-muted: #757575;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 6px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.08);--shadow-lg: 0 10px 25px rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.08);--sidebar-width: 260px;--sidebar-width-mini: 72px;--header-height: 64px;--transition: .25s ease;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Poppins,sans-serif;font-size:15px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:Poppins,sans-serif;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:Poppins,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000059}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:var(--gradient-brand);color:var(--color-white);border-radius:var(--radius-sm);font-size:14px;font-weight:600;letter-spacing:.3px;transition:opacity var(--transition),transform var(--transition);box-shadow:var(--shadow-sm)}.btn-primary:hover{opacity:.92;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.admin-page{padding:28px 32px;min-height:100%}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.page-header .page-header-info h2{font-size:20px;font-weight:700;color:var(--color-text);margin-bottom:3px}.page-header .page-header-info p{font-size:13px;color:var(--color-text-muted)}.page-header .page-header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:220px;max-width:340px}.search-box .search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none}.search-box input{width:100%;padding:9px 12px 9px 36px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition)}.search-box input::placeholder{color:#bdbdbd}.search-box input:focus{outline:none;border-color:var(--color-green-mid);background:#fff}.filter-select{padding:9px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text);background:var(--color-bg);cursor:pointer;transition:border-color var(--transition)}.filter-select:focus{outline:none;border-color:var(--color-green-mid)}.table-wrapper{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table thead tr{background:#fafafa;border-bottom:1px solid var(--color-border)}.data-table thead tr th{padding:12px 16px;text-align:left;font-size:11.5px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background var(--transition)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#fafafa}.data-table tbody tr td{padding:13px 16px;color:var(--color-text);vertical-align:middle}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--pendiente{background:#fff8e1;color:#e65100}.badge--proceso{background:#e3f2fd;color:#1565c0}.badge--entregado{background:#e8f5e9;color:var(--color-green-dark)}.badge--cancelado{background:#ffebee;color:var(--color-red-dark)}.badge--activo{background:#e8f5e9;color:var(--color-green-dark)}.badge--inactivo{background:#fafafa;color:var(--color-text-muted)}.action-btns{display:flex;gap:6px;align-items:center}.action-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),color var(--transition);color:var(--color-text-muted)}.action-btn svg{width:15px;height:15px}.action-btn:hover{background:var(--color-bg);color:var(--color-text)}.action-btn--edit:hover{color:var(--color-green-mid);background:#e8f5e9}.action-btn--delete:hover{color:var(--color-red-mid);background:#ffebee}.action-btn--view:hover{color:#1565c0;background:#e3f2fd}.empty-state{padding:60px 20px;text-align:center;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:6px}.empty-state svg{width:48px;height:48px;opacity:.3;margin-bottom:10px}.empty-state p{font-size:15px;font-weight:500;color:var(--color-text);margin:0}.empty-state span{font-size:13px}.empty-state .btn-primary,.empty-state .btn-secondary{margin-top:14px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid var(--color-border);font-size:13px;color:var(--color-text-muted)}.pagination .pagination-info span{color:var(--color-text);font-weight:500}.pagination .pagination-btns{display:flex;gap:6px}.pagination .pagination-btns button{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;font-size:13px;color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.pagination .pagination-btns button:hover:not(:disabled){border-color:var(--color-green-mid);color:var(--color-green-mid)}.pagination .pagination-btns button.active{background:var(--gradient-brand);color:#fff;border-color:transparent}.pagination .pagination-btns button:disabled{opacity:.4;cursor:not-allowed}.pagination .pagination-btns button svg{width:14px;height:14px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;background:#fff;color:var(--color-text);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.btn-secondary svg{width:15px;height:15px}.btn-secondary:hover{border-color:var(--color-green-mid);color:var(--color-green-mid);background:#f1f8f1}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:80px 20px;color:var(--color-text-muted);font-size:14px}.spinner-lg{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-green-mid);border-radius:50%;animation:spin-lg .8s linear infinite}@keyframes spin-lg{to{transform:rotate(360deg)}}.error-state{display:flex;align-items:flex-start;gap:14px;padding:24px;background:#fff5f5;border:1px solid #fed7d7;border-radius:var(--radius-md);color:var(--color-red-mid);margin-bottom:20px}.error-state svg{width:22px;height:22px;flex-shrink:0;margin-top:1px}.error-state p{font-size:14px;font-weight:500;margin-bottom:10px}.alert-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff5f5;border:1px solid #fed7d7;border-radius:var(--radius-sm);color:var(--color-red-mid);font-size:13.5px}.alert-error svg{width:18px;height:18px;flex-shrink:0}@media (max-width: 768px){.admin-page,.catalogo-page,.checkout-page,.confirmacion-page{padding:16px!important}.page-header{flex-direction:column;gap:10px}.page-header .page-header-actions{width:100%;flex-wrap:wrap}.page-header .page-header-actions .btn-primary,.page-header .page-header-actions .btn-secondary{flex:1;justify-content:center}.toolbar{flex-direction:column;align-items:stretch}.toolbar .search-box{max-width:100%}.toolbar .filter-select{width:100%}.table-wrapper{overflow-x:auto}.pagination{flex-direction:column;align-items:center;gap:10px}}