:root{--indigo: #4f46e5;--indigo-dark: #4338ca;--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--green: #16a34a;--green-bg: #f0fdf4;--amber: #b45309;--amber-bg: #fffbeb;--red: #dc2626;--red-bg: #fef2f2;--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:720px;margin:0 auto;padding:0 12px calc(24px + env(safe-area-inset-bottom))}.loading,.fatal-error,.all-clear{text-align:center;padding:48px 16px;color:var(--muted)}.fatal-error h2{color:var(--red)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 4px}.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:18px}.brand img{border-radius:7px}.topbar-right{display:flex;align-items:center;gap:10px}.user-name{color:var(--muted);font-size:14px}.dev-user-picker{font-size:13px;padding:4px 6px;border-radius:8px;border:1px solid var(--border)}.tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--border)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;font-size:15px;color:var(--muted);cursor:pointer}.tab.active{color:var(--indigo);border-bottom-color:var(--indigo);font-weight:600}.badge{background:var(--red);color:#fff;border-radius:999px;font-size:12px;padding:1px 7px;margin-left:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:var(--radius);padding:10px 16px;font-size:15px;cursor:pointer;min-height:44px}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--indigo);border-color:var(--indigo);color:#fff;font-weight:600}.btn.primary:not(:disabled):hover{background:var(--indigo-dark)}.btn.danger{color:var(--red);border-color:#fecaca;background:var(--red-bg)}.btn.ghost{background:transparent}.btn.tiny{min-height:28px;padding:0 10px;border-radius:8px;font-size:16px;line-height:1}.btn.start{background:var(--green);border-color:var(--green);color:#fff;font-weight:600;white-space:nowrap}.btn.stop{background:var(--red);border-color:var(--red);color:#fff;font-weight:600;white-space:nowrap}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--indigo);cursor:pointer;font-size:14px;padding:4px}.timer{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:16px}.timer.running{border-color:var(--green);box-shadow:0 0 0 3px var(--green-bg)}.timer-note{flex:1;min-width:0;border:none;outline:none;font-size:16px;padding:8px 4px;background:transparent}.timer-elapsed{font-variant-numeric:tabular-nums;font-weight:700;font-size:20px;color:var(--green)}.week-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.week-label{text-align:center;display:flex;flex-direction:column;font-size:16px}.status-banner{border-radius:var(--radius);padding:10px 14px;margin-bottom:12px;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-banner.submitted{background:var(--amber-bg);color:var(--amber)}.status-banner.approved{background:var(--green-bg);color:var(--green)}.status-banner.rejected{background:var(--red-bg);color:var(--red)}.day{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;margin-bottom:8px}.day.today{border-color:var(--indigo)}.day header{display:flex;align-items:center;gap:10px}.day-name{font-weight:600;font-size:14px;flex:1}.day.today .day-name{color:var(--indigo)}.day-total{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.empty-day{color:var(--border);margin:4px 0 0}.day ul,.approval-day ul{list-style:none;margin:6px 0 0;padding:0}.entry{display:flex;align-items:baseline;gap:10px;padding:7px 6px;border-radius:8px;font-size:14px}.entry.clickable{cursor:pointer}.entry.clickable:hover{background:var(--bg)}.entry-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.entry-note{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.entry-note em{color:var(--muted)}.entry-dur{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.week-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.week-total{font-size:16px}.week-actions{display:flex;gap:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{background:var(--card);border-radius:16px;padding:20px;width:100%;max-width:420px;box-shadow:0 20px 40px #0003}.modal h3{margin:0 0 12px}.modal label{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}.modal input{display:block;width:100%;margin-top:4px;padding:10px;font-size:16px;border:1px solid var(--border);border-radius:10px}.time-row{display:flex;gap:12px}.time-row label{flex:1}.form-error{color:var(--red);font-size:14px}.modal-actions{display:flex;gap:8px;margin-top:8px}.spacer{flex:1}.approval-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:14px}.approval-card>header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.approval-total{font-weight:700;font-variant-numeric:tabular-nums}.approval-day{margin-bottom:6px}.approval-day .day-name{font-size:13px}.approval-day li{display:flex;gap:10px;font-size:14px;padding:3px 0 3px 12px}.approval-card footer{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.comment-input{flex:1;min-width:160px;padding:10px;font-size:15px;border:1px solid var(--border);border-radius:10px}.muted{color:var(--muted)}@media(max-width:480px){.user-name{display:none}.week-footer{flex-direction:column;align-items:stretch}.week-actions{flex-direction:column}}