: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-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;gap:var(--space-2);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-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)}.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)}.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}.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)}