:root{--bg: #0f0f1a;--surface: #1a1a2e;--surface2: #22223a;--border: #2e2e4a;--primary: #f5a623;--primary-dark: #c47f0a;--primary-text: #0f0f1a;--success: #2ecc71;--danger: #e74c3c;--warning: #f39c12;--text: #f0f0f0;--text-muted: #a0a0b0;--radius: 16px;--radius-sm: 8px;font-size:18px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior:none}#root{display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit;border:none;outline:none}input{font-family:inherit;outline:none}.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.w-full{width:100%}.text-center{text-align:center}.text-muted{color:var(--text-muted);font-size:.85rem}.text-sm{font-size:.85rem}.font-bold{font-weight:700}.rounded{border-radius:var(--radius-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem}.btn-giant{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:2rem 1rem;border-radius:var(--radius);font-size:1.6rem;font-weight:800;letter-spacing:.03em;background:var(--primary);color:var(--primary-text);transition:transform .1s,opacity .1s;min-height:180px;-webkit-user-select:none;user-select:none}.btn-giant:active{transform:scale(.97);opacity:.9}.btn-giant.salida{background:var(--danger);color:#fff}.btn-giant:disabled{opacity:.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;background:var(--primary);color:var(--primary-text);transition:opacity .15s}.btn:active{opacity:.8}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.4rem .9rem;font-size:.85rem}.btn:disabled{opacity:.4}.input{width:100%;padding:.85rem 1rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:1.1rem}.input:focus{border-color:var(--primary)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:99px;font-size:.75rem;font-weight:600}.badge-ok{background:#1a3a2a;color:var(--success)}.badge-warn{background:#3a2a0a;color:var(--warning)}.badge-err{background:#3a0f0f;color:var(--danger)}.badge-info{background:#1a2a3a;color:#5bc8f5}.bottom-nav{display:flex;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .2rem .6rem;gap:.3rem;font-size:.85rem;color:var(--text-muted);background:none;border:none;transition:color .15s}.nav-item.active{color:var(--primary)}.nav-icon{font-size:4.2rem;line-height:1}.bottom-nav{height:120px}.nav-item{font-size:1.1rem}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.app-header h1{font-size:1.4rem;font-weight:800;text-align:center;flex:1;color:var(--primary)}.page{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem;display:flex;flex-direction:column;gap:1rem}.sync-bar{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted)}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.sync-dot.online{background:var(--success)}.sync-dot.syncing{background:var(--warning);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hora-display{font-size:3.5rem;font-weight:800;font-variant-numeric:tabular-nums;text-align:center;color:var(--primary);letter-spacing:-.02em}.tabla{width:100%;border-collapse:collapse;font-size:.85rem}.tabla th{text-align:left;padding:.5rem .75rem;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border)}.tabla td{padding:.6rem .75rem;border-bottom:1px solid var(--border)}.tabla tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-end;z-index:100}.modal-sheet{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;padding:1.5rem 1rem;width:100%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.modal-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:0 auto -.5rem}.select{width:100%;padding:.85rem 1rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulso{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.logo-img{height:96px;width:auto;object-fit:contain}