@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--page: #edf0ee;--surface: #ffffff;--sunk: #e4e9e6;--ink: #13201c;--ink-2: #3f4d48;--muted: #64726d;--rule: #d9dfdc;--rule-strong: #c2cbc7;--pine: #0b6b63;--pine-strong: #08544e;--on-pine: #ffffff;--pine-wash: #dcefeb;--panel: #0c3d38;--panel-ink: #f0fbf9;--panel-muted: #9fd0c7;--panel-rule: rgb(255 255 255 / .16);--signal: #5eead4;--amber: #8a5300;--amber-wash: #fbecd2;--danger: #b42318;--danger-wash: #fce9e7;--no-project: #a1aca7;--radius-lg: 14px;--radius: 10px;--font: "Archivo Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--page: #0b100f;--surface: #121917;--sunk: #1b2422;--ink: #e3eae7;--ink-2: #b9c5c0;--muted: #8a9893;--rule: #24302c;--rule-strong: #34423d;--pine: #3ccfbd;--pine-strong: #6fe0d1;--on-pine: #04211e;--pine-wash: #11312d;--panel: #0e2f2b;--panel-ink: #effffc;--panel-muted: #8cc9bf;--panel-rule: rgb(255 255 255 / .1);--amber: #f2b65a;--amber-wash: #33260f;--danger: #f97066;--danger-wash: #3a1714;--no-project: #5d6a66;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--page);color:var(--ink);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;line-height:1.25;font-weight:650}h2{font-size:17px}h3{font-size:15px}p{margin:0}a{color:var(--pine)}strong{font-weight:650}.muted{color:var(--muted)}.error{color:var(--danger)}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row.end{justify-content:flex-end}.spacer{flex:1}.num{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.boot,.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--page) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.topbar-inner{max-width:1080px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:28px;height:56px}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:18px;font-weight:700;font-stretch:82%;letter-spacing:-.01em}.brand-mark{width:20px;height:20px;color:var(--pine);flex:none}.tabs{display:flex;gap:22px;align-self:stretch}.tab{display:flex;align-items:center;color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--pine)}.who{margin-left:auto;display:flex;align-items:center;gap:12px}.who-name{color:var(--ink-2);font-size:14px}.content{max-width:1080px;margin:0 auto;padding:24px 20px 72px}.btn{font:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;border-radius:8px;padding:8px 14px;border:1px solid transparent;transition:background-color .15s,border-color .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--pine);color:var(--on-pine)}.btn.primary:not(:disabled):hover{background:var(--pine-strong)}.btn.quiet{background:var(--surface);color:var(--ink);border-color:var(--rule-strong)}.btn.quiet:not(:disabled):hover{background:var(--sunk)}.btn.danger{background:var(--danger);color:#fff}.btn.danger-text{color:var(--danger)}.btn.link{background:none;border:0;padding:4px 0;color:var(--pine)}.btn.link:hover{text-decoration:underline}.btn.small{font-size:13px;padding:5px 10px}.btn.wide{width:100%;padding:10px 14px}a.btn{display:inline-block;text-decoration:none}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;font-weight:600;color:var(--ink-2)}input,textarea{font:inherit;color:var(--ink);width:100%;background:var(--surface);border:1px solid var(--rule-strong);border-radius:8px;padding:9px 11px}input:focus,textarea:focus{outline:none;border-color:var(--pine);box-shadow:0 0 0 3px color-mix(in srgb,var(--pine) 22%,transparent)}textarea{resize:vertical;line-height:1.5}.skeleton{height:260px;border-radius:var(--radius-lg);background:var(--sunk);animation:breathe 1.2s ease-in-out infinite alternate}@keyframes breathe{0%{opacity:.55}to{opacity:1}}.error-state{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:var(--radius);background:var(--danger-wash);color:var(--danger)}.error-state p{flex:1;min-width:200px}.empty{color:var(--muted);text-align:center;padding:32px 16px;border:1px dashed var(--rule-strong);border-radius:var(--radius-lg)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.login{width:min(400px,100%);display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--rule);border-radius:18px;padding:32px 28px 28px}.login-head{margin-bottom:6px}.login-head .brand-mark{width:36px;height:36px}.wordmark{font-size:46px;font-weight:700;font-stretch:72%;letter-spacing:-.02em;line-height:1;margin:14px 0 8px}.live{display:flex;flex-direction:column;gap:20px}.punch{border-radius:var(--radius-lg);padding:22px 26px 24px}.punch.off{background:var(--surface);border:1px solid var(--rule)}.punch.on{background:var(--panel);color:var(--panel-ink);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:end}.punch-status{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}.punch.on .punch-status{color:var(--panel-muted)}.punch-clock{margin-top:10px;font-size:clamp(64px,12.5vw,120px);font-weight:600;font-stretch:72%;line-height:.88;letter-spacing:-.015em;font-variant-numeric:tabular-nums}.punch-sec{font-size:.42em;font-weight:450;color:var(--panel-muted);letter-spacing:0;margin-left:.04em}.punch-right{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-left:1px solid var(--panel-rule);padding-left:26px}.punch-desc{font-size:20px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.punch.on .ptag{color:var(--panel-ink);font-size:14px}.punch-facts{display:flex;gap:32px;margin:6px 0 0}.punch-facts dt{font-size:12px;color:var(--panel-muted)}.punch-facts dd{margin:2px 0 0;font-size:18px;font-weight:600;font-stretch:88%;font-variant-numeric:tabular-nums}.punch-idle{margin-top:8px;font-size:18px;color:var(--ink-2);max-width:60ch}.punch-idle strong{color:var(--ink)}.dot-live,.dot-idle{width:10px;height:10px;border-radius:50%;flex:none}.dot-live{background:var(--signal);animation:pulse 2s infinite}.dot-idle{background:var(--no-project)}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--signal) 55%,transparent)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.timecard{position:relative;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:18px 22px 16px}.tc-head{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;margin-bottom:6px}.tc-span{color:var(--muted);font-size:14px}.tc-total{margin-left:auto;display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}.tc-total strong{font-size:17px}.tc-total span{color:var(--muted);font-size:14px}.tc-grid{display:flex;flex-direction:column}.tc-row{display:grid;grid-template-columns:58px minmax(0,1fr) 64px;gap:14px;align-items:center;height:34px}.tc-row.tc-axis{height:24px}.tc-track{position:relative;height:100%}.tc-row:not(.tc-axis) .tc-track{border-bottom:1px solid var(--rule)}.tc-row:not(.tc-axis)+.tc-row:not(.tc-axis) .tc-track{border-top:0}.tc-line{position:absolute;top:0;bottom:0;width:1px;background:var(--rule)}.tc-tick{position:absolute;bottom:4px;transform:translate(-50%);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.tc-day{font-size:13px;color:var(--ink-2);white-space:nowrap}.tc-row.today .tc-day{color:var(--ink);font-weight:700}.tc-row.future .tc-day{color:var(--muted)}.tc-sum{text-align:right;font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.tc-row.today .tc-sum{color:var(--ink);font-weight:650}.tc-block{position:absolute;top:50%;height:16px;margin-top:-8px;min-width:3px;background:var(--c);background-clip:padding-box;border:0 solid var(--surface);border-width:0 1px;border-radius:5px}.tc-block:hover{filter:brightness(1.1) saturate(1.1)}.tc-block.running:after{content:"";position:absolute;right:-6px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px var(--surface)}.tc-now{position:absolute;top:4px;bottom:4px;width:2px;margin-left:-1px;background:var(--ink);border-radius:1px;opacity:.7}.legend{list-style:none;margin:12px 0 0;padding:12px 0 0 72px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--ink-2)}.legend li{display:flex;align-items:center;gap:7px}.legend-key{width:10px;height:10px;border-radius:3px;flex:none}.tc-empty{margin-top:8px;font-size:14px}.tip{position:absolute;z-index:5;pointer-events:none;transform:translate(-50%,calc(-100% - 8px));display:flex;flex-direction:column;gap:2px;max-width:260px;width:max-content;padding:8px 11px;border-radius:8px;font-size:13px;line-height:1.4;background:var(--ink);color:var(--page);box-shadow:0 6px 20px #0000002e}.tip strong{font-size:15px;font-variant-numeric:tabular-nums}.tip-meta{display:flex;align-items:center;gap:6px;opacity:.8}.log{display:flex;flex-direction:column;gap:20px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden}.tile{font:inherit;color:inherit;text-align:left;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:1px;background:var(--surface);border:0;padding:14px 18px 16px}.tile:hover{background:color-mix(in srgb,var(--sunk) 55%,var(--surface))}.tile[aria-pressed=true]{background:var(--pine-wash)}.tile[aria-pressed=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--pine)}.tile:focus-visible{outline-offset:-3px}.tile-label{font-size:13px;font-weight:600;color:var(--ink-2)}.tile-value{font-size:32px;font-weight:650;font-stretch:76%;letter-spacing:-.01em;line-height:1.15}.tile-value small{font-size:.5em;font-weight:600;font-stretch:100%;color:var(--muted);margin-left:1px}.tile-money{font-size:14px;color:var(--ink-2)}.ranged{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;transition:opacity .2s}.ranged.busy{opacity:.55}.block{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:18px 22px}.block>h3{font-size:15px;margin-bottom:10px}.stackbar{display:flex;gap:2px;height:12px;margin:2px 0 14px}.stackbar span{flex-basis:0;min-width:3px}.stackbar span:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.stackbar span:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.ptable{width:100%;border-collapse:collapse;font-size:13px}.ptable th{font-size:12px;font-weight:600;color:var(--muted);text-align:left;padding:0 0 6px}.ptable td{padding:8px 0;border-top:1px solid var(--rule);vertical-align:baseline}.ptable .num{text-align:right;padding-left:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.ptag{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}.pdot{width:8px;height:8px;border-radius:50%;flex:none}.tag{font-size:12px;padding:1px 8px;border-radius:99px;background:var(--sunk);color:var(--ink-2)}.day+.day{margin-top:10px}.day-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0 8px;border-bottom:1px solid var(--rule-strong)}.day-head h4{font-size:14px}.day-sum{display:flex;gap:12px;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.day-time{font-weight:650}.day-money{color:var(--muted)}.entries{list-style:none;margin:0;padding:0}.entry{display:grid;grid-template-columns:92px minmax(0,1fr) 70px 80px;gap:14px;grid-template-areas:"time main dur amt";align-items:baseline;padding:10px 0;border-bottom:1px solid var(--rule)}.entry:last-child{border-bottom:0}.entry.running{background:linear-gradient(to right,var(--pine-wash),transparent 75%);margin:0 -10px;padding:10px;border-radius:8px;border-bottom:0}.entry-time{grid-area:time;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.entry-main{grid-area:main;display:flex;flex-direction:column;gap:4px;min-width:0}.entry-desc{overflow-wrap:anywhere}.entry-meta{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center}.entry-dur{grid-area:dur;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.entry-amt{grid-area:amt;text-align:right;font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.entry-amt.muted{color:var(--muted)}.more{margin:14px auto 0;display:block}.syncbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 24px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--rule);font-size:13px;color:var(--ink-2)}.syncbar-text{display:flex;flex-direction:column;gap:2px}.syncbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(min-width:960px){.ranged{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.ranged>.block:first-child:not(:only-child){grid-column:2;grid-row:1;position:sticky;top:76px}.ranged>.block:last-child,.ranged>.empty{grid-column:1;grid-row:1}.ranged>:only-child{grid-column:1 / -1}}.tasks{display:flex;flex-direction:column;gap:16px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.page-head h1{font-size:32px;font-weight:650;font-stretch:80%;letter-spacing:-.01em;line-height:1.1}.page-head p{margin-top:4px}.group{display:flex;flex-direction:column;gap:12px;margin-top:8px}.group-title{font-size:15px;display:flex;align-items:center;gap:8px}.count{font-size:12px;font-weight:600;color:var(--ink-2);background:var(--sunk);border-radius:99px;padding:1px 8px;font-variant-numeric:tabular-nums}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:20px 22px}.form{display:flex;flex-direction:column;gap:14px}.deliver{border-top:1px solid var(--rule);padding-top:14px}.task{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:18px 22px;display:flex;flex-direction:column;gap:12px}.task.status-picked{border-color:color-mix(in srgb,var(--pine) 40%,var(--rule));box-shadow:inset 3px 0 0 var(--pine)}.task-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.task-head h3{font-size:18px;line-height:1.3;overflow-wrap:anywhere}.task-by{font-size:13px;color:var(--muted);margin-top:-8px}.task-desc{max-width:72ch;line-height:1.6}.pill{font-size:12px;font-weight:650;padding:3px 10px;border-radius:99px;white-space:nowrap}.pill.open{background:var(--amber-wash);color:var(--amber)}.pill.picked{background:var(--pine-wash);color:var(--pine-strong)}.pill.delivered{background:var(--sunk);color:var(--ink-2)}.steps{list-style:none;margin:0;padding:0;display:flex;font-size:13px;max-width:560px}.step{display:flex;align-items:center;gap:7px;color:var(--muted)}.step:not(:last-child){flex:1}.step:not(:last-child):after{content:"";flex:1;height:2px;min-width:16px;margin:0 10px;background:var(--rule);border-radius:1px}.step.done:has(+.step.done):after{background:var(--pine)}.step-mark{width:10px;height:10px;border-radius:50%;border:2px solid var(--rule-strong);background:var(--surface);flex:none}.step.done{color:var(--ink-2)}.step.done .step-mark{background:var(--pine);border-color:var(--pine)}.step-label{font-weight:600}.step-when{color:var(--muted);white-space:nowrap}.files{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.files li{max-width:100%}.file{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:5px 10px 5px 5px;border:1px solid var(--rule-strong);border-radius:8px;background:var(--surface);color:var(--ink);text-decoration:none;font-size:13px}a.file:hover{border-color:var(--pine);background:var(--pine-wash)}.file-ext{font-size:11px;font-weight:700;line-height:1.6;text-align:center;min-width:34px;padding:1px 6px;border-radius:4px;background:var(--sunk);color:var(--ink-2)}.file-name{font-weight:550;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.file-size{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.file.too-big{border-color:var(--danger)}.file.too-big .file-name{color:var(--danger)}.file-x{border:0;background:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.file-x:hover{color:var(--danger)}.deliveries{list-style:none;margin:0;padding:2px 0 2px 16px;border-left:2px solid var(--pine);display:flex;flex-direction:column;gap:16px}.delivery{display:flex;flex-direction:column;gap:8px}.delivery-head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:13px}.task-actions{margin-top:2px}.confirm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:var(--radius);background:var(--danger-wash)}.confirm span{flex:1;min-width:220px;font-size:14px}.picker{display:flex;flex-direction:column;gap:10px}.drop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1.5px dashed var(--rule-strong);border-radius:var(--radius);padding:14px;font-size:14px}.drop.dragging{border-color:var(--pine);background:var(--pine-wash)}.progress{height:6px;background:var(--sunk);border-radius:3px;overflow:hidden}.progress span{display:block;height:100%;background:var(--pine);transition:width .2s}@media(max-width:720px){.topbar-inner{gap:16px;padding:0 16px}.who-name{display:none}.content{padding:16px 16px 56px}.punch{padding:18px 18px 20px}.punch.on{grid-template-columns:minmax(0,1fr);gap:18px}.punch-right{border-left:0;padding-left:0;border-top:1px solid var(--panel-rule);padding-top:16px}.timecard,.block,.task,.panel{padding:16px}.tc-total{margin-left:0;width:100%}.tc-row{grid-template-columns:44px minmax(0,1fr) 52px;gap:8px}.tc-day,.tc-sum{font-size:12px}.legend{padding-left:0}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{padding:12px 14px 14px}.tile-value{font-size:28px}.entry{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"time dur" "main amt";gap:2px 12px}.entry-amt{align-self:start}.step-when{display:none}.tc-tick:nth-child(2n){visibility:hidden}.file-name{max-width:180px}}@media(max-width:400px){.tabs{gap:14px}.brand{font-size:16px}}@media(prefers-reduced-motion:reduce){.dot-live,.skeleton{animation:none}.btn,.ranged,.progress span{transition:none}}