.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.login-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:3rem;width:100%;max-width:450px}.login-header{text-align:center;margin-bottom:2rem}.login-icon{font-size:4rem;margin-bottom:1rem}.login-header h1{font-size:1.75rem;color:var(--text-primary);margin-bottom:.5rem}.login-header p{color:var(--text-secondary);font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem}.form-group input{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{background-color:#fee2e2;color:#991b1b;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;text-align:center}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-info{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.login-info p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.login-info ul{list-style:none;padding:0;font-size:.75rem;color:var(--text-secondary)}.login-info ul li{padding:.25rem 0}.login-info ul li strong{color:var(--text-primary);font-family:monospace;background-color:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px}.success-message{background-color:#d1fae5;color:#065f46;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;text-align:center}.toggle-mode{text-align:center;margin-top:1rem}.btn-toggle{background:none;border:none;color:#667eea;font-size:.875rem;cursor:pointer;padding:.5rem;transition:all .2s;text-decoration:underline}.btn-toggle:hover{color:#764ba2}.layout{display:flex;min-height:100vh;background-color:var(--bg-secondary)}.sidebar{width:230px;background-color:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:1rem}.sidebar-logo{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.sidebar-title h2{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.sidebar-title p{font-size:.75rem;color:var(--text-secondary);margin:.125rem 0 0}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%}.nav-item:hover{background-color:var(--bg-secondary);color:var(--text-primary);transform:none}.nav-item.active{background-color:#eff6ff;color:var(--primary-color);border-right:3px solid var(--primary-color)}.nav-icon{font-size:1.25rem}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color)}.logout-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%;border-radius:8px}.logout-btn:hover{background-color:#fee2e2;border-color:#ef4444;color:#991b1b;transform:none}.main-content{flex:1;margin-left:230px;min-height:100vh}.main-content.full-width{margin-left:0}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.25rem;color:var(--text-primary);margin:0}.modal-close{background:transparent;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:none}.modal-body{padding:1.5rem}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.modal-form .form-group{display:flex;flex-direction:column;gap:.5rem}.modal-form .form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem}.modal-form .form-group input[type=text],.modal-form .form-group input[type=number],.modal-form .form-group input[type=file],.modal-form .form-group textarea,.modal-form .form-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem}.modal-form .form-group input[type=checkbox]{width:20px;height:20px}.modal-form .form-group textarea{resize:vertical;font-family:inherit}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background:#fff;color:var(--text-primary);padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;border:1px solid var(--border-color);cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:var(--bg-secondary);transform:translateY(-1px)}.dashboard{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.dashboard-header p{color:var(--text-secondary);font-size:1rem}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.action-card{background:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow);cursor:pointer;transition:all .2s;text-align:center}.action-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.action-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem}.action-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.action-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.action-card h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.action-card p{color:var(--text-secondary);font-size:.875rem}.tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.table-section{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.table-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.table-header h2{font-size:1.125rem;color:var(--text-primary)}.view-all{color:var(--primary-color);font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s}.view-all:hover{opacity:.7}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background-color:var(--bg-secondary)}th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}td{padding:1rem 1.5rem;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-success{background-color:#d1fae5;color:#065f46}.badge-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary)}.btn-icon{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;transition:transform .2s}.btn-icon:hover{transform:scale(1.2)}@media (max-width: 768px){.dashboard{padding:1rem}.tables-grid{grid-template-columns:1fr}}.mis-pedidos{padding:2rem;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h1{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.page-header p{color:var(--text-secondary);font-size:1rem}.btn-new-pedido{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-new-pedido:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab{background:transparent;border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:var(--text-primary);transform:none}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{background:#fff;border:1px solid var(--border-color);padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.filter-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-btn.urgente.active{background-color:#f59e0b;border-color:#f59e0b}.filter-btn.incompleto.active{background-color:#ef4444;border-color:#ef4444}.pedidos-list{display:flex;flex-direction:column;gap:1rem}.pedido-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);transition:all .2s}.pedido-card.urgente{border-left:4px solid #f59e0b}.pedido-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pedido-header{padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}.pedido-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:8px;flex-shrink:0}.pedido-info{flex:1}.pedido-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.pedido-time{font-size:.75rem;color:var(--text-secondary)}.pedido-title{font-size:1.125rem;color:var(--text-primary);margin-bottom:.5rem}.pedido-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.pedido-details{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.detail-badge{font-size:.75rem;padding:.25rem .625rem;border-radius:4px;background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:500}.detail-badge.warning,.detail-badge.urgent{background-color:#fef3c7;color:#92400e}.pedido-comments{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.comment{font-size:.813rem;color:var(--text-secondary);font-style:italic;margin:.25rem 0}.btn-arrow{background:transparent;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.btn-arrow:hover{background-color:var(--bg-secondary);color:var(--text-primary);transform:translate(3px)}.badge-blue{background-color:#dbeafe;color:#1e40af}.badge-orange{background-color:#fef3c7;color:#92400e}.badge-green{background-color:#d1fae5;color:#065f46}.badge-gray{background-color:var(--bg-tertiary);color:var(--text-secondary)}.btn-load-more{background:transparent;border:1px dashed var(--border-color);color:var(--primary-color);padding:1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;width:100%;transition:all .2s;margin-top:1rem}@media (max-width: 768px){.mis-pedidos{padding:1rem}.page-header{flex-direction:column;gap:1rem}.btn-new-pedido{width:100%}}.pedido-card.cancelado{opacity:.85;border-left:4px solid #dc3545}.badge-red{background-color:#dc3545;color:#fff}.pedido-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.btn-cancelar{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s}.btn-cancelar:hover{background:#c82333;transform:scale(1.1)}.btn-comentar,.btn-editar{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s}.btn-comentar:hover{background:#0056b3;transform:scale(1.1)}.btn-editar{background:#28a745}.btn-editar:hover{background:#218838;transform:scale(1.1)}.comment-preview{display:flex;flex-direction:column;margin:.5rem 0;padding:.5rem;background:#f8f9fa;border-radius:4px}.comment-author{font-size:.75rem;font-weight:600;color:#495057;margin-bottom:.25rem}.comment-text{font-size:.813rem;color:#6c757d}.btn-ver-mas-comentarios{background:transparent;border:none;color:#007bff;font-size:.813rem;cursor:pointer;padding:.25rem 0;text-align:left;margin-top:.5rem;transition:color .2s}.btn-ver-mas-comentarios:hover{color:#0056b3;text-decoration:underline}.modal-comentarios{display:flex;flex-direction:column;gap:1rem;max-height:600px}.pedido-info-comentarios{background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:.5rem}.pedido-info-comentarios p{margin:.25rem 0;font-size:.9rem}.comentarios-lista{flex:1;overflow-y:auto;max-height:300px;display:flex;flex-direction:column;gap:.75rem;padding:.5rem}.comentario-item{background:#f8f9fa;padding:.75rem;border-radius:6px;border-left:3px solid #007bff}.comentario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comentario-usuario{font-weight:600;font-size:.875rem;color:#495057}.badge-admin{background:#007bff;color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.comentario-fecha{font-size:.75rem;color:#6c757d}.comentario-texto{font-size:.875rem;color:#212529;line-height:1.5}.sin-comentarios{text-align:center;color:#6c757d;font-style:italic;padding:2rem}.agregar-comentario{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid #dee2e6;padding-top:1rem}.agregar-comentario textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:.875rem;resize:vertical;font-family:inherit}.agregar-comentario textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.pedido-info-editar{background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1rem}.pedido-info-editar p{margin:.25rem 0;font-size:.9rem}.producto-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center}.producto-row input,.producto-row select{padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem}.producto-row input[type=text]:first-child{flex:1}.producto-row input[type=text]:last-of-type{flex:1}.btn-eliminar-producto{background:#dc3545;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.btn-eliminar-producto:hover{background:#c82333}.btn-agregar-producto{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s;margin-top:.5rem}.btn-agregar-producto:hover{background:#218838}.imagenes-info{font-size:.813rem;color:#6c757d;margin-top:.5rem}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.checkbox-group input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.mis-compras{padding:2rem;max-width:1200px;margin:0 auto}.btn-registrar-gasto{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-registrar-gasto:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.filters-row{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.filter-group select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer}.filter-checkbox{display:flex;align-items:center;gap:.5rem}.filter-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.filter-checkbox label{font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer}.results-info{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.compras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.compra-card{background:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);position:relative;transition:all .2s;border-top:4px solid;border-top-color:#3b82f6}.compra-card.urgente{border-top-color:#f59e0b}.compra-card.sin-ticket{border-top-color:#ef4444}.compra-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.compra-date{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.compra-titulo{font-size:1.125rem;color:var(--text-primary);margin-bottom:1.25rem;line-height:1.4;min-height:3em}.compra-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.info-value.monto{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.compra-footer{display:flex;justify-content:space-between;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.status-badge.subido{background-color:#d1fae5;color:#065f46}.status-badge.pendiente{background-color:#fef3c7;color:#92400e}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.btn-view{background:transparent;border:1px solid var(--border-color);width:36px;height:36px;border-radius:8px;font-size:1.125rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-view:hover{background-color:var(--bg-secondary);transform:scale(1.1)}.urgente-badge,.ticket-icon{position:absolute;top:1rem;right:1rem;font-size:1.5rem}.empty-state{grid-column:1 / -1;background:#fff;border-radius:var(--border-radius);padding:3rem;text-align:center;color:var(--text-secondary)}.btn-load-more{background:transparent;border:1px dashed var(--border-color);color:var(--primary-color);padding:1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;width:100%;transition:all .2s}.btn-load-more:hover{background-color:var(--bg-secondary);border-color:var(--primary-color);transform:none}@media (max-width: 768px){.mis-compras{padding:1rem}.page-header{flex-direction:column;gap:1rem}.btn-registrar-gasto{width:100%}.compras-grid{grid-template-columns:1fr}.filters-row,.filter-group{flex-direction:column;align-items:stretch}}.sub-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e0e0e0);padding-bottom:.5rem}.sub-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary, #666);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.sub-tab:hover{color:var(--text-primary, #000);border-bottom-color:var(--primary-color, #4A90E2)}.sub-tab.active{color:var(--primary-color, #4A90E2);border-bottom-color:var(--primary-color, #4A90E2)}.compra-card.cancelada{opacity:.85;border-top-color:#dc3545!important}.status-badge.cancelada{background-color:#dc3545;color:#fff}.compra-actions{display:flex;gap:.5rem;align-items:center}.btn-cancelar-compra{background:#dc3545;color:#fff;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-cancelar-compra:hover{background:#c82333;transform:scale(1.1)}.cancelacion-info{margin-top:1rem;padding:1rem;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px}.cancelacion-info p{margin:0 0 .5rem;font-size:.9rem}.btn-ver-motivo{background:#007bff;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s}.btn-ver-motivo:hover{background:#0056b3}.compra-cancelar-info{background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1rem}.compra-cancelar-info p{margin:.5rem 0}.notificaciones-page{padding:2rem;max-width:1000px;margin:0 auto}.btn-marcar-leidas{background:#fff;color:var(--primary-color);padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;border:1px solid var(--border-color);cursor:pointer;transition:all .2s}.btn-marcar-leidas:hover{background-color:var(--bg-secondary);transform:translateY(-1px)}.badge-count{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;margin-left:.5rem}.notificaciones-container{display:flex;flex-direction:column;gap:2rem}.notif-section{display:flex;flex-direction:column;gap:1rem}.section-title{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.notif-card{background:#fff;border-radius:var(--border-radius);padding:1.25rem 1.5rem;box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:1rem;transition:all .2s;position:relative}.notif-card:hover{box-shadow:var(--shadow-lg);transform:translate(4px)}.notif-card.no-leida{background:linear-gradient(90deg,#eff6ff,#fff);border-left:4px solid var(--primary-color)}.notif-dot{position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background-color:var(--primary-color);border:2px solid white}.notif-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.notif-icon-warning{background-color:#fef3c7}.notif-icon-info{background-color:#dbeafe}.notif-icon-success{background-color:#d1fae5}.notif-icon-locked{background-color:#e5e7eb}.notif-content{flex:1}.notif-titulo{font-size:1rem;color:var(--text-primary);margin-bottom:.375rem;font-weight:600}.notif-mensaje{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.notif-time{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;margin-top:.25rem}.btn-arrow-notif{background:transparent;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s;opacity:0}.notif-card:hover .btn-arrow-notif{opacity:1}.btn-arrow-notif:hover{background-color:var(--bg-secondary);color:var(--text-primary);transform:translate(3px)}.btn-delete-notif{background:transparent;border:none;font-size:1.5rem;color:#dc2626;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s;opacity:0;line-height:1}.notif-card:hover .btn-delete-notif{opacity:1}.btn-delete-notif:hover{background-color:#fee2e2;transform:scale(1.1)}.empty-state{background:#fff;border-radius:var(--border-radius);padding:3rem;text-align:center;color:var(--text-secondary)}.btn-ver-antiguas{background:transparent;border:1px dashed var(--border-color);color:var(--primary-color);padding:1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;width:100%;transition:all .2s;margin-top:2rem}.btn-ver-antiguas:hover{background-color:var(--bg-secondary);border-color:var(--primary-color);transform:none}@media (max-width: 768px){.notificaciones-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.btn-marcar-leidas{width:100%}.notif-card{flex-wrap:wrap}.notif-time{order:1;margin-left:auto}.btn-arrow-notif,.btn-delete-notif{opacity:1}}.admin-panel{display:flex;min-height:100vh;background-color:var(--bg-secondary)}.admin-sidebar{width:240px;background-color:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100}.admin-sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem}.admin-logo{font-size:2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.admin-title h2{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.admin-title p{font-size:.75rem;color:var(--text-secondary);margin:0}.admin-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.25rem}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%}.admin-nav-item:hover{background-color:var(--bg-secondary);color:var(--text-primary);transform:none}.admin-nav-item.active{background-color:#eff6ff;color:var(--primary-color);border-right:3px solid var(--primary-color)}.admin-sidebar-footer{padding:1rem;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem}.admin-user{display:flex;align-items:center;gap:.75rem;flex:1}.admin-user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.admin-user-info{flex:1}.admin-user-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.admin-user-role{font-size:.75rem;color:var(--text-secondary);margin:0}.admin-logout-btn{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s}.admin-logout-btn:hover{background-color:#fee2e2;transform:none}.admin-main{flex:1;margin-left:240px;padding:2rem}.admin-breadcrumb{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem;display:flex;gap:.5rem}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.admin-header h1{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.admin-header p{color:var(--text-secondary);font-size:1rem}.btn-nueva-solicitud{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-nueva-solicitud:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);overflow-x:auto}.admin-tab{background:transparent;border:none;padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.admin-tab:hover{color:var(--text-primary);transform:none}.admin-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-count{background-color:var(--primary-color);color:#fff;padding:.125rem .5rem;border-radius:999px;font-size:.75rem}.admin-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem}.filter-btn{background:#fff;border:1px solid var(--border-color);padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.filter-btn:hover{background-color:var(--bg-secondary);transform:translateY(-1px)}.admin-table-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background-color:var(--bg-secondary)}.admin-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary)}.tipo-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.tipo-pedido{background-color:#dbeafe;color:#1e40af}.tipo-compra{background-color:#f3e8ff;color:#6b21a8}.descripcion-cell{max-width:300px;color:var(--text-secondary)}.solicitante-cell{display:flex;align-items:center;gap:.5rem}.solicitante-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1rem}.estado-cell{display:flex;align-items:center;gap:.5rem}.estado-badge{font-size:1.25rem}.urgente-icon{font-size:.75rem}.incompleto-icon{font-size:1rem}.admin-badge{background-color:#ff6b6b;color:#fff;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1rem;border-left:4px solid}.stat-card.orange{border-left-color:#f59e0b}.stat-card.red{border-left-color:#ef4444}.stat-card.blue{border-left-color:#3b82f6}.stat-card.purple{border-left-color:#8b5cf6}.stat-card.green{border-left-color:#10b981}.stat-icon{font-size:2.5rem}.stat-content{flex:1}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.empty-table{padding:3rem;text-align:center;color:var(--text-secondary)}.table-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.table-footer p{font-size:.875rem;color:var(--text-secondary);margin:0}.pagination{display:flex;gap:.5rem}.pagination-btn{background:#fff;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.pagination-btn:hover{background-color:var(--bg-secondary);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%)}.admin-main{margin-left:0}}@media (max-width: 768px){.admin-main{padding:1rem}.admin-header{flex-direction:column;gap:1rem}.btn-nueva-solicitud{width:100%}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}}.btn-action{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;transition:transform .2s}.btn-action:hover{transform:scale(1.2)}.info-section{background-color:var(--bg-secondary);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.info-section h3{margin-top:0;margin-bottom:1rem;font-size:1rem;color:var(--text-primary)}.info-section p{margin:.5rem 0;font-size:.875rem;color:var(--text-secondary)}.estado-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.btn-estado{background:#fff;border:2px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-estado:hover{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.btn-warning{background-color:#fef3c7;border:2px solid #f59e0b;color:#92400e;padding:.75rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-warning:hover{background-color:#fde68a;transform:translateY(-1px)}.sub-tabs-admin{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e0e0e0);padding-bottom:.5rem}.sub-tab-admin{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary, #666);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.sub-tab-admin:hover{color:var(--text-primary, #000);border-bottom-color:var(--primary-color, #4A90E2)}.sub-tab-admin.active{color:var(--primary-color, #4A90E2);border-bottom-color:var(--primary-color, #4A90E2)}.row-cancelado{opacity:.75;background-color:#fff5f5}.estado-badge.cancelado{background-color:#dc3545;color:#fff}.acciones-cell{display:flex;gap:.5rem;align-items:center;justify-content:center}.btn-cancelar-admin{background:#dc3545;color:#fff;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-cancelar-admin:hover{background:#c82333;transform:scale(1.1)}.pedido-cancelar-info{background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1rem}.pedido-cancelar-info p{margin:.5rem 0}.btn-danger{background:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s}.btn-danger:hover{background:#c82333}.detalle-cancelacion{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;flex-direction:column;gap:.5rem}.info-row strong{color:var(--text-secondary, #666);font-size:.9rem}.info-row span{font-size:1rem}.info-row.motivo{background:#f8f9fa;padding:1rem;border-radius:6px;border-left:4px solid #dc3545}.info-row.motivo p{margin:.5rem 0 0;line-height:1.6}.comentarios-historial{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto;margin-top:1rem;padding:.5rem}.comentario-admin-item{background:#fff;padding:.75rem;border-radius:6px;border-left:3px solid #007bff;box-shadow:0 1px 3px #0000001a}.comentario-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comentario-admin-usuario{font-weight:600;font-size:.875rem;color:#495057}.badge-admin-inline{background:#007bff;color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;margin-left:.25rem}.comentario-admin-fecha{font-size:.75rem;color:#6c757d}.comentario-admin-texto{font-size:.875rem;color:#212529;line-height:1.5}.modal-chat-admin{display:flex;flex-direction:column;gap:1rem;max-height:600px}.pedido-info-chat{background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:.5rem}.pedido-info-chat p{margin:.25rem 0;font-size:.9rem}.chat-mensajes-lista{flex:1;overflow-y:auto;max-height:350px;display:flex;flex-direction:column;gap:.75rem;padding:.5rem;background:#fafafa;border-radius:6px}.chat-mensaje-item{background:#fff;padding:.75rem;border-radius:6px;border-left:3px solid #007bff;box-shadow:0 1px 3px #0000001a}.chat-mensaje-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.chat-mensaje-usuario{font-weight:600;font-size:.875rem;color:#495057}.badge-admin-chat{background:#007bff;color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;margin-left:.25rem}.chat-mensaje-fecha{font-size:.75rem;color:#6c757d}.chat-mensaje-texto{font-size:.875rem;color:#212529;line-height:1.5;word-wrap:break-word}.sin-mensajes{text-align:center;color:#6c757d;font-style:italic;padding:2rem}.chat-escribir{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid #dee2e6;padding-top:1rem}.chat-escribir textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:.875rem;resize:vertical;font-family:inherit}.chat-escribir textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.badge-supervisor{background-color:#9c27b0;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-admin{background-color:#ff6b6b;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-validador{background-color:#4caf50;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-user{background-color:#2196f3;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;--primary-color: #2563eb;--secondary-color: #7c3aed;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #06b6d4;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--border-radius: 8px;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}body{margin:0;background-color:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem .75rem;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary-color)}a{text-decoration:none;color:inherit}