.app{flex-direction:column;min-height:100%;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;position:sticky;top:0}.app-header__inner{max-width:960px;padding:0 var(--sp-4);align-items:center;gap:var(--sp-5);height:48px;margin:0 auto;display:flex}.app-brand{font-weight:600;font-size:var(--fs-md);letter-spacing:-.01em}.app-nav{gap:var(--sp-1);display:flex}.nav-link{padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--fs-base)}.nav-link:hover{color:var(--fg);background:var(--surface-2);text-decoration:none}.nav-link--active{color:var(--fg);font-weight:600}.app-main{width:100%;max-width:960px;padding:var(--sp-5) var(--sp-4) var(--sp-7);flex:1;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-5);display:flex}.page-header__desc{margin:var(--sp-1) 0 0}.page-header__actions{flex-shrink:0}.timer{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:var(--sp-4);align-items:center;gap:var(--sp-3);flex-wrap:wrap;min-height:64px;display:flex}.timer__project-select{flex:none;min-width:160px;max-width:240px}.timer__desc-input{flex:1}.timer__btn{flex:none;min-width:88px}.timer__hint{margin:0}.timer--running{background:var(--bg)}.timer__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.timer__project{font-weight:600}.timer__desc{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timer__clock{font-family:var(--font-mono);letter-spacing:-.01em;font-size:28px;font-weight:600}.modal-backdrop{padding:10vh var(--sp-4) var(--sp-4);z-index:100;background:#14161a66;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);flex-direction:column;width:100%;max-width:420px;max-height:80vh;display:flex;box-shadow:0 8px 30px #14161a2e}.modal__header{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);display:flex}.modal__body{padding:var(--sp-4);overflow:auto}.modal__footer{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);display:flex}.entry-form .field{flex-direction:column;display:flex}.entry-form .field input,.entry-form .field select{width:100%}.entry-form__row{gap:var(--sp-3);display:flex}.entry-form__row .field{flex:1}.entry-form__mode{margin-bottom:var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:fit-content;display:inline-flex;overflow:hidden}.mode-tab{background:var(--bg);color:var(--fg-muted);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);border:none;border-radius:0}.mode-tab+.mode-tab{border-left:1px solid var(--border-strong)}.mode-tab--active{background:var(--accent);color:var(--accent-fg)}.mode-tab--active:hover{background:#000}.entry-form__note{margin:var(--sp-1) 0 0;font-size:var(--fs-sm)}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius);padding:var(--sp-6) var(--sp-4);text-align:center;align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.empty-state__title{margin:0;font-weight:600}.empty-state__hint{max-width:42ch;margin:0}.empty-state__action{margin-top:var(--sp-2)}.history{gap:var(--sp-5);flex-direction:column;display:flex}.history__day-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding-bottom:var(--sp-1);border-bottom:1px solid var(--border-strong);margin-bottom:var(--sp-1);display:flex}.history__day-label{font-weight:600;font-size:var(--fs-sm)}.history__day-total{font-size:var(--fs-sm)}.history__table td{vertical-align:baseline}.history__desc{overflow-wrap:anywhere;font-weight:500}.history__project,.history__time{font-size:var(--fs-sm);white-space:nowrap;width:1%}.history__actions{white-space:nowrap;text-align:right;width:1%}.history__actions button+button{margin-left:var(--sp-1)}.range-filter{justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.range-filter__presets{border:1px solid var(--border-strong);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.range-preset{background:var(--bg);color:var(--fg-muted);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);border:none;border-radius:0}.range-preset+.range-preset{border-left:1px solid var(--border-strong)}.range-preset--active{background:var(--accent);color:var(--accent-fg)}.range-preset--active:hover{background:#000}.range-filter__dates{align-items:center;gap:var(--sp-2);display:inline-flex}.range-filter__dates input{font-size:var(--fs-sm);padding:var(--sp-1) var(--sp-2)}.totals-bar{justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex}.totals-bar__label{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.03em}.totals-bar__values{font-size:var(--fs-md)}.totals-bar__amount{color:var(--fg-muted)}.report-launcher{align-items:center;gap:var(--sp-2);display:flex}.report-launcher__label{font-size:var(--fs-sm)}.report-launcher select{font-size:var(--fs-sm);padding:var(--sp-1) var(--sp-2)}.report-launcher .btn{text-decoration:none}.project-form .field{flex-direction:column;display:flex}.project-form .field input{width:100%}.project-form__rate-row{gap:var(--sp-3);display:flex}.project-form__rate-row .field{flex:1}.project-form .field--narrow{flex:0 0 96px}.projects-table td:first-child{font-weight:500}.projects-table__actions{white-space:nowrap;text-align:right;width:1%}.projects-table__actions button+button{margin-left:var(--sp-1)}.report{max-width:800px;padding:var(--sp-5) var(--sp-4) var(--sp-7);margin:0 auto}.report__toolbar{gap:var(--sp-2);margin-bottom:var(--sp-5);display:flex}.report__sheet{background:var(--bg)}.report__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:2px solid var(--fg);margin-bottom:var(--sp-4);display:flex}.report__title{font-size:var(--fs-xl)}.report__period{margin:var(--sp-1) 0 0;color:var(--fg-muted)}.report__rate{font-size:var(--fs-md);white-space:nowrap}.report__empty{padding:var(--sp-5) 0}.report__table th{border-bottom:1px solid var(--border-strong)}.report__table td:first-child{overflow-wrap:anywhere}.report__table tfoot td{border-top:2px solid var(--fg);padding-top:var(--sp-3);border-bottom:none;font-weight:600}@page{margin:16mm}@media print{.report{max-width:none;margin:0;padding:0}.report__toolbar{display:none}.report__table{font-size:12px}.report__table tr{break-inside:avoid}.report__table thead{display:table-header-group}.report__head{break-after:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--bg:#fff;--surface:#fafafa;--surface-2:#f2f2f2;--fg:#15161a;--fg-muted:#6b7079;--fg-faint:#9aa0a8;--border:#e3e5e8;--border-strong:#cfd2d6;--accent:#1f2937;--accent-fg:#fff;--danger:#b42318;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:17px;--fs-xl:22px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--radius:6px;--radius-sm:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.45}.tabnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}h1,h2,h3{margin:0;font-weight:600;line-height:1.25}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}a{color:var(--fg);text-decoration:none}a:hover{text-decoration:underline}button,.btn{font-family:inherit;font-size:var(--fs-base);justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);cursor:pointer;line-height:1;display:inline-flex}button:hover,.btn:hover{background:var(--surface-2)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:#000}.btn-danger{color:var(--danger);border-color:var(--border-strong)}.btn-danger:hover{background:#fdf2f1}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{padding:var(--sp-1) var(--sp-2);font-size:var(--fs-sm)}input,select,textarea{font-family:inherit;font-size:var(--fs-base);color:var(--fg);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--sp-2)}input:focus,select:focus,textarea:focus{border-color:var(--fg);outline:none}label{font-size:var(--fs-sm);color:var(--fg-muted);margin-bottom:var(--sp-1);display:block}table{border-collapse:collapse;width:100%;font-size:var(--fs-base)}th,td{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border)}th{font-weight:600;font-size:var(--fs-sm);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--fg-muted)}.faint{color:var(--fg-faint)}.row{align-items:center;gap:var(--sp-2);display:flex}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.spacer{flex:1}.error-text{color:var(--danger);font-size:var(--fs-sm)}