.idle-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;background:var(--bg-primary,#0a0a0f);display:none;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;user-select:none;opacity:0;transition:opacity .5s;overflow:hidden}.idle-screen.active{display:flex;opacity:1}.idle-screen.fade-in{animation:.6s forwards idleFadeIn}.idle-screen.fade-out{animation:.4s forwards idleFadeOut}@keyframes idleFadeIn{from{opacity:0}to{opacity:1}}@keyframes idleFadeOut{from{opacity:1}to{opacity:0}}.idle-screen::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(99,102,241,.08) 0,transparent 60%);animation:8s ease-in-out infinite idleBgPulse}@keyframes idleBgPulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.idle-clock{font-size:6rem;font-weight:800;color:var(--text-primary,#fff);letter-spacing:-2px;margin-bottom:.25rem;z-index:1;text-shadow:0 0 40px rgba(99,102,241,.3)}.idle-date{font-size:1.2rem;color:var(--text-secondary,#888);margin-bottom:2rem;z-index:1;text-transform:capitalize}.idle-stats{display:flex;gap:2rem;z-index:1;margin-bottom:3rem;flex-wrap:wrap;justify-content:center;max-width:600px}.idle-stat{text-align:center;min-width:120px}.idle-stat-value{font-size:2rem;font-weight:700;color:var(--primary,#34d399)}.idle-stat-label{font-size:.8rem;color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:1px;margin-top:.25rem}.idle-comercio{font-size:1.5rem;font-weight:600;color:var(--text-primary,#fff);margin-bottom:.5rem;z-index:1;opacity:.7}.idle-sync-status{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary,#888);z-index:2}.idle-sync-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.idle-sync-dot.offline{background:#ef4444}.idle-sync-dot.syncing{background:#f59e0b;animation:1s infinite idleSyncPulse}@keyframes idleSyncPulse{0%,100%{opacity:1}50%{opacity:.3}}.idle-offline-badge{position:absolute;top:1.5rem;left:1.5rem;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.4rem 1rem;border-radius:2rem;font-size:.8rem;font-weight:600;z-index:2;display:none}.idle-offline-badge.visible{display:flex;align-items:center;gap:.4rem}.idle-hint{position:absolute;bottom:2rem;font-size:.85rem;color:var(--text-secondary,#888);opacity:.5;z-index:1;animation:3s ease-in-out infinite idleHintPulse}@keyframes idleHintPulse{0%,100%{opacity:.3}50%{opacity:.7}}.idle-alerts{z-index:1;margin-top:1rem;max-width:400px}.idle-alert-item{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:.5rem;padding:.5rem 1rem;margin-bottom:.5rem;font-size:.85rem;color:#f59e0b;text-align:center}.sync-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:.5rem;background:#666;transition:background .3s}.sync-indicator.synced{background:#22c55e}.sync-indicator.syncing{background:#f59e0b;animation:1s infinite idleSyncPulse}.sync-indicator.error{background:#ef4444}.offline-mode-btn{display:flex;align-items:center;gap:.4rem;background:0 0;border:1px solid var(--border-color,#333);color:var(--text-secondary,#888);padding:.3rem .6rem;border-radius:.4rem;font-size:.7rem;cursor:pointer;transition:.2s;margin-top:.3rem}.offline-mode-btn:hover{border-color:var(--accent-primary,#6366f1);color:var(--text-primary,#fff)}.offline-mode-btn.active{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#ef4444}@media (max-width:768px){.idle-clock{font-size:3.5rem}.idle-stats{gap:1rem}.idle-stat-value{font-size:1.5rem}}