:root{--paper: #f4f1ea;--panel: #ffffff;--ink: #16191f;--ink-soft: #5b6068;--line: #e4dfd4;--line-strong: #d6d0c2;--go: #2f6f4f;--go-bright: #34a06f;--stop: #b8412c;--accent-amber: #c79a3a;--shadow: 0 1px 2px rgba(20, 24, 31, .06), 0 8px 24px rgba(20, 24, 31, .06);--mono: "SF Mono", "JetBrains Mono", "Menlo", "Consolas", ui-monospace, monospace;--sans: "Segoe UI", "Heebo", "Assistant", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:baseline;gap:14px;padding:18px 28px;border-bottom:1px solid var(--line);background:var(--panel)}.topbar__brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.01em}.topbar__mark{width:13px;height:13px;border-radius:50%;background:var(--go);box-shadow:0 0 0 4px #2f6f4f24}.topbar__sub{color:var(--ink-soft);font-size:13px}.error-bar{background:#fbe9e4;color:var(--stop);padding:10px 28px;font-size:14px;cursor:pointer;border-bottom:1px solid #f0d2c9}.layout{flex:1;display:grid;grid-template-columns:290px 1fr;min-height:0}.sidebar{border-inline-end:1px solid var(--line);background:var(--panel);padding:22px 18px;overflow-y:auto}.sidebar__title{margin:0 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.add-client{display:grid;grid-template-columns:1fr 78px;gap:8px;margin-bottom:18px}.add-client .btn--add{grid-column:1 / -1}.input{width:100%;padding:9px 11px;border:1px solid var(--line-strong);border-radius:8px;font-size:14px;font-family:inherit;background:#fcfbf8;color:var(--ink)}.input:focus{outline:none;border-color:var(--go);box-shadow:0 0 0 3px #2f6f4f1f}.input--rate{text-align:center}.client-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.client-list__empty{color:var(--ink-soft);font-size:13px;padding:10px 4px;line-height:1.5}.client{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;cursor:pointer;border:1px solid transparent}.client:hover{background:#f7f4ee}.client--active{background:#eef4f0;border-color:#cfe2d6}.client__dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);flex:none}.client__dot[data-on=true]{background:var(--go-bright);box-shadow:0 0 0 3px #34a06f38;animation:pulse 1.4s ease-in-out infinite}.client__name{flex:1;font-size:14.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client__rate{font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.client__del{border:none;background:none;color:var(--ink-soft);font-size:18px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:5px;opacity:0}.client:hover .client__del{opacity:1}.client__del:hover{color:var(--stop);background:#f7e7e2}.main{padding:28px 32px;overflow-y:auto;display:flex;flex-direction:column;gap:26px}.timer-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:30px;text-align:center;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s}.timer-card--running{border-color:#bfe0cd;box-shadow:0 1px 2px #14181f0f,0 10px 30px #34a06f24}.timer-card--running:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--go-bright)}.timer-card__client{font-size:15px;color:var(--ink-soft);margin-bottom:14px;font-weight:500}.timer-card__display{font-family:var(--mono);font-size:clamp(52px,9vw,88px);font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1;color:var(--ink);direction:ltr}.timer-card--running .timer-card__display{color:var(--go)}.timer-card__status{margin-top:8px;font-size:13px;letter-spacing:.04em;color:var(--ink-soft);text-transform:uppercase}.btn{border:none;cursor:pointer;font-family:inherit;font-weight:600;border-radius:9px;transition:transform .05s,background .15s,opacity .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--add{padding:9px;background:var(--ink);color:#fff;font-size:14px}.btn--add:hover:not(:disabled){background:#2a2f38}.btn--start,.btn--stop{margin-top:22px;padding:14px 46px;font-size:17px;color:#fff;border-radius:11px}.btn--start{background:var(--go)}.btn--start:hover:not(:disabled){background:#2a6347}.btn--stop{background:var(--stop)}.btn--stop:hover:not(:disabled){background:#a23a27}.entries__summary{display:flex;gap:34px;padding:4px 6px 18px;border-bottom:1px solid var(--line);margin-bottom:6px}.entries__summary>div{display:flex;flex-direction:column}.entries__summary-num{font-family:var(--mono);font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.entries__summary-label{font-size:12px;color:var(--ink-soft);margin-top:2px}.empty{color:var(--ink-soft);text-align:center;padding:40px 10px;font-size:14px}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead th{text-align:start;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;padding:12px 10px;border-bottom:1px solid var(--line)}.table tbody td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}.row--live{background:#f1faf5}.cell-date{color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums}.cell-dur{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;text-align:start}.cell-hours{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.cell-note{width:45%}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--go-bright);margin-inline-end:7px;animation:pulse 1.4s ease-in-out infinite}.note{width:100%;resize:vertical;min-height:36px;padding:8px 10px;border:1px solid transparent;border-radius:7px;font-family:inherit;font-size:14px;background:#faf8f3;color:var(--ink);line-height:1.4}.note:focus{outline:none;border-color:var(--go);background:#fff;box-shadow:0 0 0 3px #2f6f4f1a}.cell-actions{text-align:center;width:36px}.row-del{border:none;background:none;color:var(--line-strong);font-size:18px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:5px}.row-del:hover{color:var(--stop);background:#f7e7e2}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 720px){.layout{grid-template-columns:1fr}.sidebar{border-inline-end:none;border-bottom:1px solid var(--line)}.main{padding:20px 16px}.cell-date{display:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}