*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--bg-elevated:#1a1a1a;--accent-primary:#fff;--accent-secondary:#e5e5e5;--accent-gradient:linear-gradient(135deg,#fff 0%,#a3a3a3 100%);--color-work:#fff;--color-work-bg:#ffffff14;--color-dayoff:#737373;--color-dayoff-bg:#73737326;--color-night-1:#d4d4d4;--color-night-2:#a3a3a3;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#737373;--border-color:#ffffff14;--border-color-hover:#fff3;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 4px 20px #0009;--shadow-lg:0 8px 40px #000000b3;--shadow-glow:0 0 30px #ffffff1a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;padding-bottom:100px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-elevated);border-color:var(--border-color-hover)}::-webkit-scrollbar-corner{background:var(--bg-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary)var(--bg-secondary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{max-width:1400px;padding:var(--space-lg);margin:0 auto}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);background:#12121acc}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:var(--text-primary)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-color-hover)}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn-danger{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}.btn-save{background:var(--text-primary);color:var(--bg-primary);padding:var(--space-sm)var(--space-lg);font-weight:600}.btn-save:hover{background:var(--text-secondary);transform:translateY(-1px)}.input{width:100%;padding:var(--space-sm)var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);font-family:inherit;font-size:.875rem}.input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #ffffff1a}.input::placeholder{color:var(--text-muted)}input[type=time]{appearance:none;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-sm)var(--space-md);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:.875rem}input[type=time]:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #ffffff1a}input[type=time]:hover{border-color:var(--border-color-hover);background:var(--bg-elevated)}input[type=time]::-webkit-calendar-picker-indicator{filter:invert();opacity:.7;cursor:pointer;transition:all var(--transition-fast);padding:4px}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1;border-radius:var(--radius-sm);background:#ffffff1a}input[type=time]::-moz-focus-inner{border:0}input[type=time]::-webkit-datetime-edit{color:var(--text-primary)}input[type=time]::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=time]::-webkit-datetime-edit-hour-field{color:var(--text-primary);border-radius:var(--radius-sm);padding:2px}input[type=time]::-webkit-datetime-edit-minute-field{color:var(--text-primary);border-radius:var(--radius-sm);padding:2px}input[type=time]::-webkit-datetime-edit-ampm-field{color:var(--text-primary);border-radius:var(--radius-sm);padding:2px}input[type=time]::-webkit-datetime-edit-hour-field:focus{background:#ffffff26;outline:none}input[type=time]::-webkit-datetime-edit-minute-field:focus{background:#ffffff26;outline:none}input[type=time]::-webkit-datetime-edit-ampm-field:focus{background:#ffffff26;outline:none}input[type=time]::-webkit-datetime-edit-text{color:var(--text-muted);padding:0 2px}.time-picker-container{gap:var(--space-xs);flex-direction:column;display:flex;position:relative}.time-picker-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.time-picker-trigger{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);min-width:100px;font-size:.9375rem;display:flex}.time-picker-trigger:hover{border-color:var(--border-color-hover);background:var(--bg-elevated)}.time-picker-trigger:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #ffffff1a}.time-picker-icon{color:var(--text-secondary);flex-shrink:0}.time-picker-value{text-align:center;flex:1}.time-picker-dropdown{top:calc(100% + var(--space-xs));z-index:100;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-lg);min-width:200px;animation:.2s ease-out timePickerFadeIn;position:absolute;left:0}@keyframes timePickerFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.time-picker-spinners{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);display:flex}.time-picker-spinner{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.time-picker-spinner-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:36px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.time-picker-spinner-btn:hover{background:var(--bg-elevated);border-color:var(--border-color-hover);color:var(--text-primary)}.time-picker-spinner-btn:active{transform:scale(.95)}.time-picker-spinner-value-wrapper{position:relative}.time-picker-spinner-input{width:60px;font-size:1.5rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);text-align:center;padding:var(--space-xs)var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);outline:none}.time-picker-spinner-value-wrapper.animate-up .time-picker-spinner-input,.time-picker-spinner-value-wrapper.animate-down .time-picker-spinner-input{animation:.15s ease-out spinnerTextPulse}@keyframes spinnerTextPulse{0%{color:var(--text-primary);transform:scale(1)}50%{color:var(--accent-primary);transform:scale(1.15)}to{color:var(--text-primary);transform:scale(1)}}.time-picker-spinner-input:hover{border-color:var(--border-color-hover)}.time-picker-spinner-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ffffff1a}.time-picker-separator{color:var(--text-muted);padding-bottom:8px;font-size:1.5rem;font-weight:700}.time-picker-dropdown.position-top{top:auto;bottom:calc(100% + var(--space-xs));animation:.2s ease-out timePickerFadeInTop}@keyframes timePickerFadeInTop{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.time-picker-presets{gap:var(--space-xs);grid-template-columns:repeat(4,1fr);display:grid}.time-picker-preset{padding:var(--space-xs)var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast)}.time-picker-preset:hover{background:var(--bg-elevated);border-color:var(--border-color-hover);color:var(--text-primary)}.time-picker-preset.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary);font-weight:600}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.number-input-group{margin-bottom:var(--space-lg)}.number-input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-size:.75rem;font-weight:500;display:block}.number-input-wrapper{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;display:flex;overflow:hidden}.number-input-btn{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.number-input-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.number-input-btn:disabled{opacity:.3;cursor:not-allowed}.number-input-field{text-align:center;color:var(--text-primary);font-size:1.125rem;font-weight:600;font-family:var(--font-mono);padding:var(--space-sm);background:0 0;border:none;flex:1}.number-input-field:focus{outline:none}.number-input-hint{color:var(--text-muted);margin-top:var(--space-xs);font-size:.75rem;display:block}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;visibility:hidden;transition:all var(--transition-base);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:90vh;transition:transform var(--transition-base);flex-direction:column;display:flex;overflow:hidden;transform:scale(.95)translateY(20px)}.modal-overlay.open .modal{transform:scale(1)translateY(0)}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-lg);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--border-color);flex-shrink:0;display:flex}.calendar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.calendar-header{padding:var(--space-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.calendar-title{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:600}.calendar-nav{gap:var(--space-sm);display:flex}.calendar-weekdays{padding:var(--space-md)var(--space-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekday{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.calendar-grid{background:var(--border-color);grid-template-columns:repeat(7,1fr);gap:1px;padding:1px;display:grid}.calendar-day{aspect-ratio:1;background:var(--bg-primary);min-height:80px;padding:var(--space-sm);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative}.calendar-day:hover{background:var(--bg-tertiary)}.calendar-day.other-month{opacity:.3}.calendar-day.today{background:var(--bg-tertiary)}.calendar-day.today:before{content:"";top:var(--space-sm);right:var(--space-sm);background:var(--accent-primary);border-radius:50%;width:8px;height:8px;position:absolute}.calendar-day-number{color:var(--text-secondary);font-size:.875rem;font-weight:500}.calendar-day.today .calendar-day-number{color:var(--accent-primary);font-weight:700}.calendar-day-earnings{color:var(--color-work);font-size:.75rem;font-weight:600;font-family:var(--font-mono);margin-top:auto}.calendar-day-indicator{bottom:var(--space-sm);left:var(--space-sm);right:var(--space-sm);border-radius:var(--radius-full);height:4px;position:absolute}.calendar-day-indicator.work{background:var(--color-work)}.calendar-day-indicator.dayoff{background:var(--color-dayoff)}.summary{gap:var(--space-lg);flex-direction:column;display:flex}.summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.summary-card-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.summary-card-icon{background:var(--bg-tertiary);border:1px solid var(--border-color-hover);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.summary-card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.summary-card-value{font-size:2rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.summary-breakdown{gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color);flex-direction:column;display:flex}.summary-breakdown-row{justify-content:space-between;font-size:.875rem;display:flex}.summary-breakdown-label{color:var(--text-secondary)}.summary-breakdown-value{font-weight:500;font-family:var(--font-mono)}.summary-breakdown-value.base{color:var(--text-primary)}.summary-breakdown-value.night-1{color:var(--color-night-1)}.summary-breakdown-value.night-2{color:var(--color-night-2)}.time-blocks{gap:var(--space-md);flex-direction:column;display:flex}.time-block{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex}.time-block.break{background:#ef44440d;border-color:#ef44444d}.time-block-inputs{align-items:center;gap:var(--space-sm);flex:1;display:flex}.time-block-separator{color:var(--text-muted);font-weight:500}.time-block-type{gap:var(--space-xs);display:flex}.time-block-type button{padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:.75rem}.time-block-type button.active{background:var(--color-work);color:var(--bg-primary);border-color:var(--color-work);font-weight:600}.time-block-type button.break.active{background:#ef4444;border-color:#ef4444}.day-type-selector{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.day-type-btn{padding:var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-xs);background:0 0;flex-direction:column;flex:1;font-weight:500;display:flex}.day-type-btn:hover{border-color:var(--border-color-hover);background:var(--bg-tertiary)}.day-type-btn.active.work{border-color:var(--color-work);background:var(--color-work-bg);color:var(--color-work)}.day-type-btn.active.dayoff{border-color:var(--color-dayoff);background:var(--color-dayoff-bg);color:var(--color-dayoff)}.day-type-icon{font-size:1.5rem}.earnings-preview{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-lg)}.earnings-preview-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-size:.75rem;font-weight:500}.earnings-preview-total{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);color:var(--color-work)}.floating-nav{bottom:var(--space-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-xs);border:1px solid var(--border-color);z-index:50;align-items:center;gap:var(--space-xs);background:#0e0e0ee6;border-radius:9999px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.floating-nav-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:9999px;font-size:.875rem;font-weight:500;display:flex}.floating-nav-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.floating-nav-divider{background:var(--border-color);width:1px;height:24px;margin:0 var(--space-xs)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.view-transition{animation:.3s ease-out forwards slideUp}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-base)ease forwards}.animate-slide-up{animation:slideUp var(--transition-slow)ease forwards}@media (max-width:1024px){.main-layout{flex-direction:column}.calendar-day{min-height:60px}}@media (max-width:640px){.container{padding:var(--space-md)}.calendar-day{min-height:50px;padding:var(--space-xs)}.calendar-day-number{font-size:.75rem}.calendar-day-earnings{font-size:.625rem}h1{font-size:1.75rem}.summary-card-value{font-size:1.5rem}}.floating-nav{bottom:var(--space-lg);gap:var(--space-xs);background:var(--bg-secondary);padding:var(--space-xs);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:50;-webkit-backdrop-filter:blur(20px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.floating-nav-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-lg);color:var(--text-muted);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;min-width:80px;font-size:.75rem;font-weight:500;display:flex}.floating-nav-btn:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.floating-nav-btn.active{background:var(--accent-primary);color:var(--bg-primary)}.floating-nav-btn.active:hover{background:var(--accent-secondary)}.yearly-summary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.yearly-header{padding:var(--space-xl);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.yearly-total{gap:var(--space-xs);flex-direction:column;display:flex}.yearly-total-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.yearly-total-value{font-size:2.5rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.yearly-stats{gap:var(--space-xl);display:flex}.yearly-stat{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.yearly-stat-value{font-size:1.25rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.yearly-stat-label{color:var(--text-muted);font-size:.75rem}.yearly-chart{gap:var(--space-xs);padding:var(--space-xl);grid-template-columns:repeat(12,1fr);height:280px;display:grid}.yearly-bar-container{align-items:center;gap:var(--space-sm);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.yearly-bar-container:hover{transform:translateY(-4px)}.yearly-bar-container.current{border-radius:var(--radius-md);margin:calc(var(--space-sm)*-1);padding:var(--space-sm);background:#ffffff0d}.yearly-bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;width:100%;display:flex}.yearly-bar{background:var(--bg-elevated);border-radius:var(--radius-sm)var(--radius-sm)0 0;width:100%;transition:all var(--transition-base);min-height:4px;position:relative}.yearly-bar.has-data{background:var(--accent-gradient)}.yearly-bar-container:hover .yearly-bar.has-data{box-shadow:var(--shadow-glow)}.yearly-bar-value{bottom:calc(100% + var(--space-xs));font-size:.625rem;font-weight:600;font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;opacity:0;transition:opacity var(--transition-fast);position:absolute;left:50%;transform:translate(-50%)}.yearly-bar-container:hover .yearly-bar-value{opacity:1}.yearly-bar-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:500}.yearly-bar-container.current .yearly-bar-label{color:var(--accent-primary);font-weight:600}.yearly-details{padding:var(--space-lg);padding-top:0}.yearly-details-header{padding:var(--space-sm)var(--space-md);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);grid-template-columns:1fr repeat(3,100px);font-size:.75rem;font-weight:600;display:grid}.yearly-details-row{padding:var(--space-md);border-bottom:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);grid-template-columns:1fr repeat(3,100px);font-size:.875rem;display:grid}.yearly-details-row:last-child{border-bottom:none}.yearly-details-row:hover{background:var(--bg-tertiary)}.yearly-details-row.current{background:#ffffff0d}.yearly-details-row.has-data{color:var(--text-primary)}.yearly-details-row:not(.has-data){color:var(--text-muted)}.yearly-details-month{font-weight:500}.yearly-details-value{text-align:right;font-family:var(--font-mono)}.yearly-details-value.earnings{color:var(--color-work);font-weight:600}.yearly-details-row:not(.has-data) .yearly-details-value.earnings{color:var(--text-muted)}@media (max-width:768px){.yearly-chart{grid-template-columns:repeat(6,1fr);height:auto}.yearly-header{flex-direction:column;align-items:flex-start}.yearly-stats{flex-wrap:wrap}.yearly-details-header,.yearly-details-row{grid-template-columns:1fr repeat(2,80px)}.yearly-details-header span:nth-child(2),.yearly-details-row span:nth-child(2){display:none}}.toast-container{top:var(--space-xl);gap:var(--space-md);z-index:100;flex-direction:column;width:auto;min-width:320px;max-width:420px;display:flex;position:fixed;right:50%;transform:translate(50%)}.toast{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:all .3s;position:relative;overflow:hidden}.toast.enter{animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideDown}.toast.exit{animation:.3s ease-in forwards toastFadeOut}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastFadeOut{to{opacity:0;transform:scale(.95)}}.toast-content{align-items:center;gap:var(--space-md);padding:var(--space-md);display:flex}.toast-icon{justify-content:center;align-items:center;display:flex}.toast-message{color:var(--text-primary);flex:1;font-size:.9rem;font-weight:500}.toast-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toast-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.toast-progress-bar{background:var(--bg-elevated);width:100%;height:3px}.toast-progress-fill{height:100%;transition:width 10ms linear}.toast-success .toast-icon{color:#22c55e}.toast-success .toast-progress-fill{background:#22c55e}.toast-error .toast-icon{color:#ef4444}.toast-error .toast-progress-fill{background:#ef4444}.toast-info .toast-icon{color:#3b82f6}.toast-info .toast-progress-fill{background:#3b82f6}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){:root{--space-2xl:1.5rem;--space-xl:1.25rem;--space-lg:1rem;--header-height:60px}.modal-overlay{align-items:flex-end;padding:0;transition:background-color .3s}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom:none;animation:.3s cubic-bezier(.16,1,.3,1) slideUpModal;box-shadow:0 -10px 40px #00000080;border-radius:var(--radius-lg)var(--radius-lg)0 0!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:85vh!important;margin:0!important}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-body{padding:var(--space-lg);overflow-y:auto}.modal-footer{padding:var(--space-lg);background:var(--bg-primary);padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom))}.time-picker-dropdown{z-index:10000;transform:translateY(0);border-radius:var(--radius-lg)var(--radius-lg)0 0!important;border:1px solid var(--border-color)!important;background:var(--bg-elevated)!important;width:100%!important;max-width:100%!important;padding:var(--space-lg)!important;padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom))!important;border-bottom:none!important;animation:.25s cubic-bezier(.16,1,.3,1) slideUpMobile!important;position:fixed!important;inset:auto 0 0!important;box-shadow:0 -10px 40px #00000080!important}.time-picker-presets{gap:var(--space-sm);grid-template-columns:repeat(4,1fr)}.time-picker-spinner-value{font-size:2rem}.calendar-day{flex-direction:column;gap:2px;justify-content:flex-start!important;align-items:flex-start!important;padding:2px 4px!important}.calendar-day-number{font-size:.75rem}.calendar-day-earnings{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;margin-top:2px;font-size:.65rem;line-height:1;display:block;overflow:hidden}.calendar-day-indicator{width:4px;height:4px;bottom:2px;right:2px}.yearly-chart{width:100%;padding:var(--space-md)var(--space-sm);gap:var(--space-xs);scrollbar-width:thin;grid-template-columns:repeat(12,minmax(40px,1fr));display:grid;overflow-x:auto}.yearly-chart::-webkit-scrollbar{height:4px}.yearly-chart::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.yearly-header{align-items:flex-start;gap:var(--space-lg);flex-direction:column}.yearly-stats{justify-content:space-between;gap:var(--space-sm);width:100%}.yearly-details-header,.yearly-details-row{gap:var(--space-xs);padding:var(--space-sm);grid-template-columns:1fr repeat(3,auto);font-size:.75rem}.yearly-details-value{text-align:right;white-space:nowrap;min-width:40px}.yearly-details-month{text-overflow:ellipsis;overflow:hidden}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}