:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}:root{--mapa-disponible-bg: rgba(25, 135, 84, .5);--mapa-disponible-border: rgba(25, 135, 84, .8);--mapa-pendiente-bg: rgba(220, 53, 69, .45);--mapa-pendiente-border: rgba(220, 53, 69, .9);--mapa-pagada-bg: rgba(13, 202, 240, .4);--mapa-pagada-border: rgba(13, 202, 240, .9);--surface: #1a1b26;--surface2: #24283b;--text: #c0caf5;--text-dim: #565f89;--accent: #7aa2f7;--success: #9ece6a;--danger: #f7768e;--info: #7dcfff}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--surface);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-container{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .1s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#1a1b26}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--text-dim)}.btn-danger{background:var(--danger);color:#1a1b26}.btn-info{background:var(--info);color:#1a1b26}.btn-success{background:var(--success);color:#1a1b26}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:500;color:var(--text)}.form-group input,.form-group textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--text-dim);border-radius:.4rem;background:var(--surface2);color:var(--text);font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #7aa2f74d}.form-hint{font-size:.85rem;color:var(--text-dim);margin-top:.25rem}.mapa-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.mapa-leyenda{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:.9rem;color:var(--text-dim)}.mapa-leyenda .badge{padding:.25rem .5rem;border-radius:.35rem;font-weight:600}.badge-disponible{background:var(--mapa-disponible-bg);color:#1a1b26;border:1px solid var(--mapa-disponible-border)}.badge-pendiente{background:var(--mapa-pendiente-bg);color:#fff;border:1px solid var(--mapa-pendiente-border)}.badge-pagada{background:var(--mapa-pagada-bg);color:#1a1b26;border:1px solid var(--mapa-pagada-border)}.mapa-grid{display:grid;gap:.35rem;max-width:100%}.mapa-celda{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.35rem;font-weight:600;padding:.25rem;transition:transform .1s,box-shadow .1s;text-decoration:none;color:inherit;border:1px solid}.mapa-celda:hover{transform:scale(1.05);box-shadow:0 2px 12px #0006}.mapa-celda.disponible{background:var(--mapa-disponible-bg);border-color:var(--mapa-disponible-border);color:#1a1b26}.mapa-celda.pendiente{background:var(--mapa-pendiente-bg);border-color:var(--mapa-pendiente-border);color:#fff}.mapa-celda.pagada{background:var(--mapa-pagada-bg);border-color:var(--mapa-pagada-border);color:#1a1b26}.mapa-numero{font-size:clamp(.7rem,2.5vw,1rem)}.mapa-nombre{font-size:.6rem;font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--surface2);border-radius:.5rem;padding:1rem;margin-bottom:1rem;border:1px solid var(--text-dim)}.card-header{font-weight:600;margin-bottom:.75rem;color:var(--text)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--text-dim)}.table th{font-weight:600;color:var(--text-dim)}.table tbody tr:hover{background:#ffffff08}.index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;justify-items:center;margin-top:2rem}.index-tile{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:var(--surface2);border-radius:.5rem;border:1px solid var(--text-dim);text-decoration:none;color:var(--text);font-weight:600;transition:transform .1s,border-color .2s}.index-tile:hover{transform:translateY(-2px);border-color:var(--accent);text-decoration:none;color:var(--text)}.index-tile svg{width:2.5rem;height:2.5rem;color:var(--accent)}.page-title{margin:0 0 .25rem;font-size:1.75rem}.page-subtitle{margin:0 0 1rem;font-size:1.1rem;color:var(--text-dim)}.alert{padding:.75rem 1rem;border-radius:.4rem;margin-bottom:1rem}.alert-danger{background:#f7768e33;border:1px solid var(--danger);color:var(--danger)}.alert-success{background:#9ece6a33;border:1px solid var(--success);color:var(--success)}.search-bar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.search-bar input{flex:1;min-width:200px;padding:.6rem .75rem;border:1px solid var(--text-dim);border-radius:.4rem;background:var(--surface2);color:var(--text);font-size:1rem}.search-bar input:focus{outline:none;border-color:var(--accent)}.detail-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.number-badge{padding:.25rem .6rem;border-radius:.35rem;font-weight:700;background:var(--success);color:#1a1b26}.d-print-none{display:block}.ticket-imprimir{border:1px solid var(--text-dim);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;background:var(--surface2)}.ticket-desc{margin:0 0 .75rem;white-space:pre-wrap}.ticket-row{margin:0 0 .5rem}.ticket-row-last{margin-bottom:0}.ticket-numero-wrap{margin:1rem 0;text-align:center}.ticket-numero{font-size:3rem;font-weight:800;color:var(--danger);letter-spacing:.05em}.ticket-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media print{.d-print-none{display:none!important}.ticket-imprimir{border:1px solid #000!important;box-shadow:none!important;background:#fff!important;color:#000!important}.ticket-numero{font-size:3.5rem!important;color:#c00!important}.ticket-desc,.ticket-row{color:#000!important}body{background:#fff!important;color:#000!important}}