:root{--brand:#ef7b25;--brand-press:#d96a19;--brand-tint:#fdf3ea;--brand-line:#f6d7b8;--brand-ink:#b45a0f;--ok-ink:#1e8e3e;--ok-tint:#e7f8ec;--warn:#b26a00;--warn-tint:#fff4e5;--danger:#c8321e;--danger-tint:#fadcd8;--ink:#333;--sub:#6e6e73;--muted:#8e8e93;--line:#e3e3e8;--line-strong:#d2d2d7;--fill:#ededf2;--bg:#f5f5f7;--panel:#fbfbfd;--surface:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit;color:inherit;margin:0}.num{font-variant-numeric:tabular-nums}.eyebrow{letter-spacing:.11em;color:var(--muted);font-size:11px;font-weight:500}.title{letter-spacing:-.014em;margin:0;font-size:21px;font-weight:700;line-height:1.4}.sub{color:var(--sub);font-size:13px;line-height:1.55}.heading{margin:0 0 6px;font-size:14px;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #0000000a}.card--pad{padding:16px}.card--flush{overflow:hidden}.card--tint{background:var(--brand-tint);border-color:var(--brand-line)}.btn{background:var(--fill);height:34px;color:var(--ink);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:transform .14s cubic-bezier(.32,.72,0,1),background-color .14s ease-out;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.toggle:focus-visible,.off:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-press)}.btn--ghost{background:var(--surface);border-color:var(--line-strong)}.btn--ghost:hover:not(:disabled){border-color:var(--muted)}.btn--quiet{color:var(--sub);background:0 0}.btn--quiet:hover:not(:disabled){background:var(--fill)}.btn--sm{height:28px;padding:0 10px;font-size:12px}.btn--lg{border-radius:10px;width:100%;height:52px;font-size:17px}.btn--block{width:100%}.badge{background:var(--fill);height:22px;color:var(--sub);white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.badge--ok{background:var(--ok-tint);color:var(--ok-ink)}.badge--warn{background:var(--warn-tint);color:var(--warn)}.badge--brand{background:var(--brand-tint);color:var(--brand-ink)}.badge--solid{background:var(--brand);color:#fff}.input,.select{border:1px solid var(--line);background:var(--surface);border-radius:8px;height:36px;padding:0 10px;font-size:14px}.input:focus,.select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #ef7b2529}.select--sm{font-variant-numeric:tabular-nums;height:32px;padding:0 4px;font-size:13px}.status{min-height:22px;margin:8px 0 0;font-size:14px}.status--ok{color:var(--ok-ink)}.status--err{color:var(--danger)}.status--info{color:var(--sub)}.splash{text-align:center;min-height:60vh;color:var(--sub);justify-content:center;align-items:center;padding:24px;display:flex}.staff{max-width:480px;padding:calc(14px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.tabs{border:1px solid var(--line);background:var(--panel);border-radius:10px;grid-template-columns:repeat(3,1fr);margin:6px 0 14px;padding:3px;display:grid}.tabs button{height:40px;color:var(--sub);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:15px;font-weight:700}.tabs button[aria-selected=true]{background:var(--brand);color:#fff}.titlerow{justify-content:space-between;align-items:center;gap:8px;display:flex}.lead{color:var(--sub);margin:0 0 12px;font-size:14px;line-height:1.55}.row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:9px 12px;display:flex}.row:last-child{border-bottom:0}.row--confirmed{background:var(--brand-tint)}.row__date{font-variant-numeric:tabular-nums;width:50px;font-size:16px;font-weight:600}.row__note{width:100%;color:var(--sub);padding-left:56px;font-size:13px}.tilde{color:var(--muted);text-align:center;font-size:14px}.picker{flex:1 1 0;min-width:0;display:block;position:relative}.picker:after{content:"";border:4px solid #0000;border-top-color:var(--muted);pointer-events:none;margin-top:-2px;position:absolute;top:50%;right:8px}.picker select{appearance:none;border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:8px;width:100%;height:42px;padding:0 18px 0 10px;font-size:16px}.picker select.is-empty{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-ink)}.picker select:disabled{background:var(--fill);color:var(--muted);border-color:var(--fill);cursor:default}.picker select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #ef7b2529}.off{border:1px solid var(--line-strong);background:var(--surface);width:50px;height:42px;color:var(--sub);cursor:pointer;border-radius:8px;padding:0;font-size:15px;font-weight:600}.off[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.payrow{border-bottom:1px solid var(--line);padding:11px 12px}.payrow:last-child{border-bottom:0}.payrow__head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:7px;display:flex}.payrow__hours{white-space:nowrap;margin-left:auto;font-size:14px;font-weight:600}.payrow__labels,.payrow__inputs{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 82px;align-items:center;gap:6px;display:grid}.payrow__labels{color:var(--sub);padding-bottom:3px;font-size:13px}.yen{border:1px solid var(--line);background:var(--surface);text-align:right;font-variant-numeric:tabular-nums;border-radius:8px;width:100%;height:42px;padding:0 10px;font-size:16px}.yen:disabled{background:var(--fill);color:var(--muted);border-color:var(--fill)}.yen:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #ef7b2529}.sumline{justify-content:space-between;align-items:baseline;padding:3px 0;font-size:15px;display:flex}.sumline b{font-variant-numeric:tabular-nums;font-weight:600}.sumline--total{border-top:1px solid var(--line);margin-top:6px;padding-top:9px;font-weight:600}.sumline--total b{color:var(--brand-ink);font-size:24px;font-weight:700}.avatar{object-fit:cover;background:var(--fill);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.avatar--empty{color:var(--muted);font-weight:700}.photofield{align-items:center;gap:14px;display:flex}.faces{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:16px 8px;display:grid}.face{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.face__name{overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.3}.face__kana{color:var(--sub);overflow-wrap:anywhere;font-size:13px;line-height:1.2}.mates{margin-top:6px}.mate{align-items:center;gap:8px;padding:3px 0;display:flex}.mate__name{font-size:16px;font-weight:600}.bankform{flex-direction:column;gap:12px;display:flex}.bankform .field,.bankform .picker{flex:none}.bankform .label{font-size:14px}.bankform .input{height:44px;font-size:16px}.bankinfo{overflow-wrap:anywhere;margin-top:4px;font-size:16px;line-height:1.7}.closedmonth{align-items:flex-start;gap:8px;padding:5px 0;display:flex}.closedmonth__label{width:34px;color:var(--sub);flex:none;font-size:13px;font-weight:600;line-height:34px}.closedmonth__days{flex-wrap:wrap;gap:6px;display:flex}.daychip{border:1px solid var(--line-strong);background:var(--surface);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;border-radius:8px;min-width:56px;height:34px;padding:0 10px;font-size:13px;font-weight:600}.daychip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.daychip:disabled{background:var(--fill);border-color:var(--fill);color:var(--muted);cursor:default}.shell{grid-template-columns:200px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#f5f5f7d1;flex-direction:column;gap:2px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.brand{letter-spacing:.04em;padding:2px 10px 0;font-size:15px;font-weight:700}.brand small{letter-spacing:0;color:var(--sub);margin-bottom:12px;font-size:12px;font-weight:400;display:block}.nav-item{min-height:36px;color:var(--sub);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;width:100%;padding:7px 10px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--ink);background:#0000000a}.nav-item.active{background:var(--brand);color:#fff;font-weight:600}.sidebar__foot{margin-top:auto}.page{width:100%;max-width:1040px;margin-inline:auto;padding:24px 28px 64px}.stack{flex-direction:column;gap:12px;display:flex}.pagehead{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.pagehead__right{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.tiles{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:1px;width:100%;padding:8px 0 7px;display:flex}.tile--on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}.tile__date{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.tile__count{color:var(--sub);font-size:12px}.slotrow{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:5px;padding:7px 10px;font-size:13px;display:flex}.slotrow__name{width:44px;font-weight:600}.gantt{grid-template-columns:150px minmax(0,1fr) 72px;align-items:center;gap:6px;margin-bottom:5px;display:grid}.gantt__name{font-size:14px;font-weight:600;line-height:1.25}.gantt__name span{color:var(--sub);white-space:nowrap;font-size:12px;font-weight:400;display:block}.track{background:var(--bg);border-radius:6px;height:30px;position:relative}.bar{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.bar--av{background:var(--brand-tint);border:1px solid var(--brand-line)}.bar--as{background:var(--brand);color:#fff;font-weight:600}.axis,.coverage{gap:1px;display:grid}.axis{color:var(--sub);white-space:nowrap;font-size:12px}.coverage div{font-variant-numeric:tabular-nums;border-radius:3px;justify-content:center;align-items:center;height:26px;font-size:13px;font-weight:600;display:flex}.cov--on{background:var(--brand-tint);color:var(--brand-ink)}.cov--gap{background:var(--warn-tint);color:var(--warn)}.cov--none{color:var(--muted);font-weight:400}.toggles{gap:4px;display:flex}.toggle{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;min-width:0;height:30px;padding:0;font-size:13px;font-weight:600;display:flex}.toggle--off{background:var(--fill);border-color:var(--fill);color:var(--sub)}.divider{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.personrow{flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;font-size:13px;display:flex}.personrow__name{white-space:nowrap;min-width:56px;font-weight:600}.kpis{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:12px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.kpi__label{color:var(--sub);font-size:12px}.kpi__value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;font-size:19px;font-weight:700}.paytable__row{border:0;border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums;background:0 0;grid-template-columns:70px 44px 100px 80px 64px 90px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:14px;display:grid}button.paytable__row{cursor:pointer}button.paytable__row:hover{background:var(--panel)}.paytable__row--head{color:var(--sub);font-size:12px}.r{text-align:right}.paydetail{background:var(--panel);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:2px 10px;padding:7px 14px;font-size:13px;display:flex}.paydetail__date{width:44px;font-weight:600}.paydetail__sum{margin-left:auto}.stafflist__row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 16px;display:grid}.stafflist__row:last-child{border-bottom:0}.stafflist__name{font-weight:600}.stafflist__actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.formrow{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.field{flex-direction:column;flex:200px;gap:4px;min-width:0;display:flex}.label{color:var(--sub);font-size:13px;font-weight:600}.field .input{width:100%}.linkbox{word-break:break-all;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px}.mailperson{border-top:1px solid var(--brand-line);padding:8px 0;font-size:13px}.mailperson__name{font-size:14px;font-weight:600}.login{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login .card{width:100%;max-width:380px;padding:26px 24px}.login .input{width:100%;height:44px;font-size:16px}@media (width<=760px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:4px;height:auto;padding:8px 10px;position:static;overflow-x:auto}.brand{display:none}.nav-item{white-space:nowrap;width:auto}.sidebar__foot{margin-top:0;margin-left:auto}.page{padding:14px 12px 48px}.gantt{grid-template-columns:84px minmax(0,1fr) 60px}.gantt__face{display:none}.bar--as{font-size:0}.axis__unit{display:none}.coverage div{font-size:12px}.paytable__row{grid-template-columns:56px minmax(0,1fr) 62px 76px;padding:9px 12px;font-size:13px}.paytable__row>:nth-child(2),.paytable__row>:nth-child(5){display:none}.paytable__row>:last-child{grid-column:1/-1;justify-self:end}.paytable__row--head>:last-child{display:none}.paydetail__sum{width:100%;margin-left:0}}