.hours-app{font-variant-numeric:tabular-nums}.hours-toolbar,.hours-actions,.hours-row-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hours-toolbar{justify-content:space-between;margin-bottom:1rem}.hours-toolbar>label{align-items:center;gap:.6rem;display:flex}.hours-app input{border:1px solid var(--glass-ring);background:var(--glass-bg);width:100%;min-width:0;color:inherit;border-radius:.7rem;padding:.65rem .75rem;font-size:16px}.hours-app input[type=month]{width:auto}.hours-app input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-brand-500)}.hours-app label{gap:.4rem;font-size:.8rem;font-weight:600;display:grid}.hours-app .hours-check{align-items:center;gap:.65rem;display:flex}.hours-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.hours-stats>div{border-radius:1.1rem;padding:1.2rem}.hours-stats span{opacity:.75;font-size:.75rem}.hours-stats strong{overflow-wrap:anywhere;margin-top:.45rem;font-size:clamp(1.3rem,2.5vw,1.9rem);display:block}.hours-stats>div:nth-child(3) strong{color:var(--color-brand-500)}.hours-grid{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.hours-sidebar{gap:1.5rem;display:grid}.hours-panel{border-radius:1.3rem;min-width:0;padding:1.4rem}.hours-panel h2,.hours-tips h2{align-items:center;gap:.6rem;font-size:.95rem;font-weight:700;display:flex}.hours-panel h2 svg,.hours-tips svg{color:var(--color-brand-500);flex-shrink:0}.hours-panel form,.hours-sidebar form{gap:1rem;display:grid}.hours-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.hours-muted{opacity:.7;font-size:.75rem;line-height:1.7}.hours-app button{cursor:pointer;border:1px solid var(--glass-ring);border-radius:.7rem;padding:.65rem .85rem;font-size:.8rem;font-weight:600;transition:background .2s}.hours-app button:hover{background:color-mix(in srgb,var(--color-brand-500) 12%,transparent)}.hours-app button:disabled{opacity:.4;cursor:not-allowed}.hours-app .hours-primary{background:linear-gradient(120deg,var(--color-brand-600),var(--color-aqua-600));color:#fff;border:0}.hours-app .hours-secondary{background:var(--glass-bg)}.hours-app :is(button,input):focus-visible{outline:2px solid var(--color-brand-500);outline-offset:3px}.hours-preview{color:var(--color-brand-600);background:color-mix(in srgb,var(--color-brand-500) 8%,transparent);border-radius:.7rem;padding:.75rem;font-size:.85rem;font-weight:600}.dark .hours-preview{color:var(--color-brand-300)}.hours-notice{border:1px solid var(--glass-ring);border-radius:.8rem;margin-bottom:1rem;padding:1rem;font-size:.85rem}.hours-notice .hours-actions{margin-top:.8rem}.hours-actions{margin:1rem 0}.hours-balance{background:var(--glass-bg);border-radius:.7rem;padding:.5rem .7rem;font-size:.8rem}.hours-table-wrap{overflow-x:auto}.hours-app table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:.8rem}.hours-app th{opacity:.7;font-size:.7rem;font-weight:600}.hours-app :is(th,td){border-bottom:1px solid var(--glass-ring);padding:.9rem .6rem}.hours-app td small{opacity:.65;margin-top:.25rem;font-size:.7rem;display:block}.hours-row-actions{flex-wrap:nowrap;gap:.3rem}.hours-row-actions button{padding:.4rem;font-size:.7rem}.hours-app .hours-danger,.hours-negative,.hours-error{color:#be123c}.hours-positive{color:#15803d}.dark .hours-app .hours-danger,.dark .hours-negative,.dark .hours-error{color:#fda4af}.dark .hours-positive{color:#86efac}.hours-error{font-size:.8rem}.hours-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;min-height:300px;display:flex}.hours-empty svg{opacity:.4;width:40px;height:40px}.hours-empty h3{font-weight:700}.hours-empty p{opacity:.65;max-width:300px;font-size:.85rem}.hours-history-note{margin-top:1.2rem}.hours-tips{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem;display:grid}.hours-tips p{opacity:.7;margin-top:.7rem;font-size:.8rem;line-height:1.8}@media (max-width:1050px){.hours-grid{grid-template-columns:1fr}.hours-sidebar{grid-template-columns:1fr 1fr}}@media (max-width:600px){.hours-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.hours-stats>div{padding:1rem}.hours-sidebar,.hours-tips{grid-template-columns:1fr}.hours-panel{padding:1rem}.hours-toolbar{align-items:flex-start}.hours-toolbar>label{width:100%}.hours-app input[type=month]{flex:1}.hours-actions{gap:.4rem}.hours-actions button{font-size:.75rem}}.hours-grid{grid-template-columns:minmax(300px,1fr) minmax(0,2fr);align-items:stretch;gap:1.5rem}.hours-sidebar{align-content:start;min-width:0}.hours-history{flex-direction:column;align-self:stretch;display:flex}.hours-history>.hours-toolbar{align-items:center}.hours-history>.hours-table-wrap,.hours-history>.hours-empty{flex:1}.hours-history-note{border-top:1px solid var(--glass-ring);padding-top:1rem}.hours-stats .hours-stat{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.hours-stat>div:first-child{min-width:0}.hours-stats .hours-stat-icon{width:3rem;height:3rem;color:var(--hours-accent);background:color-mix(in srgb,var(--hours-accent) 11%,transparent);border-radius:.85rem;flex-shrink:0;place-items:center;display:grid}.hours-stat-icon svg{width:24px;height:24px}.hours-tone-blue{--hours-accent:#2563eb}.hours-tone-brand{--hours-accent:var(--color-brand-500)}.hours-tone-amber{--hours-accent:#b7790a}.hours-tone-green{--hours-accent:#15803d}.dark .hours-tone-blue{--hours-accent:#60a5fa}.dark .hours-tone-amber{--hours-accent:#fbbf24}.dark .hours-tone-green{--hours-accent:#34d399}.hours-stats>div.hours-tone-amber strong,.hours-stats>div.hours-tone-green strong{color:var(--hours-accent)}.hours-app button{justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.hours-app button svg{flex-shrink:0;width:16px;height:16px}.hours-app thead{background:var(--glass-bg)}.hours-app th:nth-child(2),.hours-app td:nth-child(2),.hours-app th:nth-child(3),.hours-app td:nth-child(3){text-align:center}.hours-app th:nth-child(4),.hours-app td:nth-child(4){text-align:right}.hours-app th:last-child,.hours-app td:last-child{text-align:center}.hours-row-actions{justify-content:center}.hours-app tbody tr:hover{background:color-mix(in srgb,var(--color-brand-500) 4%,transparent)}.hours-tip-icon{background:color-mix(in srgb,var(--color-brand-500) 10%,transparent);border-radius:.65rem;flex-shrink:0;place-items:center;width:2.1rem;height:2.1rem;display:grid}@media (max-width:1100px){.hours-stats .hours-stat{align-items:flex-start}.hours-stats .hours-stat-icon{width:2.3rem;height:2.3rem}.hours-stats strong{font-size:1.4rem}}@media (max-width:1050px){.hours-grid{grid-template-columns:1fr}.hours-history{min-height:420px}.hours-sidebar{align-items:stretch}}@media (max-width:600px){.hours-stats .hours-stat{display:block;position:relative}.hours-stats .hours-stat-icon{width:2rem;height:2rem;position:absolute;top:.75rem;right:.75rem}.hours-stat-icon svg{width:19px;height:19px}.hours-stats strong{font-size:1.2rem}.hours-stats span{min-height:2rem;padding-right:1.8rem;font-size:.7rem;display:block}.hours-history{min-height:360px}}