*{box-sizing:border-box}:root{--bg: #0f1115;--surface: #1a1d24;--surface-2: #23272f;--border: #2e333d;--text: #f2f3f5;--text-dim: #9aa0ab;--accent: #6d5efc;--accent-dim: #3f3a7a;--success: #22c55e;--success-bg: #123a22;--warning: #eab308;--warning-bg: #3a3212;--danger: #ef4444;--danger-bg: #3a1414;--gris: #4b5563;--gris-bg: #23272f;--radius: 16px;--radius-sm: 10px}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:1rem}a{color:inherit}.app-shell{min-height:100%;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:720px;margin:0 auto;padding:16px 16px calc(90px + env(safe-area-inset-bottom))}.page-wide{max-width:1100px}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.top-bar h1{font-size:1.05rem;margin:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.top-bar .btn{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 20px;border-radius:var(--radius-sm);border:none;font-size:1rem;font-weight:600;cursor:pointer;width:100%;background:var(--surface-2);color:var(--text);transition:transform .05s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-success{background:var(--success);color:#06210f}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border)}.btn-sm{min-height:40px;padding:8px 14px;font-size:.9rem;width:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.85rem;color:var(--text-dim)}.field input,.field select,.field textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text);min-height:48px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600}.badge-gris{background:var(--gris-bg);color:#b3b9c4}.badge-amarillo{background:var(--warning-bg);color:var(--warning)}.badge-verde{background:var(--success-bg);color:var(--success)}.badge-rojo{background:var(--danger-bg);color:var(--danger)}.dia-color-GRIS{background:var(--gris-bg);border-color:var(--gris)}.dia-color-AMARILLO{background:var(--warning-bg);border-color:var(--warning)}.dia-color-VERDE{background:var(--success-bg);border-color:var(--success)}.dia-color-ROJO{background:var(--danger-bg);border-color:var(--danger)}.month-calendar{margin-bottom:16px}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-dot-VERDE{background:var(--success)}.legend-dot-AMARILLO{background:var(--warning)}.legend-dot-ROJO{background:var(--danger)}.legend-dot-GRIS{background:var(--gris)}.month-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.month-calendar-header strong{font-size:1.05rem}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.month-grid-labels{margin-bottom:6px}.month-grid-label{text-align:center;font-size:.72rem;color:var(--text-dim);font-weight:600}.month-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;padding:2px;min-height:0}.month-day:active{transform:scale(.96)}.month-day-empty{border:none;background:transparent;cursor:default}.month-day-number{font-size:.85rem;font-weight:600}.month-day-dots{display:flex;gap:3px}.month-day-dot{width:6px;height:6px;border-radius:50%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;text-decoration:none;color:var(--text-dim);font-size:.72rem;font-weight:600}.bottom-nav a.active{color:var(--accent)}.bottom-nav .icon{font-size:1.3rem}.center-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.text-dim{color:var(--text-dim)}.text-center{text-align:center}.row{display:flex;flex-wrap:wrap;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.reports-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.reports-table{width:100%;border-collapse:collapse}.reports-table th,.reports-table td{padding:12px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}.reports-table th{color:var(--text-dim);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.reports-table tr:last-child td{border-bottom:none}.error-text{color:var(--danger);font-size:.9rem}.terminal-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:24px;text-align:center}.terminal-idle-icon{font-size:5rem;margin-bottom:16px;opacity:.5}.terminal-confirmacion{min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;animation:pop .25s ease}.terminal-confirmacion.entrada{background:var(--success-bg);color:var(--success)}.terminal-confirmacion.salida{background:var(--warning-bg);color:var(--warning)}.terminal-confirmacion.error{background:var(--danger-bg);color:var(--danger)}.terminal-check{font-size:6rem;line-height:1}.terminal-nombre{font-size:2.2rem;font-weight:700;color:var(--text)}.terminal-hora{font-size:1.4rem;color:var(--text-dim)}@keyframes pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.qr-box{background:#fff;border-radius:var(--radius);padding:16px;display:flex;align-items:center;justify-content:center}.qr-box img{width:100%;max-width:280px;height:auto;display:block}