:root{--brand:#ef3e42;--brand-hover:#d72a2f;--brand-soft:#ef3e421a;--brand-glow:#ef3e4240;--bg-primary:#f7f7f8;--bg-secondary:#fff;--bg-card:#fff;--bg-elevated:#f4f4f5;--bg-hover:#eeeef0;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--border:#e5e5ea;--border-strong:#d4d4d8;--accent:var(--brand);--accent-hover:var(--brand-hover);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius:14px;--radius-sm:10px;--radius-lg:20px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px #10182814, 0 1px 2px #1018280a;--shadow-lg:0 12px 32px #1018281a, 0 4px 8px #1018280a;--shadow-brand:0 8px 20px #ef3e4247}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;overflow-x:hidden}body{background:radial-gradient(ellipse 80% 50% at 50% -10%, #ef3e4212, transparent 70%), var(--bg-primary);background-attachment:fixed}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;outline:none;font-family:inherit}input,textarea,select{border:none;outline:none;font-family:inherit}.page{min-height:100vh;padding:16px;padding-bottom:calc(90px + env(safe-area-inset-bottom));max-width:500px;margin:0 auto}.page-header{justify-content:space-between;align-items:center;padding:14px 0 22px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.85rem;font-weight:500}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.card:active{background:var(--bg-hover);transform:scale(.985)}.card-elevated{background:var(--bg-card);box-shadow:var(--shadow-md);border:1px solid var(--border)}.card-hero{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.btn{border-radius:var(--radius);letter-spacing:-.01em;width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-size:1rem;font-weight:600;transition:all .15s;display:flex}.btn-primary{background:linear-gradient(180deg, #f04a4e 0%, var(--brand) 100%);color:#fff;box-shadow:var(--shadow-brand), inset 0 1px 0 #fff3}.btn-primary:active{background:linear-gradient(180deg, var(--brand-hover) 0%, #c22428 100%);transform:scale(.98)}.btn-success{background:linear-gradient(180deg, #12c98d 0%, var(--success) 100%);color:#fff;box-shadow:0 8px 20px #10b98147,inset 0 1px #fff3}.btn-success:active{background:linear-gradient(#0ea472 0%,#0a8a5f 100%);transform:scale(.98)}.btn-warning{background:linear-gradient(180deg, #fbbf24 0%, var(--warning) 100%);color:#18181b;box-shadow:0 8px 20px #f59e0b47}.btn-danger{background:linear-gradient(180deg, #f87171 0%, var(--danger) 100%);color:#fff;box-shadow:0 8px 20px #ef444447}.btn-ghost{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-ghost:active{background:var(--bg-hover);transform:scale(.98)}.btn:disabled{opacity:.5;pointer-events:none}.btn-sm{border-radius:var(--radius-sm);padding:10px 16px;font-size:.875rem}.badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:20px;align-items:center;padding:5px 11px;font-size:.7rem;font-weight:700;display:inline-flex}.input{background:var(--bg-card);width:100%;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:14px 16px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input::placeholder{color:var(--text-muted)}.pin-container{justify-content:center;gap:12px;margin:28px 0;display:flex}.pin-digit{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);width:60px;height:72px;color:var(--text-primary);text-align:center;caret-color:var(--brand);box-shadow:var(--shadow-sm);font-size:2rem;font-weight:800;transition:all .15s}.pin-digit:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft), var(--shadow-md);transform:translateY(-1px)}.status-por_entregar{color:#71717a;background:#f4f4f5;border-color:#e4e4e7}.status-parcialmente_en_bodega{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.status-en_bodega{color:#52525b;background:#f4f4f5;border-color:#e5e5ea}.status-parcialmente_en_cuarto{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.status-subido_a_piso{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe}.status-asignado{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.status-en_instalacion{color:#b45309;background:#fef3c7;border-color:#fde68a}.status-parcial_instalado{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.status-instalado{color:#047857;background:#d1fae5;border-color:#a7f3d0}.status-en_revision{color:#4338ca;background:#e0e7ff;border-color:#c7d2fe}.status-con_detalles{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.status-detalles_resueltos{color:#0f766e;background:#ccfbf1;border-color:#99f6e4}.status-entregado_a_obra{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.timer{font-variant-numeric:tabular-nums;text-align:center;color:var(--text-primary);letter-spacing:1px;padding:24px 0;font-size:3.25rem;font-weight:800}.timer.paused{color:var(--warning);animation:1.5s ease-in-out infinite pulse}.pulse{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:32px;height:32px;margin:40px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.brand-logo{object-fit:contain;width:auto;height:32px;display:block}.brand-logo-lg{height:44px}.brand-mark{align-items:center;gap:10px;display:inline-flex}.tabs{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);gap:6px;margin-bottom:16px;padding:5px;display:flex}.tab{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;flex:1;padding:10px 12px;font-size:.85rem;font-weight:600;transition:all .15s}.tab.active{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.divider{background:var(--border);height:1px;margin:16px 0}.text-brand{color:var(--brand)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}@supports (padding:env(safe-area-inset-bottom)){.page{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeInUp}