*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;background:#f3f4f6;color:#1f2937;overflow-x:hidden}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.btn{padding:.5rem 1rem;font-size:.875rem;min-height:44px;min-width:44px;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}@media (min-width: 640px) and (max-width: 767px){.btn{padding:1rem 1.5rem;font-size:1rem}}.btn .material-icons{font-size:18px}@media (min-width: 640px) and (max-width: 767px){.btn .material-icons{font-size:20px}}.btn.btn-primary{background:#667eea;color:#fff}.btn.btn-primary:hover{background:#5568d3}.btn.btn-secondary{background:#6c757d;color:#fff}.btn.btn-secondary:hover{background:#5a6268}.btn.btn-success{background:#28a745;color:#fff}.btn.btn-danger{background:#dc3545;color:#fff}.card{padding:1rem;border-radius:.5rem;background:#fff;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (min-width: 640px) and (max-width: 767px){.card{padding:1.5rem;border-radius:.75rem}}@media (max-width: 639px){.card{margin:-1rem 1rem;border-radius:0;box-shadow:none;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB}}.card .card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #F3F4F6}@media (max-width: 639px){.card .card-header{flex-direction:column}}.card .card-header .card-title{margin:0;font-size:1.25rem}@media (max-width: 639px){.card .card-header .card-title{font-size:1.125rem}}.card .card-header>div{display:flex;flex-direction:row;gap:.5rem}@media (max-width: 639px){.card .card-header>div{flex-direction:column}}@media (max-width: 639px){.card .card-header>div{width:100%;margin-top:1rem}.card .card-header>div button{flex:1}}.table{width:100%;border-collapse:collapse;background:#fff}.table thead{background:#f8f9fa}@media (max-width: 639px){.table thead{display:none}}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}@media (max-width: 639px){.table th,.table td{padding:.5rem;font-size:.875rem}}.table th{font-weight:600;color:#666}@media (max-width: 639px){.table tr{display:block;margin-bottom:1rem;border:1px solid #E5E7EB;border-radius:.5rem;padding:1rem;background:#fff}.table tr:hover{background:#f3f4f6}}@media (min-width: 768px){.table tr:hover{background:#f8f9fa}}@media (max-width: 639px){.table tbody tr td{display:flex;justify-content:space-between;padding:.5rem 0;border:none;border-bottom:1px solid #F3F4F6}.table tbody tr td:last-child{border-bottom:none}.table tbody tr td:before{content:attr(data-label);font-weight:600;color:#6b7280;margin-right:1rem;flex-shrink:0}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 639px){.table-container{margin:-1rem;padding:0 1rem}}.status-badge{padding:.25rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.status-devuelto{background:#f59e0b;color:#fff}.status-badge.status-no_atendido{background:#dc2626;color:#fff}.status-badge.status-en_proceso{background:#3b82f6;color:#fff}.status-badge.status-atendido{background:#10b981;color:#fff}@media (max-width: 639px){.hide-mobile-text{display:none}}.empty-state{text-align:center;padding:3rem;color:#6b7280;font-style:italic}