:root{--color-bg: #F6F6FB;--color-bg-alt: #EFEFF9;--color-surface: #FFFFFF;--color-surface-hover: #FBFBFE;--color-surface-sunken: #F3F3FA;--color-border: #E7E7F2;--color-border-light: #F0F0F8;--color-text: #17172B;--color-text-secondary: #6C6C86;--color-text-muted: #9C9CB4;--color-accent: #6D5EF0;--color-accent-dark: #5443D6;--color-accent-light: #EEEBFE;--color-accent-2: #8B5CF6;--gradient-accent: linear-gradient(135deg, #6D5EF0 0%, #8B5CF6 100%);--gradient-accent-soft: linear-gradient(135deg, rgba(109,94,240,.12) 0%, rgba(139,92,246,.12) 100%);--color-success: #0F9D66;--color-success-bg: #DFFAEC;--color-error: #F0334F;--color-error-bg: #FFE4E9;--color-warning: #DB8B0B;--color-warning-bg: #FEF3D6;--color-info: var(--color-accent);--color-info-bg: var(--color-accent-light);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(23, 23, 43, .04);--shadow-sm: 0 2px 10px rgba(23, 23, 43, .06);--shadow-md: 0 8px 24px rgba(23, 23, 43, .08);--shadow-lg: 0 16px 40px rgba(23, 23, 43, .1);--shadow-xl: 0 24px 64px rgba(23, 23, 43, .16);--shadow-accent: 0 10px 24px rgba(109, 94, 240, .28);--transition: .16s cubic-bezier(.4, 0, .2, 1);--transition-slow: .28s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 232px;--bottom-nav-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);background-image:radial-gradient(circle at 0% 0%,rgba(109,94,240,.06),transparent 40%),radial-gradient(circle at 100% 0%,rgba(139,92,246,.05),transparent 40%);background-attachment:fixed;color:var(--color-text);line-height:1.55;letter-spacing:-.01em}#root{min-height:100vh}h1,h2,h3,h4{letter-spacing:-.02em}button,input,select,textarea{font-family:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:1.5rem 1rem;gap:1.75rem;z-index:60}.sidebar-brand{display:flex;align-items:center;gap:.625rem;padding:0 .5rem}.sidebar-brand-mark{width:34px;height:34px;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-accent);flex-shrink:0}.sidebar-brand-mark img{width:100%;height:100%;display:block}.sidebar-brand-name{font-size:1.0625rem;font-weight:700;color:var(--color-text)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition);text-align:left;width:100%}.sidebar-nav-item:hover{background:var(--color-surface-sunken);color:var(--color-text)}.sidebar-nav-item.active{background:var(--gradient-accent-soft);color:var(--color-accent-dark);font-weight:600}.sidebar-nav-item.active svg{color:var(--color-accent)}.sidebar-footer{margin-top:auto;padding:0 .5rem;font-size:.75rem;color:var(--color-text-muted)}.sidebar-version{display:block;margin-top:.25rem;font-variant-numeric:tabular-nums;opacity:.7}.mobile-topbar{display:none}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;padding-bottom:2rem}.container{max-width:1140px;margin:0 auto;padding:1.75rem 1.75rem 2.5rem}.bottom-nav{display:none}.page-title{font-size:1.375rem;font-weight:700;margin-bottom:1.25rem;color:var(--color-text)}.card{background:var(--color-surface);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:1.5rem;transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-title{font-size:1.0625rem;font-weight:700;margin-bottom:1rem;color:var(--color-text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:1.25rem 1.375rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);cursor:pointer;transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition);position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#6d5ef040}.stat-card-static{cursor:default}.stat-card-static:hover{transform:none;border-color:var(--color-border);box-shadow:var(--shadow-sm)}.stat-icon-chip{width:34px;height:34px;border-radius:var(--radius-md);background:var(--gradient-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.stat-icon-chip.chip-success{background:var(--color-success-bg);color:var(--color-success)}.stat-icon-chip.chip-warning{background:var(--color-warning-bg);color:var(--color-warning)}.section-heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:1.75rem 0 .75rem}.section-heading:first-child{margin-top:0}.stat-number{font-size:1.875rem;font-weight:800;color:var(--color-text);margin-bottom:.2rem;line-height:1.15;letter-spacing:-.03em}.stat-label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:600}.stat-sublabel{color:var(--color-text-muted);font-size:.75rem;margin-top:.2rem}.stat-positive{color:var(--color-success)}.stat-negative{color:var(--color-error)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.375rem;font-weight:600;font-size:.8125rem;color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text);background:var(--color-surface);transition:all var(--transition)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}.form-textarea{resize:vertical;min-height:60px;font-family:inherit}.datepicker{position:relative;width:100%}.datepicker-trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text);background:var(--color-surface);cursor:pointer;transition:all var(--transition);text-align:left;font-family:inherit;line-height:1.4;height:auto;box-sizing:border-box}.datepicker-trigger:hover{border-color:var(--color-accent)}.datepicker-trigger:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}.datepicker-icon{color:var(--color-text-muted);flex-shrink:0;display:flex}.datepicker-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datepicker-caret{color:var(--color-text-muted);flex-shrink:0;display:flex}.datepicker-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:200;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:.875rem;width:288px;animation:scaleIn .15s ease}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.datepicker-nav{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition)}.datepicker-nav:hover{background:var(--color-surface-sunken);color:var(--color-text)}.datepicker-month-label{font-size:.9375rem;font-weight:700;color:var(--color-text)}.datepicker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.datepicker-day-names{margin-bottom:4px}.datepicker-day-name{text-align:center;font-size:.6875rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:.25rem 0}.datepicker-cell{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:none;background:transparent;font-size:.8125rem;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);font-family:inherit;padding:0}.datepicker-cell:hover{background:var(--color-accent-light);color:var(--color-accent-dark)}.datepicker-cell-outside{color:var(--color-text-muted);opacity:.4}.datepicker-cell-today{font-weight:700;color:var(--color-accent);box-shadow:inset 0 0 0 1.5px var(--color-accent)}.datepicker-cell-selected{background:var(--gradient-accent)!important;color:#fff!important;font-weight:700;opacity:1}.datepicker-footer{display:flex;justify-content:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border-light)}.datepicker-today-btn{background:none;border:none;color:var(--color-accent);font-size:.8125rem;font-weight:700;cursor:pointer;padding:.25rem .75rem;border-radius:var(--radius-sm);transition:all var(--transition);font-family:inherit}.datepicker-today-btn:hover{background:var(--color-accent-light)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gradient-accent);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition);white-space:nowrap;box-shadow:var(--shadow-accent)}.button:hover{transform:translateY(-1px);filter:brightness(1.05)}.button:active{transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button-secondary{background:var(--color-text-secondary);box-shadow:none}.button-secondary:hover{background:#55556b}.button-danger{background:var(--color-error);box-shadow:0 10px 24px #f0334f38}.button-danger:hover{background:#d6193a}.button-outline{background:transparent;color:var(--color-accent);border:1.5px solid var(--color-border);box-shadow:none}.button-outline:hover{background:var(--color-accent-light);border-color:var(--color-accent);transform:translateY(-1px)}.button-ghost{background:transparent;color:var(--color-text-secondary);box-shadow:none}.button-ghost:hover{background:var(--color-surface-sunken);color:var(--color-text);transform:none;box-shadow:none}.button-small{padding:.4rem .75rem;font-size:.8125rem}.button-icon{padding:.375rem;border-radius:var(--radius-sm);min-width:2rem;height:2rem}.track-list{display:flex;flex-direction:column;gap:.75rem}.track-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.125rem;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition)}.track-item:hover{border-color:#6d5ef04d;box-shadow:var(--shadow-sm)}.track-info{display:flex;align-items:center;gap:.75rem}.track-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #0000000a}.track-name{font-weight:600;color:var(--color-text)}.track-hours{color:var(--color-text-muted);font-size:.8125rem}.track-actions{display:flex;gap:.5rem;align-items:center}.today-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.mode-toggle{display:flex;background:var(--color-surface-sunken);border-radius:var(--radius-full);padding:3px;gap:2px}.mode-toggle-btn{display:flex;align-items:center;gap:.375rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:600;padding:.4375rem .875rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition)}.mode-toggle-btn.active{background:var(--color-surface);color:var(--color-accent-dark);box-shadow:var(--shadow-xs)}.day-nav{display:flex;align-items:center;gap:.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.3rem}.day-nav-btn{width:2.125rem;height:2.125rem;border-radius:50%;border:none;background:transparent;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);flex-shrink:0}.day-nav-btn:hover{background:var(--color-surface-sunken);color:var(--color-text)}.day-nav-label{display:flex;align-items:center;gap:.5rem;border:none;background:transparent;font-size:.9rem;font-weight:700;color:var(--color-text);cursor:pointer;padding:.3rem .5rem;border-radius:var(--radius-full);transition:background var(--transition);white-space:nowrap}.day-nav-label:hover{background:var(--color-surface-sunken)}.day-total-pill{display:inline-flex;align-items:center;gap:.375rem;background:var(--gradient-accent-soft);color:var(--color-accent-dark);font-size:.8125rem;font-weight:700;padding:.5rem .875rem;border-radius:var(--radius-full);white-space:nowrap}.day-total-pill.pill-warning{background:var(--color-warning-bg);color:#92610a}.day-total-pill.pill-success,.day-total-pill.pill-settled{background:var(--color-success-bg);color:#076a48}.day-total-pill.pill-national{background:#ffe7d6;color:#b4460a}.day-total-pill.pill-festival{background:#e1f6f1;color:#0d7a6e}.day-nav-datepicker{position:relative}.day-nav .datepicker-trigger{border:none;background:transparent;padding:.3rem .5rem;font-weight:700;font-size:.9rem;justify-content:center;box-shadow:none}.day-nav .datepicker-trigger:hover{background:var(--color-surface-sunken);border-radius:var(--radius-full)}.day-nav .datepicker-trigger:focus{box-shadow:none}.day-nav .datepicker-icon{display:none}.day-nav .datepicker-value{white-space:nowrap}.day-nav .datepicker-dropdown{left:50%;transform:translate(-50%)}.track-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.125rem;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition);flex-wrap:wrap}.track-row+.track-row{margin-top:.625rem}.track-row:hover{border-color:#6d5ef040;box-shadow:var(--shadow-sm)}.track-row-info{display:flex;align-items:center;gap:.75rem;min-width:0}.track-row-texts{min-width:0}.track-row-name{font-weight:600;color:var(--color-text);font-size:.9375rem}.track-row-note-preview{font-size:.75rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.track-row-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stepper{display:flex;align-items:center;gap:.625rem;background:var(--color-surface-sunken);border-radius:var(--radius-full);padding:.25rem;user-select:none}.stepper-btn{width:2rem;height:2rem;border-radius:50%;border:none;background:var(--color-surface);color:var(--color-accent-dark);box-shadow:var(--shadow-xs);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition);touch-action:manipulation}.stepper-btn:hover{background:var(--color-accent-light)}.stepper-btn:active{transform:scale(.92)}.stepper-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.stepper-value{min-width:2.75rem;text-align:center;font-size:1rem;font-weight:800;color:var(--color-text);font-variant-numeric:tabular-nums}.stepper-unit{font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-left:.15rem}.icon-btn{width:2.125rem;height:2.125rem;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);flex-shrink:0}.icon-btn:hover{background:var(--color-surface-sunken);color:var(--color-text)}.icon-btn.active{background:var(--color-accent-light);color:var(--color-accent-dark)}.icon-btn.danger:hover{background:var(--color-error-bg);color:var(--color-error)}.track-row-note{width:100%;margin-top:.5rem;animation:slideDown .15s ease}.track-row-note textarea{min-height:44px}.settlement-row{margin-top:1rem;border-color:#f3dfae;border-left:3px solid var(--color-warning)}.settlement-row:hover{border-color:var(--color-warning)}.settlement-icon{width:28px;height:28px;border-radius:50%;background:var(--color-warning-bg);color:var(--color-warning);display:flex;align-items:center;justify-content:center;flex-shrink:0}.week-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.week-grid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.week-grid{display:grid;grid-template-columns:minmax(140px,1.4fr) repeat(7,minmax(64px,1fr)) minmax(72px,.9fr);min-width:640px;background:var(--color-surface)}.week-grid-cell-base{display:flex;align-items:center;justify-content:center;padding:.625rem .4rem;border-bottom:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light)}.week-grid-corner{background:var(--color-surface-sunken);border-right:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border)}.week-grid-day-header{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem .25rem;background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border-light)}.week-grid-day-header .dow{font-size:.6875rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.04em}.week-grid-day-header .dom{font-size:.875rem;font-weight:700;color:var(--color-text)}.week-grid-day-header.is-today{background:var(--gradient-accent-soft)}.week-grid-day-header.is-today .dow,.week-grid-day-header.is-today .dom{color:var(--color-accent-dark)}.week-grid-total-header{background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border);font-size:.6875rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.04em}.week-grid-track-cell{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-bottom:1px solid var(--color-border-light);border-right:1px solid var(--color-border);background:var(--color-surface);min-width:0}.week-grid-track-cell .name{font-weight:600;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-grid-cell{cursor:text;transition:background var(--transition)}.week-grid-cell.is-today-col{background:#6d5ef00b}.week-grid-cell input{width:100%;border:none;background:transparent;text-align:center;font-size:.875rem;font-weight:700;color:var(--color-text);padding:.25rem;border-radius:var(--radius-sm)}.week-grid-cell input:focus{outline:none;background:var(--color-surface);box-shadow:0 0 0 2px var(--color-accent)}.week-grid-cell input::-webkit-outer-spin-button,.week-grid-cell input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.week-grid-cell input::placeholder{color:var(--color-text-muted);font-weight:500}.week-grid-total-cell{font-weight:700;font-size:.85rem;color:var(--color-accent-dark);background:var(--color-surface-sunken)}.week-grid-totals-label{background:var(--color-surface-sunken)}.week-grid-totals-label .name{font-weight:700;color:var(--color-text-secondary);font-size:.8rem}.month-grid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(84px,1fr));min-width:640px;background:var(--color-surface)}.month-grid-dayname{text-align:center;padding:.625rem .25rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border-light)}.month-cell{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-height:92px;padding:.5rem .625rem;border:none;border-bottom:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);background:var(--color-surface);cursor:pointer;font-family:inherit;text-align:left;transition:background var(--transition)}.month-cell:hover{background:var(--color-surface-sunken)}.month-cell-daynum{font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.month-cell-hours{font-size:1.375rem;font-weight:700;color:var(--color-text-muted);letter-spacing:-.02em;opacity:.5}.month-cell-hours.has-hours{font-weight:800;color:var(--color-accent-dark);opacity:1}.month-cell-settled{font-size:.6875rem;font-weight:700;color:#92610a;background:var(--color-warning-bg);padding:.0625rem .375rem;border-radius:var(--radius-full);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-cell-holiday{font-size:.625rem;font-weight:700;color:#0d7a6e;background:#e1f6f1;padding:.0625rem .375rem;border-radius:var(--radius-full);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-cell-holiday.is-national{color:#b4460a;background:#ffe7d6}.month-cell.has-holiday{box-shadow:inset 0 2px #6fc9bb}.month-cell.has-holiday:has(.month-cell-holiday.is-national){box-shadow:inset 0 2px #f0973e}.month-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.875rem;padding:0 .25rem}.month-legend-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.month-legend-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.month-legend-swatch.swatch-saturday{background:#b4650f}.month-legend-swatch.swatch-sunday{background:#d6265a}.month-legend-swatch.swatch-national{background:#f0973e}.month-legend-swatch.swatch-festival{background:#6fc9bb}.month-cell.is-outside{background:var(--color-surface-hover)}.month-cell.is-outside .month-cell-daynum,.month-cell.is-outside .month-cell-hours{color:var(--color-text-muted);opacity:.55}.month-cell.is-today{background:var(--gradient-accent-soft)}.month-cell.is-today .month-cell-daynum{color:var(--color-accent-dark);font-weight:800}.month-grid-dayname.is-saturday{color:#b4650f}.month-grid-dayname.is-sunday{color:#d6265a}.month-cell.is-saturday{background:#fff8ef}.month-cell.is-saturday .month-cell-daynum{color:#b4650f;font-weight:700}.month-cell.is-sunday{background:#fff1f5}.month-cell.is-sunday .month-cell-daynum{color:#d6265a;font-weight:700}.month-cell.is-saturday.is-outside,.month-cell.is-sunday.is-outside{background:var(--color-surface-hover)}.month-cell.is-saturday.is-outside .month-cell-daynum,.month-cell.is-sunday.is-outside .month-cell-daynum{color:var(--color-text-muted);opacity:.55;font-weight:600}.month-cell.is-today.is-saturday,.month-cell.is-today.is-sunday{background:var(--gradient-accent-soft)}.month-cell.is-today.is-saturday .month-cell-daynum,.month-cell.is-today.is-sunday .month-cell-daynum{color:var(--color-accent-dark)}.filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;padding:1rem 1.25rem;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.filter-group{display:flex;flex-direction:column;gap:.3rem;min-width:160px}.filter-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.filter-reset{color:var(--color-accent);font-size:.8125rem;font-weight:600;background:none;border:none;cursor:pointer;padding:.5rem;transition:color var(--transition);align-self:end;height:40px;display:flex;align-items:center}.filter-reset:hover{color:var(--color-accent-dark)}.multi-select{position:relative}.multi-select-trigger,.filter-trigger{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;height:40px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text);background:var(--color-surface);cursor:pointer;min-width:180px;transition:border-color var(--transition);gap:.5rem;box-sizing:border-box}.multi-select-trigger:focus,.multi-select-trigger:hover,.filter-trigger:focus,.filter-trigger:hover{border-color:var(--color-accent)}.filter-trigger-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-trigger-icon,.filter-trigger-caret{flex-shrink:0;color:var(--color-text-muted);display:flex}.multi-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:240px;overflow-y:auto;animation:slideDown .15s ease}.multi-select-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;font-size:.875rem;transition:background-color var(--transition)}.multi-select-option:hover{background:var(--color-surface-sunken)}.multi-select-checkbox{width:16px;height:16px;accent-color:var(--color-accent)}.multi-select-option-active{background:var(--color-accent-light);font-weight:600}.filter-tabs{display:flex;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;height:40px;box-sizing:border-box}.filter-tab{padding:0 .75rem;font-size:.8125rem;font-weight:600;border:none;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap}.filter-tab:not(:last-child){border-right:1px solid var(--color-border)}.filter-tab:hover{background:var(--color-surface-sunken);color:var(--color-text)}.filter-tab-active{background:var(--gradient-accent);color:#fff}.filter-tab-active:hover{color:#fff}.filter-month-count{font-size:.6875rem;color:var(--color-text-muted);background:var(--color-surface-sunken);padding:.125rem .375rem;border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.filter-bar .filter-select,.filter-bar .datepicker-trigger{height:40px;box-sizing:border-box}.filter-bar .filter-group{min-width:auto}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.chart-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.chart-card-full{grid-column:1 / -1}.chart-title{font-size:1rem;font-weight:700;margin-bottom:1rem;color:var(--color-text)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.75rem 1rem;font-weight:700;color:var(--color-text-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--color-border);background:var(--color-surface-sunken)}.data-table td{padding:.625rem 1rem;border-bottom:1px solid var(--color-border-light);color:var(--color-text)}.data-table tr:hover td{background:var(--color-surface-hover)}.data-table .text-right{text-align:right}.data-table .text-muted{color:var(--color-text-muted);font-size:.8125rem}.modal-overlay{position:fixed;inset:0;background:#1111288c;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-content{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;animation:scaleIn .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-title{font-size:1.0625rem;font-weight:700;color:var(--color-text)}.modal-close{width:2.125rem;height:2.125rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition)}.modal-close:hover{background:var(--color-surface-sunken);color:var(--color-text)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-stat-row{display:flex;gap:1rem;margin-bottom:1.25rem}.modal-stat{flex:1;padding:.875rem;background:var(--color-surface-sunken);border-radius:var(--radius-md);text-align:center}.modal-stat-value{font-size:1.25rem;font-weight:800;color:var(--color-accent)}.modal-stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:.125rem}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:2000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.875rem;font-weight:600;pointer-events:auto;animation:slideUp .3s ease;min-width:250px;max-width:400px;border:1px solid transparent}.toast-success{background:var(--color-success-bg);color:#066b45;border-color:#b4f0d3}.toast-error{background:var(--color-error-bg);color:#9f1233;border-color:#fbc4ce}.toast-info{background:var(--color-accent-light);color:var(--color-accent-dark);border-color:#dad3fc}.toast-icon{display:flex;flex-shrink:0}.toast-message{flex:1}.toast-close{background:none;border:none;cursor:pointer;opacity:.5;padding:0;line-height:1;color:inherit;flex-shrink:0;display:flex}.toast-close:hover{opacity:1}.color-picker-grid{display:flex;flex-wrap:wrap;gap:.4rem}.color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all var(--transition);position:relative}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-text)}.entry-track-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.1875rem .5625rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--color-surface-sunken);border:1px solid var(--color-border)}.entry-track-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pagination{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-light)}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);font-family:inherit;min-width:2.25rem}.pagination-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn-active{background:var(--gradient-accent);color:#fff;border-color:transparent}.pagination-btn-active:hover:not(:disabled){color:#fff;background:var(--gradient-accent)}.pagination-info{font-size:.8125rem;color:var(--color-text-muted)}.entries-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:1.25rem}.entries-track-filter{height:38px;font-size:.8125rem;max-width:200px}.entry-card-date{font-size:.75rem;color:var(--color-text-muted);margin-top:.05rem}.entries-search{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px;max-width:400px;position:relative}.entries-search svg{position:absolute;left:.75rem;color:var(--color-text-muted);pointer-events:none}.entries-search .form-input{padding-left:2.25rem}.entries-search .form-input,.entries-search .form-select{height:38px;font-size:.8125rem}.entries-summary{display:flex;align-items:center;gap:1rem;font-size:.8125rem;color:var(--color-text-secondary)}.entries-clear-all{margin-left:auto;color:var(--color-error);white-space:nowrap}.entries-clear-all:hover:not(:disabled){background:var(--color-error-bg);color:var(--color-error)}.entries-summary strong{color:var(--color-accent)}.data-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.empty-state{text-align:center;padding:2.75rem 1rem;color:var(--color-text-muted)}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto .875rem;border-radius:var(--radius-lg);background:var(--color-surface-sunken);color:var(--color-text-muted)}.empty-state-text{font-size:.9375rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.app-shell{flex-direction:column}.sidebar{display:none}.main-content{margin-left:0;width:100%;padding-bottom:calc(var(--bottom-nav-height) + .75rem)}.mobile-topbar{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.25rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:55}.mobile-topbar .sidebar-brand-mark{width:28px;height:28px}.mobile-topbar-name{font-size:.9375rem;font-weight:700}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:var(--bottom-nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:60;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;border:none;background:transparent;color:var(--color-text-muted);font-size:.6875rem;font-weight:600;cursor:pointer}.bottom-nav-item.active{color:var(--color-accent)}}@media(max-width:768px){.container{padding:1rem}.card{padding:1rem;margin-bottom:1rem}.card-title{font-size:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.chart-grid{grid-template-columns:1fr;gap:1rem}.chart-card{padding:1rem}.filter-bar{flex-direction:column;align-items:stretch;padding:.875rem 1rem;gap:.625rem}.filter-group{min-width:auto}.entries-toolbar{flex-direction:column;align-items:stretch;padding:.875rem 1rem}.entries-search,.entries-track-filter{max-width:none}.filter-tabs{width:100%}.filter-tab{flex:1;text-align:center}.filter-trigger,.multi-select-trigger{min-width:auto;width:100%}.modal-content{max-height:90vh;margin:.5rem}.modal-stat-row{flex-direction:column;gap:.5rem}.toast-container{left:1rem;right:1rem;bottom:1rem}.toast{min-width:auto;max-width:none}.data-table{font-size:.8125rem}.data-table th,.data-table td{padding:.5rem .625rem}.track-item{flex-wrap:wrap;gap:.5rem;padding:.75rem}.track-actions{width:100%;justify-content:flex-end}.today-toolbar{align-items:stretch}.day-nav{justify-content:space-between}.track-row{padding:.75rem}.track-row-controls{width:100%;justify-content:space-between}}@media(max-width:480px){.container{padding:.75rem}.page-title{font-size:1.1875rem}.card{padding:.875rem;border-radius:var(--radius-lg)}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.75rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.7rem}.data-table-wrapper{margin:0 -.875rem;padding:0 .875rem;border-radius:0;border-left:none;border-right:none}.data-table{font-size:.75rem;min-width:500px}.data-table th,.data-table td{padding:.375rem .5rem}.datepicker-dropdown{width:calc(100vw - 2rem);left:50%;transform:translate(-50%);max-width:300px}.filter-bar{padding:.625rem .75rem}.modal-content{margin:.25rem;max-height:95vh;border-radius:var(--radius-lg)}.entry-track-badge{font-size:.75rem}.pagination{flex-wrap:wrap;gap:.375rem}.pagination-btn{padding:.375rem .625rem;font-size:.75rem}.week-grid{grid-template-columns:minmax(110px,1.2fr) repeat(7,minmax(54px,1fr)) minmax(60px,.8fr)}}