:root{--bg: #0a0a0a;--bg-2: #111111;--panel: #161616;--panel-2: #1d1d1d;--line: #2a2a2a;--line-2: #3a3a3a;--text: #ffffff;--muted: #a1a1a1;--dim: #6b6b6b;--y: #f8c230;--y-ink: #0a0a0a;--y-soft: rgba(248, 194, 48, .14);--y-glow: rgba(248, 194, 48, .35);--good: #3ddc97;--mid: #f8c230;--bad: #ff5a36;--over: #ff5a36;--radius: 14px;--radius-s: 9px;--shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 20px 40px -24px rgba(0,0,0,.8);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:dark;font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-feature-settings:"cv11","ss01"}:root[data-theme=light]{--bg: #f4f2ec;--bg-2: #ebe8df;--panel: #ffffff;--panel-2: #f7f5ef;--line: #e3dfd3;--line-2: #cfc9b8;--text: #0a0a0a;--muted: #5d5a52;--dim: #8f8a7d;--y-soft: rgba(248, 194, 48, .22);--y-glow: rgba(248, 194, 48, .45);--good: #0f9f62;--mid: #b98200;--bad: #e0401c;--over: #e0401c;--shadow: 0 1px 2px rgba(0,0,0,.04), 0 16px 32px -24px rgba(0,0,0,.25);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{min-height:100vh;background:radial-gradient(1200px 500px at 85% -10%,var(--y-soft),transparent 60%),var(--bg);background-attachment:fixed}::selection{background:var(--y);color:var(--y-ink)}button,input,select{font:inherit;color:inherit}.mono,.num,.cell,input.hours{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}button{border:1px solid var(--line-2);background:var(--panel);border-radius:999px;padding:7px 14px;cursor:pointer;font-weight:600;transition:transform .12s ease,background .15s,border-color .15s,box-shadow .15s}button:hover:not(:disabled){border-color:var(--text)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--y);color:var(--y-ink);border-color:var(--y)}button.primary:hover:not(:disabled){border-color:var(--y);box-shadow:0 0 0 6px var(--y-soft)}button.big{padding:14px 28px;font-size:16px;font-weight:800;letter-spacing:.01em}button.link{border:0;background:none;padding:2px 4px;color:var(--muted);font-weight:500;border-radius:6px}button.link:hover:not(:disabled){color:var(--text)}button.link.danger:hover{color:var(--bad)}button.icon{width:36px;height:36px;padding:0;display:inline-grid;place-items:center;font-size:16px}input,select{border:1px solid var(--line-2);border-radius:var(--radius-s);padding:8px 10px;background:var(--bg-2);min-width:0;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--y);box-shadow:0 0 0 4px var(--y-soft)}input[type=checkbox]{accent-color:var(--y);width:16px;height:16px}kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:0 5px;color:var(--muted)}.top{display:flex;align-items:center;gap:18px;padding:12px 24px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:10px;color:var(--text);-webkit-user-select:none;user-select:none}.wordmark{font-size:22px;letter-spacing:.02em;line-height:1}.wordmark .pro{font-weight:300}.wordmark .active{font-weight:800;color:var(--y)}.brand .sub{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;border-left:1px solid var(--line-2);padding-left:10px}nav{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px}.tab{border:0;background:none;padding:7px 14px;border-radius:999px;color:var(--muted);font-weight:600}.tab:hover:not(:disabled){color:var(--text)}.tab.on,.tab.on:hover:not(:disabled){background:var(--text);color:var(--bg)}.who{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--y);color:var(--y-ink);display:grid;place-items:center;font-weight:800;font-size:13px}.spacer{flex:1}.page{padding:28px 24px 64px;max-width:1240px;margin:0 auto;animation:rise .35s ease both}.page.wide{max-width:1440px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.toolbar h2{margin:0 6px;font-size:26px;font-weight:800;letter-spacing:-.03em}.toolbar h2 em{font-style:normal;color:var(--y)}h3{margin:36px 0 12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.row input:not([type=checkbox]){flex:1;min-width:160px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:14px 0;box-shadow:var(--shadow)}.muted{color:var(--muted)}.small{font-size:12px}.label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.error{color:var(--bad)}.warn{color:var(--mid)}.tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--y-soft);color:var(--y);border-radius:999px;padding:2px 8px;margin-left:8px;vertical-align:1px}:root[data-theme=light] .tag{color:#7a5600}.check{display:inline-flex;gap:8px;align-items:center;margin-top:10px;cursor:pointer}.hint{color:var(--dim);font-size:12px;margin-top:14px}.hint kbd{margin:0 2px}.timerbar{display:flex;align-items:center;gap:14px;padding:12px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:var(--bg-2)}.timerbar .start{background:var(--y);color:var(--y-ink);border-color:var(--y);font-weight:800;padding:9px 18px}.timerbar .start:hover:not(:disabled){box-shadow:0 0 0 6px var(--y-soft);border-color:var(--y)}.timerbar.running{background:var(--y);color:var(--y-ink);border-bottom-color:var(--y)}.timerbar.running .clock{font-family:var(--mono);font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1}.timerbar.running .what{font-weight:600}.timerbar.running button.stop{background:var(--y-ink);color:var(--y);border-color:var(--y-ink);font-weight:800;padding:10px 22px}.timerbar.running button.link{color:var(--y-ink);opacity:.7}.timerbar.running .warn{color:var(--y-ink);font-weight:700;background:#00000014;padding:4px 10px;border-radius:999px}.timerbar .dot{width:12px;height:12px;border-radius:50%;background:var(--y-ink);animation:beat 1s infinite}@keyframes beat{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.4}}.timerform{width:100%;max-width:980px}.picker select{width:100%;max-width:460px;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}.chip{border-radius:999px;padding:6px 14px;background:var(--bg-2);font-weight:600}.chip.on{background:var(--y);color:var(--y-ink);border-color:var(--y)}.chip.ghost{border-style:dashed;color:var(--muted);background:none}.tablewrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}table.grid{width:100%;border-collapse:collapse}.grid th,.grid td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}.grid th{font-family:var(--mono);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:var(--panel-2)}.grid .left{text-align:left}.grid .num{text-align:right}.grid .total{font-weight:700}.grid tbody tr{transition:background .12s}.grid tbody tr:hover{background:var(--panel-2)}.grid tfoot td{border-bottom:0;background:var(--panel-2);font-weight:700}.grid .over{color:var(--over);font-weight:700}.grid tr.clickable{cursor:pointer}.grid tr.open{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--y)}.grid tr.detail td{background:var(--bg-2);white-space:normal;padding:18px 16px}.grid tr.muted td{color:var(--dim)}.week th.day{padding:8px 4px}.week th.day button{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:4px 0;border-radius:8px;color:var(--muted);font-family:var(--mono);font-size:11px}.week th.day .d{font-size:18px;font-weight:700;letter-spacing:-.03em;color:var(--text)}.week th.day.today button{background:var(--y);color:var(--y-ink)}.week th.day.today .d{color:var(--y-ink)}.week th.weekend{opacity:.55}.week th.day.today{opacity:1}.week td.num{padding:5px;width:82px}.cell{width:72px;text-align:right;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:color-mix(in srgb,var(--y) calc(var(--heat, 0) * 100%),var(--bg-2));font-weight:600;transition:background .2s,border-color .15s,transform .1s}.cell.hot{color:var(--y-ink)}.cell:hover:not(:disabled){border-color:var(--line-2)}.cell:focus{transform:scale(1.06)}.cell:disabled{opacity:.5}.hasnote .cell{box-shadow:inset 3px 0 0 var(--text)}.cellbtn{width:72px;text-align:right;border-radius:8px;padding:8px 10px;font-family:var(--mono);background:color-mix(in srgb,var(--y) calc(var(--heat, 0) * 100%),var(--bg-2));border-color:transparent}.cellbtn.hot{color:var(--y-ink)}.cellbtn sup{color:inherit;opacity:.6;margin-left:2px}.daybars td{padding:6px 5px 10px;vertical-align:bottom;border-bottom:0}.daybar{height:46px;display:flex;align-items:flex-end;justify-content:center}.daybar span{width:26px;border-radius:6px 6px 2px 2px;background:var(--line-2);transition:height .4s cubic-bezier(.2,.8,.2,1)}.daybar span.full{background:var(--y)}input.hours{width:76px;flex:0 0 76px!important;min-width:0!important;text-align:right}.progress{position:relative;height:10px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);overflow:hidden}.progress>i{position:absolute;inset:0 auto 0 0;background:var(--y);border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.progress>i.over{background:var(--over)}.weekstat{display:flex;align-items:center;gap:14px;min-width:280px}.weekstat .big{font-family:var(--mono);font-size:22px;font-weight:800;letter-spacing:-.04em}.weekstat .progress{flex:1;min-width:120px}.hero{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-bottom:18px}.hero>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.hero .figure{font-family:var(--mono);font-size:44px;font-weight:800;letter-spacing:-.05em;line-height:1.05;margin:6px 0 10px}.hero .figure small{font-size:18px;color:var(--muted);font-weight:600;letter-spacing:-.02em}.hero .accent{background:var(--y);color:var(--y-ink);border-color:var(--y)}.hero .accent .label,.hero .accent small{color:#0a0a0aa6}.hero .accent .progress{background:#0000001f;border-color:transparent}.hero .accent .progress>i{background:var(--y-ink)}.bar{width:200px}.meter{height:8px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;overflow:hidden;width:180px}.meter div{height:100%;background:var(--y);border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.meter div.over{background:var(--over)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:14px}.kpis>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}.kpis>div.accent{background:var(--y);color:var(--y-ink);border-color:var(--y)}.kpis>div.accent .label,.kpis>div.accent .muted{color:#0a0a0aa6}.kpis strong{font-family:var(--mono);font-size:30px;font-weight:800;letter-spacing:-.05em;line-height:1.05}.good{color:var(--good)}.mid{color:var(--mid)}.bad{color:var(--bad)}.kpis>div.accent .good,.kpis>div.accent .mid,.kpis>div.accent .bad{color:var(--y-ink)}.grid td.rate{font-weight:800}.ratebar{position:relative;width:120px;height:8px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line)}.ratebar>i{position:absolute;inset:0 auto 0 0;border-radius:999px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.ratebar>i.good{background:var(--good)}.ratebar>i.mid{background:var(--mid)}.ratebar>i.bad{background:var(--bad)}.ratebar>b{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--text);left:50%;border-radius:2px}.legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:4px 0 14px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.detailgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.detailgrid strong.h{display:block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--y);margin-bottom:8px;font-weight:600}:root[data-theme=light] .detailgrid strong.h{color:#7a5600}.detailgrid>div>div{padding:3px 0}.svcbar{display:grid;grid-template-columns:minmax(120px,1fr) 110px 70px;gap:10px;align-items:center;padding:3px 0}.svcbar .meter{width:100%}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;z-index:30;animation:fade .15s ease both}@keyframes fade{0%{opacity:0}}.panel{background:var(--bg);width:min(680px,100%);height:100%;overflow-y:auto;padding:24px;border-left:1px solid var(--line);animation:slide .25s cubic-bezier(.2,.8,.2,1) both}@keyframes slide{0%{transform:translate(40px);opacity:0}}.panel h2{font-size:24px;font-weight:800;letter-spacing:-.03em;margin:0}.entry{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-s);padding:12px 14px;margin-bottom:10px}.entry .row{margin-top:6px}.login{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;background:var(--bg)}.login .hero-side{padding:56px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:radial-gradient(900px 500px at 0% 100%,var(--y-soft),transparent 60%)}.login .giant{font-size:clamp(64px,11vw,168px);line-height:.86;letter-spacing:-.06em;margin:0}.login .giant .pro{font-weight:200;display:block}.login .giant .uren{font-weight:900;color:var(--y);display:block}.login .form-side{display:flex;flex-direction:column;justify-content:center;padding:56px;gap:18px;max-width:520px}.login .form-side h1{font-size:34px;letter-spacing:-.03em;margin:0;font-weight:800}.ticker{font-family:var(--mono);font-size:13px;color:var(--muted);display:flex;gap:24px;flex-wrap:wrap}.ticker b{color:var(--text)}@media (max-width: 860px){.top{flex-wrap:wrap;padding:10px 14px;gap:10px}.brand .sub{display:none}.page{padding:18px 14px 48px}.hero,.login{grid-template-columns:1fr}.login .hero-side{padding:32px;min-height:45vh}.login .form-side{padding:32px}.toolbar h2{font-size:21px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}