:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0f1115;--card: #171a21;--border: #262a33;--text: #e8ecf1;--muted: #8a93a1;--accent: #4f8cff;--ok: #3ecf8e;--warn: #ff6b6b}:root[data-theme=light]{color-scheme:light;--bg: #f6f7f9;--card: #ffffff;--border: #e4e7ec;--text: #1a1f2b;--muted: #6b7280;--accent: #4f8cff;--ok: #16a34a;--warn: #dc2626}:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mono,.hms-main,.hms-target,.balance,.metrics dd,.range{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.dev-banner{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--card);border-bottom:1px solid var(--border);color:var(--muted);text-align:center;font-size:11px;font-weight:500;padding:5px 12px;letter-spacing:.03em}.dev-banner span{display:inline-flex;align-items:center;gap:6px}.dev-banner span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--warn);flex-shrink:0}.app{max-width:1100px;margin:0 auto;padding:24px 24px 48px;display:flex;flex-direction:column;gap:16px}.hero{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.4px}.hi{margin:4px 0 0;color:var(--muted);font-size:14px}.cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 600px){.cards-row{grid-template-columns:1fr}}.year-selector-wrap{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:5px 10px}.year-label{font-size:13px;color:var(--muted);font-weight:500}.year-select{background:transparent;border:none;color:var(--text);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2px}.year-select option{background:var(--card);color:var(--text)}.user-avatar{width:34px;height:34px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.5px;flex-shrink:0}.user-avatar--photo{object-fit:cover;background:var(--border)}.telework-body{display:flex;align-items:center;gap:16px;margin-top:4px}.telework-ring{flex-shrink:0}.telework-stats{display:flex;flex-direction:column;gap:4px}.telework-pct{font-size:32px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:var(--accent);font-family:JetBrains Mono,ui-monospace,monospace}.telework-detail{font-size:13px;color:var(--muted)}.chart-card{padding:20px 20px 16px}.chart-title{margin:0;font-size:14px;font-weight:600;color:var(--text);text-transform:none;letter-spacing:0}.chart-subtitle{margin:2px 0 0;font-size:12px;color:var(--muted)}.horas-chart-wrap{position:relative;margin-top:12px}.horas-chart-reset{position:absolute;top:4px;right:0;z-index:10;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:11px;padding:3px 8px;cursor:pointer;transition:color .15s,border-color .15s}.horas-chart-reset:hover{color:var(--text);border-color:var(--accent)}.horas-chart-svg{display:block;width:100%;height:auto;aspect-ratio:1000 / 260;cursor:crosshair;touch-action:none;overflow:visible}.horas-chart-label{font-size:13px;fill:var(--muted);font-family:Inter,system-ui,sans-serif}.horas-chart-label--month{font-size:11px;text-transform:capitalize}.horas-chart-tooltip{position:absolute;bottom:calc(100% - 20px);transform:translate(-50%);background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:12px;display:flex;flex-direction:column;gap:3px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 20px #00000026;z-index:10}.horas-chart-tooltip-date{color:var(--muted);font-size:11px;margin-bottom:2px;text-transform:capitalize}.horas-chart-tooltip-row{display:flex;align-items:center;gap:6px;color:var(--text)}.dot-worked{width:8px;height:8px;border-radius:999px;background:var(--accent);flex-shrink:0}.dot-theor{width:8px;height:8px;border-radius:999px;background:var(--muted);opacity:.5;flex-shrink:0}.horas-chart-legend{display:flex;gap:20px;justify-content:center;margin-top:10px;font-size:12px;color:var(--muted)}.horas-chart-legend-item{display:inline-flex;align-items:center;gap:6px}.theme-toggle{display:inline-flex;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;color:var(--muted);border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.theme-toggle-btn:hover{color:var(--text)}.theme-toggle-btn.is-active{background:var(--accent);color:#fff}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 18px 20px;opacity:0;transform:translateY(8px);animation:card-in .45s cubic-bezier(.22,1,.36,1) forwards}.card:nth-of-type(1){animation-delay:.05s}.card:nth-of-type(2){animation-delay:.15s}@keyframes card-in{to{opacity:1;transform:translateY(0)}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-header h2{margin:0;font-size:13px;color:var(--muted);font-weight:500;letter-spacing:.4px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.card-header h2 svg{color:var(--accent)}.badge{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);display:inline-flex;align-items:center;gap:6px;font-weight:500}.badge-on{color:var(--ok);border-color:#3ecf8e66}.badge-on .dot{width:8px;height:8px;border-radius:999px;background:var(--ok);box-shadow:0 0 #3ecf8e99;animation:pulse-dot 1.6s ease-out infinite}.badge-off{color:var(--muted)}.badge-off .dot{width:8px;height:8px;border-radius:999px;background:var(--muted);opacity:.5}@keyframes pulse-dot{0%{box-shadow:0 0 #3ecf8e8c}70%{box-shadow:0 0 0 10px #3ecf8e00}to{box-shadow:0 0 #3ecf8e00}}.hms{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums;flex-wrap:wrap}.hms-main{font-size:32px;font-weight:600;letter-spacing:-.5px;transition:color .3s ease}.hms-sep,.hms-target{color:var(--muted);font-size:18px}.progress{margin-top:14px;height:8px;background:var(--border);border-radius:999px;overflow:hidden;position:relative}.progress-bar{height:100%;background:var(--accent);border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.progress.is-active .progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:progress-shimmer 1.8s linear infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-label{margin-top:6px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.range{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.today-balance-divider{margin:14px 0 10px;border:none;border-top:1px solid var(--border)}.balance-sm{font-size:24px;gap:7px}.balance-label{margin-top:3px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.balance{font-size:36px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.5px;display:inline-flex;align-items:center;gap:10px}.balance-icon{opacity:.85}.sparkline-wrap{position:relative;margin-top:14px}.sparkline{display:block;width:100%;height:56px;cursor:crosshair;touch-action:none}.sparkline-tooltip{position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);background:var(--card);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12px;display:flex;flex-direction:column;gap:2px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 20px #0000002e;animation:sparkline-tooltip-in .12s ease}.sparkline-tooltip-date{color:var(--muted);font-size:11px;text-transform:capitalize}.sparkline-tooltip-value{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:600;font-variant-numeric:tabular-nums}.sparkline-tooltip-value.positive{color:var(--ok)}.sparkline-tooltip-value.negative{color:var(--warn)}@keyframes sparkline-tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(2px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.balance.positive{color:var(--ok)}.balance.negative{color:var(--warn)}.metrics{display:flex;gap:28px;margin:14px 0 0}.metrics dt{font-size:12px;color:var(--muted);margin:0}.metrics dd{font-size:18px;margin:2px 0 0;font-variant-numeric:tabular-nums}.err-banner,.err{background:#ff6b6b1f;color:var(--warn);border:1px solid rgba(255,107,107,.35);padding:10px 14px;border-radius:10px;font-size:13px}.loading{color:var(--muted);text-align:center}.skeleton-card .card-header{margin-bottom:18px}.sk{display:block;background:linear-gradient(90deg,var(--border) 0%,color-mix(in srgb,var(--border) 60%,var(--text) 8%) 50%,var(--border) 100%);background-size:200% 100%;border-radius:8px;animation:sk-shimmer 1.4s ease infinite}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-label{width:70px;height:14px;border-radius:4px}.sk-badge{width:130px;height:22px;border-radius:999px}.sk-range{width:150px;height:14px;border-radius:4px}.sk-hms{width:60%;height:40px;margin-top:4px}.sk-progress{width:100%;height:8px;border-radius:999px;margin-top:18px}.sk-text-sm{width:40px;height:12px;margin-top:8px}.sk-balance{width:55%;height:36px}.sk-metrics-row{display:flex;gap:28px;margin-top:18px}.sk-metric{width:90px;height:38px}.party{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:9999}.party-banner{position:absolute;top:18%;left:50%;transform:translate(-50%);font-size:42px;font-weight:800;padding:14px 28px;border-radius:16px;background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff);background-size:300% 300%;color:#111;animation:party-shimmer 2.5s ease infinite,party-bounce .8s ease infinite alternate;box-shadow:0 10px 40px #0000004d}.party-drop{position:absolute;top:-10vh;animation-name:party-fall;animation-timing-function:linear;animation-iteration-count:1;-webkit-user-select:none;user-select:none}@keyframes party-fall{to{transform:translateY(120vh) rotate(720deg)}}@keyframes party-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes party-bounce{0%{transform:translate(-50%) translateY(0) scale(1)}to{transform:translate(-50%) translateY(-10px) scale(1.05)}}.pepino{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:9998}.pepino-drop{position:absolute;top:-12vh;animation-name:pepino-fall;animation-timing-function:linear;animation-fill-mode:forwards;-webkit-user-select:none;user-select:none}@keyframes pepino-fall{to{transform:translateY(115vh) rotate(540deg)}}.rickroll{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:rick-fadein .25s ease}.rickroll-frame{width:min(90vw,960px);aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;box-shadow:0 20px 80px #0009}.rickroll-frame iframe{display:block;border:0}.rickroll-close{position:absolute;top:18px;right:22px;background:#0009;color:#fff;border:0;border-radius:999px;width:40px;height:40px;font-size:18px;cursor:pointer;transition:background .15s}.rickroll-close:hover{background:#ffffff4d}@keyframes rick-fadein{0%{opacity:0}to{opacity:1}}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login-card{width:100%;max-width:360px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px 28px 28px;opacity:0;transform:translateY(12px);animation:card-in .45s cubic-bezier(.22,1,.36,1) .05s forwards}.login-title{margin:0 0 4px;font-size:22px;font-weight:700;letter-spacing:-.4px}.login-subtitle{margin:0 0 24px;font-size:14px;color:var(--muted)}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:13px;font-weight:500;color:var(--muted)}.login-field input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;padding:9px 12px;outline:none;transition:border-color .15s ease;font-family:inherit}.login-field input:focus{border-color:var(--accent)}.login-field input:disabled{opacity:.5}.login-error{margin:0;font-size:13px;color:var(--warn);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:8px 12px}.login-btn{margin-top:4px;background:var(--accent);color:#fff;border:0;border-radius:8px;font-size:14px;font-weight:600;padding:10px;cursor:pointer;transition:opacity .15s ease;font-family:inherit}.login-btn:hover:not(:disabled){opacity:.88}.login-btn:disabled{opacity:.55;cursor:not-allowed}.hero-actions{display:flex;align-items:center;gap:8px}.logout-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--card);border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer;transition:color .15s ease,border-color .15s ease;padding:0}.logout-btn:hover{color:var(--warn);border-color:#ff6b6b66}.bighands{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:10001;animation:rick-fadein .25s ease}.bighands-stage{position:relative;width:min(80vw,720px);aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;box-shadow:0 20px 80px #0009;background:#000}.bighands-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s ease}.bighands-img.is-visible{opacity:1}.bighands-audio{position:fixed;bottom:0;right:0;width:1px;height:1px;border:0;opacity:0;pointer-events:none}