:root{--color-navy-900: #0f172a;--color-navy-800: #1e293b;--color-navy-700: #334155;--color-red-600: #c1121f;--color-red-700: #970d18;--color-green-600: #15803d;--color-green-100: #dcfce7;--color-amber-600: #b45309;--color-amber-100: #fef3c7;--color-blue-600: #1d4ed8;--color-blue-100: #dbeafe;--color-bg: #f4f5f7;--color-surface: #ffffff;--color-border: #e0e3e8;--color-text: #101828;--color-text-muted: #5a6472;--color-text-on-dark: #f8fafc;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--font-sans: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}main{display:block;width:100%;max-width:640px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-8)}h1{margin:0 0 var(--space-2);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:var(--color-navy-900)}h2{margin:var(--space-5) 0 var(--space-2);font-size:1.125rem;font-weight:600;color:var(--color-navy-900)}p{margin:0 0 var(--space-3);color:var(--color-text-muted)}a{color:var(--color-navy-800);text-decoration-color:var(--color-border);text-underline-offset:3px}a:hover{color:var(--color-red-600)}form{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-4) 0}form label{display:flex;flex-direction:column;gap:var(--space-2);font-size:.9375rem;font-weight:600;color:var(--color-navy-900)}input{font:inherit;padding:var(--space-3);min-height:48px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}input:focus-visible{outline:2px solid var(--color-navy-700);outline-offset:1px;border-color:var(--color-navy-700)}button{font:inherit;font-weight:600;min-height:48px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-navy-900);background:var(--color-surface);color:var(--color-navy-900);cursor:pointer}button:hover{background:var(--color-bg)}button[type=submit]{border-color:var(--color-red-600);background:var(--color-red-600);color:var(--color-text-on-dark)}button[type=submit]:hover{background:var(--color-red-700);border-color:var(--color-red-700)}button:disabled{opacity:.6;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--color-navy-700);outline-offset:2px}p[role=alert]{margin:0;padding:var(--space-3);border-radius:var(--radius-md);background:#fef2f2;border:1px solid #fecaca;color:var(--color-red-700);font-weight:500}dl{margin:0 0 var(--space-4);display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4)}dt{color:var(--color-text-muted);font-weight:500}dd{margin:0;font-weight:600;color:var(--color-text)}ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}nav{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}@media(min-width:640px){main{padding-top:var(--space-8)}}.home{display:flex;flex-direction:column;min-height:100dvh;padding-top:var(--space-6);padding-bottom:var(--space-5);justify-content:space-between;gap:var(--space-6)}.home-header{text-align:center}.home-header h1{font-size:1.75rem}.home-subtitle{margin:0;font-size:.9375rem;color:var(--color-text-muted)}.home-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.home-actions{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.btn{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:600;min-height:52px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent}.btn-primary{background:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-text-on-dark)}.btn-primary:hover{background:var(--color-red-700);border-color:var(--color-red-700);color:var(--color-text-on-dark)}.btn-secondary{background:var(--color-surface);border-color:var(--color-navy-900);color:var(--color-navy-900)}.btn-secondary:hover{background:var(--color-bg);color:var(--color-navy-900)}.home-status{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:500;color:var(--color-text-muted);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.home-status-dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--color-text-muted)}.home-status--ok .home-status-dot{background:var(--color-green-600)}.home-status--ok{color:var(--color-green-600)}.home-status--error .home-status-dot{background:var(--color-red-600)}.home-status--error{color:var(--color-red-700)}.home-footer{text-align:center;font-size:.8125rem;color:var(--color-text-muted)}.home-footer p{margin:0;color:inherit}@media(min-width:480px){.home-actions{flex-direction:row}.btn{flex:1}}.app-nav{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-6) auto 0;padding:var(--space-3) var(--space-4);max-width:640px;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -1px 3px #1018280f}.app-nav-links{display:flex;gap:var(--space-2)}.app-nav-link{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;padding:var(--space-2);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;text-align:center;text-decoration:none;color:var(--color-text-muted)}.app-nav-link--active{background:var(--color-navy-900);color:var(--color-text-on-dark)}.app-nav-version{margin:0;padding-top:var(--space-1);font-size:.6875rem;font-weight:500;color:var(--color-text-muted);text-align:center}@media(min-width:640px){.app-nav-version{text-align:right}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-5);margin:0 0 var(--space-4)}.status-pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:999px;font-size:.8125rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;background:var(--color-green-100);color:var(--color-green-600);margin-bottom:var(--space-3)}.status-pill--operativa_con_observaciones{background:var(--color-amber-100);color:var(--color-amber-600)}.status-pill--fuera_de_servicio{background:#fef2f2;color:var(--color-red-700)}.status-pill--en_taller{background:var(--color-blue-100);color:var(--color-blue-600)}.dashboard-header{margin-bottom:var(--space-5)}.dashboard-greeting{margin:0;font-weight:600;color:var(--color-navy-800)}.dashboard-header h1{margin:var(--space-1) 0}.dashboard-meta{margin:0;font-size:.875rem}.dashboard-guardia-dia{font-weight:700;color:var(--color-navy-900);margin-bottom:var(--space-2)}.dashboard-guardia-personas{gap:var(--space-1)}.dashboard-guardia-personas li{font-weight:600;color:var(--color-text)}.quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.quick-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:64px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-navy-900);background:var(--color-surface);color:var(--color-navy-900);font-weight:600;text-align:center;text-decoration:none}.quick-link--disabled{border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.quick-link small{font-weight:500;font-size:.75rem;color:var(--color-text-muted)}.admin-links{flex-direction:row;flex-wrap:wrap;gap:var(--space-3);margin-top:0}.admin-links .btn{flex:1;min-width:120px}.guard-week{gap:var(--space-4)}.guard-day{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4)}.guard-day--current{border-color:var(--color-green-600)}.guard-day-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.guard-day-name{font-weight:700;color:var(--color-navy-900)}.guard-day-header .status-pill{margin-bottom:0}.guard-day-personas{gap:var(--space-2)}.guard-day-personas li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-weight:600}.guard-day-codigo{font-weight:400;color:var(--color-text-muted)}.guard-day-form{flex-direction:row;align-items:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.guard-day-form label{flex:1}.status-pill--en_curso{background:var(--color-blue-100);color:var(--color-blue-600)}.status-pill--finalizada{background:var(--color-border);color:var(--color-text-muted)}.status-pill--cancelada{background:#fef2f2;color:var(--color-red-700)}.guardia-noches{gap:var(--space-4)}.guardia-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4)}.guardia-card--destacada{border-color:var(--color-green-600)}.guardia-card-fecha{margin:0;font-weight:700;color:var(--color-navy-900)}.guardia-card-horario{margin:0 0 var(--space-2);color:var(--color-text-muted)}.guardia-card-jgn,.guardia-card-inscritos{margin:var(--space-1) 0}.guardia-card-cerrada{margin:var(--space-1) 0;color:var(--color-red-700);font-weight:600}.guardia-card-inscrito{margin:var(--space-1) 0;color:var(--color-green-600);font-weight:600}.guardia-card-rechazada{margin:var(--space-1) 0;color:var(--color-red-700);font-weight:600}.guardia-card-camas{margin:var(--space-1) 0;color:var(--color-text-muted)}.inscritos-grupo{margin-top:var(--space-4)}.inscritos-grupo h3{margin:0 0 var(--space-2);font-size:1rem;color:var(--color-navy-900)}.inscrito-cama-selector{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem}.camas-list{gap:var(--space-3)}.cama-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.guardia-card-acciones{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.inscritos-list{gap:var(--space-3)}.inscrito-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.inscrito-acciones{display:flex;flex-wrap:wrap;gap:var(--space-2)}.guardia-admin-panel{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.personnel-filters{flex-direction:column;gap:var(--space-3)}@media(min-width:480px){.personnel-filters{flex-direction:row}.personnel-filters label{flex:1}}select{font:inherit;padding:var(--space-3);min-height:48px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.personnel-list{gap:var(--space-2)}.personnel-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-decoration:none;color:var(--color-text)}.personnel-row:hover{border-color:var(--color-navy-700)}.personnel-grado{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted)}.personnel-nombre{font-weight:600}.personnel-codigo{font-size:.875rem;color:var(--color-text-muted)}textarea{font:inherit;padding:var(--space-3);min-height:88px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);resize:vertical}textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-navy-700);outline-offset:1px;border-color:var(--color-navy-700)}.units-summary-line{font-weight:600;color:var(--color-navy-900)}.units-summary-novedades{color:var(--color-red-700);font-weight:600;margin:0}.units-list{gap:var(--space-3)}.unit-card{display:block;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);text-decoration:none;color:var(--color-text)}.unit-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.unit-card-codigo{font-size:1.125rem;font-weight:700;color:var(--color-navy-900)}.unit-card-header .status-pill{margin-bottom:0}.unit-card-tipo{margin:0;color:var(--color-text-muted)}.unit-card-novedad{margin:var(--space-2) 0 0;font-weight:600;color:var(--color-red-700)}.unit-detail-tipo{margin:0 0 var(--space-3);color:var(--color-text-muted)}.issue-list,.maintenance-list,.history-list{gap:var(--space-3)}.issue-item{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.issue-titulo{margin:0 0 var(--space-1);font-weight:700;color:var(--color-navy-900)}.issue-prioridad{font-weight:500;color:var(--color-text-muted)}.issue-meta{margin:0;font-size:.875rem;color:var(--color-text-muted)}.issue-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.issue-actions button{flex:1}.maintenance-list li,.history-list li{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.maintenance-tipo,.history-cambio{margin:0 0 var(--space-1);font-weight:700;color:var(--color-navy-900)}.maintenance-descripcion{margin:0;color:var(--color-text)}.maintenance-meta{margin:var(--space-1) 0 0;font-size:.875rem;color:var(--color-text-muted)}.history-meta{margin:0;font-size:.875rem;color:var(--color-text-muted)}.history-observacion{margin:var(--space-2) 0 0;color:var(--color-text)}.invitation-panel{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:var(--space-2)}.invitation-warning{font-weight:700;color:var(--color-navy-900)}.invitation-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}