:root{--tl-bg:#f3f4f6;--tl-surface:#fff;--tl-text:#1f2937;--tl-muted:#6b7280;--tl-border:#e5e7eb;--tl-border-strong:#d1d5db;--tl-accent:var(--kpfk-red,#e1251b);--tl-accent-hover:var(--kpfk-red-dark,#b81c13);--tl-accent-soft:#fff1f3;--tl-accent-border:#f7c6cd;--tl-filled:#fff5f6;--tl-filled-bar:var(--kpfk-red,#e1251b);--tl-success:#16a34a;--tl-success-soft:#f0fdf4;--tl-error:#dc2626;--tl-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--tl-font-size:15px}.timelog-page{background:var(--tl-bg);min-height:100vh;font-family:var(--tl-font);font-size:var(--tl-font-size);color:var(--tl-text);-webkit-font-smoothing:antialiased;padding:24px 16px 96px}.timelog-container{background:var(--tl-surface);border:1px solid var(--tl-border);border-radius:14px;max-width:760px;margin:0 auto;padding:24px 24px 0;box-shadow:0 1px 3px #0000000f,0 8px 24px -12px #0000001f}.timelog-logo{width:auto;height:30px;margin-bottom:16px;display:block}.timelog-container h1{letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:650}.timelog-staff-label{color:var(--tl-muted);flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.timelog-autosave-note{color:var(--tl-muted);margin:6px 0 0;font-size:12.5px}.timelog-container hr{border:none;border-top:1px solid var(--tl-border);margin:16px 0}.timelog-week-toggle{border:1px solid var(--tl-border);background:#f3f4f6;border-radius:10px;max-width:100%;margin-bottom:16px;padding:3px;display:inline-flex;overflow-x:auto}.timelog-week-btn{font-family:var(--tl-font);color:var(--tl-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex-shrink:0;padding:7px 16px;font-size:13.5px}.timelog-week-btn:hover{color:var(--tl-text)}.timelog-week-btn:focus-visible{outline-offset:-2px}.timelog-week-btn--active{color:var(--tl-text);cursor:default;background:#fff;font-weight:600;box-shadow:0 1px 2px #00000014}.timelog-day-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:6px;margin-bottom:4px;padding-bottom:14px;display:flex;overflow-x:auto}.timelog-day-tab{border:1px solid var(--tl-border);min-width:58px;font-family:var(--tl-font);color:var(--tl-text);cursor:pointer;text-align:center;background:#fff;border-radius:10px;flex:none;padding:8px 8px 7px;font-size:13.5px;font-weight:600;line-height:1.25}.timelog-day-tab:hover{border-color:var(--tl-border-strong);background:#fafafa}.timelog-day-tab:focus-visible{outline-offset:-2px}.timelog-day-tab--active{border-color:var(--tl-accent);background:var(--tl-accent-soft);color:var(--tl-accent);box-shadow:inset 0 0 0 1px var(--tl-accent);cursor:default}.timelog-day-tab--weekend{color:var(--tl-muted)}.timelog-day-tab--weekend.timelog-day-tab--active{color:var(--tl-accent)}.timelog-day-date{color:var(--tl-muted);margin-top:1px;font-size:11px;font-weight:400;display:block}.timelog-shift-row{color:var(--tl-muted);margin-bottom:8px;font-size:13px}.timelog-shift-link{color:var(--tl-accent);cursor:pointer;font-family:var(--tl-font);background:0 0;border:none;padding:0;font-size:13px;font-weight:550}.timelog-shift-link:hover{text-decoration:underline}.timelog-shift-edit{align-items:center;gap:6px;margin-top:4px;display:inline-flex}.timelog-shift-edit input{width:110px;font-family:var(--tl-font);border:1px solid var(--tl-border-strong);border-radius:7px;padding:5px 7px;font-size:13px}.timelog-shift-edit button{font-family:var(--tl-font);border:1px solid var(--tl-border-strong);cursor:pointer;background:#fff;border-radius:7px;padding:5px 11px;font-size:12.5px}.timelog-granularity{margin-bottom:14px;font-size:13px}.timelog-granularity button{color:var(--tl-accent);cursor:pointer;font-family:var(--tl-font);background:0 0;border:none;padding:0;font-size:13px;font-weight:550}.timelog-granularity button:hover{text-decoration:underline}.timelog-grid{border-collapse:separate;border-spacing:0;width:100%;margin-bottom:8px}.timelog-grid th{z-index:2;border-bottom:2px solid var(--tl-border);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--tl-muted);background:#fff;padding:10px 12px;font-size:11.5px;font-weight:600;position:sticky;top:0}.timelog-grid td{border-bottom:1px solid var(--tl-border);vertical-align:middle;padding:0;position:relative}.timelog-grid td:first-child{white-space:nowrap;width:96px;color:var(--tl-muted);border-right:1px solid var(--tl-border);font-variant-numeric:tabular-nums;background:#fafafa;padding:0 12px;font-size:13px}.timelog-grid tr.timelog-row--hour td:first-child{color:var(--tl-text);font-weight:600}.timelog-grid tr.timelog-row--hour td{border-top:1px solid var(--tl-border-strong)}.timelog-grid td.timelog-cell--filled{background:var(--tl-filled);box-shadow:inset 3px 0 0 var(--tl-filled-bar)}.timelog-cell-input{box-sizing:border-box;width:100%;font-family:var(--tl-font);color:var(--tl-text);background:0 0;border:none;outline:none;padding:11px 12px;font-size:14px}.timelog-grid td:focus-within{box-shadow:inset 0 0 0 2px var(--tl-accent);z-index:1;background:#fff;border-radius:6px}.timelog-cell-input--error{outline:1px solid var(--tl-error);outline-offset:-1px}.timelog-cell-input::placeholder{color:#9ca3af;font-style:italic}.timelog-sub-indicator{color:var(--tl-accent);border:1px solid var(--tl-accent-border);cursor:help;background:#fff;border-radius:5px;padding:0 5px;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.timelog-submit-row{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--tl-border);background:#ffffffeb;border-radius:0 0 14px 14px;align-items:center;gap:14px;margin:8px -24px 0;padding:14px 24px;display:flex;position:sticky;bottom:0}.timelog-submit-btn{font-family:var(--tl-font);color:#fff;background:var(--tl-accent);cursor:pointer;border:none;border-radius:10px;padding:11px 22px;font-size:14.5px;font-weight:600}.timelog-submit-btn:hover{background:var(--tl-accent-hover)}.timelog-submit-btn:disabled{cursor:default;color:var(--tl-success);background:var(--tl-success-soft);box-shadow:inset 0 0 0 1px #bbf7d0}.timelog-unsubmit-link{font-family:var(--tl-font);color:var(--tl-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:550}.timelog-unsubmit-link:hover{color:var(--tl-error);text-decoration:underline}.timelog-unsubmit-link:disabled{cursor:default;opacity:.5}.timelog-submitted-note{color:var(--tl-success);font-size:13px;display:inline-block}.timelog-save-indicator{border-radius:999px;align-items:center;padding:3px 9px;font-size:12.5px;font-weight:550;display:inline-flex}.timelog-save-indicator--saving{color:var(--tl-muted);background:#f3f4f6}.timelog-save-indicator--saved{color:var(--tl-success);background:var(--tl-success-soft)}.timelog-save-indicator--error{color:var(--tl-error);background:#fef2f2}.timelog-error{text-align:center;padding:40px 20px}.timelog-error h1{margin-bottom:12px;font-size:20px}.timelog-error p{color:var(--tl-muted);font-size:14px;line-height:1.6}.timelog-error a{color:var(--tl-accent)}@media (max-width:560px){.timelog-page{padding:12px 8px 96px}.timelog-container{padding:16px 16px 0}.timelog-submit-row{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.timelog-grid td:first-child{width:74px;padding:0 8px;font-size:12px}.timelog-container h1{font-size:18px}}