body{margin: 0;background: var(--bg);color: var(--ink);font: 14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}a{color: inherit;text-decoration: none}a:not([class]){font-weight: 600}a:not([class]):hover{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px}nav a:not([class]):hover{text-decoration: none}.brand-region{align-self: flex-start;margin: -2px 0 0 -6px;font: 700 10px/1 system-ui,sans-serif;letter-spacing: 0.06em;color: var(--ink-2)}.state{font-weight: 600}.state.ok{color: #15803d}.state.warn{color: #b45309}.state.bad{color: #b91c1c}@media (prefers-color-scheme: dark){.state.ok{color: #4ade80}.state.warn{color: #fbbf24}.state.bad{color: #f87171}}.back{display: inline-flex;align-items: center;gap: 2px;margin: -6px 0 10px -8px;padding: 5px 10px 5px 4px;border-radius: 8px;color: var(--ink-2);font: 500 13.5px system-ui,sans-serif}.back:hover{background: var(--soft);color: var(--ink)}.back svg{width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.head-sub{display: grid;justify-items: end;gap: 1px;padding: 6px 10px;margin: -6px -10px 0 0;border-radius: 10px;text-align: right;white-space: nowrap}.head-sub:hover{background: var(--surface);box-shadow: inset 0 0 0 1px var(--line)}.head-sub small{font-size: 12px;color: var(--ink-2)}.side .nav a{display: flex;align-items: center;gap: 10px;width: 100%;color: var(--ink-2);font: 500 14px system-ui,sans-serif;padding: 9px 10px;border-radius: 9px;text-decoration: none}.side .nav a:hover{background: var(--soft);color: var(--ink)}.side .nav a[aria-current="page"]{background: var(--soft);color: var(--ink);font-weight: 600}.side .nav svg{width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;flex: none}.content.wide{max-width: 1080px}.banner.ok-banner{background: #dcfce7;color: #166534}@media (prefers-color-scheme: dark){.banner.ok-banner{background: #12351f;color: #86efac}}.banner{margin: 0 0 16px;padding: 10px 14px;border-radius: 12px;background: #fff7d6;color: #6b5300;font-size: 13px}h1{font-size: 24px;letter-spacing: -0.015em;margin: 0 0 4px}h2{font-size: 16px;margin: 0 0 10px}.page-head.between{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px}.login{min-height: calc(100vh - 5px);display: grid;place-items: center;padding: 24px 16px}.login .card{width: 100%;max-width: 380px;padding: 32px 28px 22px;text-align: center}.login .brand{justify-content: center;padding: 0;margin-bottom: 22px;font-size: 18px}.login h1{font-size: 22px;margin-bottom: 6px}.login form{display: grid;gap: 12px;margin-top: 20px;text-align: left}.login .or{display: flex;align-items: center;gap: 10px;color: var(--muted);font-size: 12px;margin: 18px 0 12px}.login .or::before,.login .or::after{content: "";flex: 1;height: 1px;background: var(--line)}.login .tg{display: flex;justify-content: center}.code-input{font: 600 22px ui-monospace,"SF Mono",Menlo,monospace !important;letter-spacing: 0.3em;text-align: center}input,select{font: 14px system-ui,sans-serif;color: var(--ink);background: var(--surface);border: 1px solid var(--line);border-radius: 10px;padding: 9px 12px;width: 100%;box-sizing: border-box}input:focus-visible,select:focus-visible,.btn:focus-visible,a:focus-visible{outline: 2px solid var(--accent);outline-offset: 1px}.field{display: grid;gap: 6px;font-size: 13px;color: var(--ink-2)}.btn.big{padding: 12px 18px;font-size: 15px}.btn.small{padding: 6px 10px;font-size: 12.5px;border-radius: 8px}.btn.accent{background: var(--accent);color: #111317}.points{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 14px}.point{display: grid;gap: 14px;padding: 18px 18px 0;text-decoration: none;transition: box-shadow 0.15s,transform 0.15s}.point:hover{box-shadow: 0 10px 28px -16px rgba(17,19,23,0.35);transform: translateY(-1px)}.point .name{font: 600 16px system-ui,sans-serif}.point .addr{color: var(--ink-2);font-size: 13px}.point .nums{display: flex;gap: 18px;font-size: 13px;color: var(--ink-2)}.point .nums b{display: block;font-size: 20px;color: var(--ink);font-variant-numeric: tabular-nums}.point .nums .bad b{color: var(--bad)}.point .nums .warn b{color: #b45309}.point-sub{display: flex;justify-content: space-between;gap: 12px;margin: 0 -18px;padding: 11px 18px;border-top: 1px solid var(--line);font-size: 13px;color: var(--ink-2)}.chip{display: inline-flex;align-items: center;gap: 6px;font: 600 11.5px/1 system-ui,sans-serif;padding: 6px 9px;border-radius: 999px;background: var(--soft);color: var(--ink-2);width: fit-content}.chip.ok{background: #dcfce7;color: #166534}.chip.warn{background: #fef3c7;color: #92400e}.chip.bad{background: #fde2e2;color: #991b1b}.bigcode{font: 700 56px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing: 0.12em;margin: 8px 0 6px;font-variant-numeric: tabular-nums}.steps{display: grid;gap: 12px;counter-reset: step;margin: 18px 0 0;padding: 0;list-style: none}.steps li{display: grid;grid-template-columns: 30px 1fr;gap: 12px;align-items: start}.steps li::before{counter-increment: step;content: counter(step);display: grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;background: var(--ink);color: var(--surface);font-weight: 700;font-size: 13px}.steps a{font-weight: 600}.found{border: 2px solid var(--accent)}.waiting{display: flex;align-items: center;gap: 10px;color: var(--ink-2)}.spinner{width: 16px;height: 16px;border-radius: 50%;border: 2px solid var(--line);border-top-color: var(--ink);animation: spin 0.8s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.tabs{display: flex;gap: 4px;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;box-shadow: inset 0 -1px 0 var(--line);margin: 6px 0 20px}.tabs::-webkit-scrollbar{display: none}.tabs a{padding: 10px 12px;color: var(--ink-2);text-decoration: none;font-weight: 500;border-bottom: 2px solid transparent;white-space: nowrap}.tabs a[aria-current="page"]{color: var(--ink);border-bottom-color: var(--ink)}.stats{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 12px}.stat{padding: 16px}.stat small{color: var(--ink-2);font-size: 12.5px}.stat b{display: block;font-size: 30px;letter-spacing: -0.02em;font-variant-numeric: tabular-nums;margin-top: 4px}.stat.bad b{color: var(--bad)}.list{display: grid}.list .item{display: flex;align-items: center;gap: 12px;padding: 12px 0;border-top: 1px solid var(--line)}.list .item:first-child{border-top: 0}.list .grow{flex: 1;min-width: 0}.list .grow small{display: block;color: var(--ink-2);font-size: 12.5px}.bars{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);gap: 6px;align-items: end;height: 180px;padding-top: 8px}.bars .bar{display: grid;align-content: end;gap: 4px;height: 100%;text-align: center;font-size: 11px;color: var(--ink-2)}.bars .bar i{display: block;background: var(--ink);border-radius: 6px 6px 2px 2px;min-height: 2px}.bars .bar.today i{background: var(--accent)}.bars .bar.fail i{box-shadow: inset 0 -4px 0 var(--bad)}.label-preview img{display: block;width: 100%;height: auto;border-radius: 8px;background: #fff;box-shadow: 0 0 0 1px var(--line),0 6px 18px -8px rgba(0,0,0,0.25);image-rendering: pixelated}.plans{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.card + .plans{margin-top: 14px}.plan-card{padding: 18px;display: grid;gap: 8px}.plan-card .price{font: 700 28px/1.1 system-ui,sans-serif;letter-spacing: -0.02em}.plan-card .price small{font-size: 14px;font-weight: 500;color: var(--ink-2)}.wall{max-width: 1000px;margin: 0 auto;padding: 24px}.wall .plan-wrap svg{width: 100%;height: auto}.wall .racks{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 8px;margin-top: 18px}.wall .racks div{border: 1.5px solid var(--ink);border-radius: 10px;padding: 8px 10px}.wall .racks b{font-size: 18px}@media print{.stripe,.noprint{display: none !important}body{background: #fff}.wall{padding: 0}}@media (max-width: 900px){.stats{grid-template-columns: 1fr 1fr}.plans{grid-template-columns: 1fr}.wall .racks{grid-template-columns: repeat(2,minmax(0,1fr))}}.stats .card + .card,.points .card + .card,.plans .card + .card,.checks .card + .card{margin-top: 0}a.btn{text-decoration: none}.btn.ghost.danger{color: var(--bad)}.tip-wrap{position: relative;display: inline-flex;border-radius: 10px}.tip-wrap > .btn:disabled{pointer-events: none}.tip{display: none;position: absolute;left: 0;bottom: 100%;z-index: 30;padding-bottom: 8px}.tip-wrap:hover .tip,.tip-wrap:focus .tip,.tip-wrap:focus-within .tip{display: block}.tip-box{display: block;width: max-content;max-width: min(340px,80vw);padding: 10px 12px;border-radius: 10px;background: var(--ink);color: var(--surface);font-size: 13px;line-height: 1.45;box-shadow: 0 8px 24px rgba(0,0,0,0.18)}.tip-box a{color: inherit;font-weight: 600;text-decoration: underline}.codes{font: 600 14px/1.7 ui-monospace,"SF Mono",Menlo,monospace;background: var(--surface);color: var(--ink);border-radius: 10px;padding: 10px 14px;margin: 10px 0;columns: 2;user-select: all}.qr-setup{display: grid;grid-template-columns: 168px 1fr;gap: 16px;align-items: center;margin-top: 14px}.qr-img{background: #fff;border-radius: 10px;padding: 6px;line-height: 0}.qr-img svg{width: 100%;height: auto}.mono{font: 500 13px ui-monospace,"SF Mono",Menlo,monospace;word-break: break-all}@media (max-width: 640px){.qr-setup{grid-template-columns: 1fr}.qr-img{max-width: 200px}}.card.acc{padding-top: 4px;padding-bottom: 6px}.acc-group + .acc-group{margin-top: 10px}.acc-head{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 34px;padding-top: 12px}.acc-head h2{margin: 0;font-size: 13px;font-weight: 600;color: var(--ink-2)}.acc-line{display: grid;grid-template-columns: minmax(150px,220px) minmax(0,1fr) auto;align-items: center;column-gap: 16px;min-height: 52px;padding: 8px 0;border-top: 1px solid var(--line)}.acc-head + .acc-line{border-top: 0}.acc-name{font-weight: 500}.acc-name small{display: block;margin-top: 1px;color: var(--ink-2);font-size: 12px;font-weight: 400;line-height: 1.35}.acc-state{min-width: 0;color: var(--ink-2);font-size: 13.5px;overflow-wrap: anywhere}.acc-state .on{color: var(--ink)}.acc-ctl{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 6px}.acc-ctl .tip{left: auto;right: 0}.acc-more{grid-column: 1 / -1;min-width: 0}.acc-more .banner{margin: 12px 0 10px}.acc-more .tg-status{margin: 10px 0 2px;text-align: left}.acc-form{margin: 10px 0 2px}.acc-form input[type="email"]{flex: 1;min-width: 200px;width: auto}.acc-form .code-input{max-width: 160px}.acc-input{max-width: 440px}.acc-sub{display: grid;gap: 2px;margin-top: 8px;padding-left: 14px;border-left: 2px solid var(--line)}.acc-subline{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 40px;padding: 4px 0}.acc-subline b{font-weight: 500}.acc-subline small{display: block;color: var(--ink-2);font-size: 12px}@media (max-width: 600px){.acc-line{grid-template-columns: minmax(0,1fr) auto;row-gap: 2px}.acc-state{grid-column: 1;grid-row: 2}.acc-ctl{grid-column: 2;grid-row: 1 / span 2}.acc-head{flex-wrap: wrap}.acc-head .btn.ghost{margin-left: -10px}}.lang-row{display: flex;justify-content: center;margin-top: 16px}.lang-select{font: inherit;font-size: 13px;color: var(--ink-2);background: var(--surface);border: 1px solid var(--line);border-radius: 8px;padding: 5px 8px;width: auto}.owner-dialog{width: min(420px,calc(100vw - 32px));border: 1px solid var(--line);border-radius: 16px;padding: 22px;background: var(--surface);color: var(--ink)}.owner-dialog::backdrop{background: rgba(17,19,23,0.45)}.owner-dialog h2{margin: 0 0 8px;font-size: 17px}.owner-dialog .code-input{margin-top: 12px}.owner-dialog .or{display: flex;align-items: center;gap: 10px;color: var(--muted);font-size: 12px;margin: 14px 0 4px}.owner-dialog .or::before,.owner-dialog .or::after{content: "";flex: 1;height: 1px;background: var(--line)}.tg-icon{width: 60px;height: 60px;padding: 0;border: 0;border-radius: 50%;background: none;cursor: pointer;transition: transform .15s ease,box-shadow .15s ease}.tg-icon:hover{transform: translateY(-1px);box-shadow: 0 8px 22px rgba(42,171,238,.35)}.tg-icon:focus-visible{outline: 2px solid #2aabee;outline-offset: 3px}.tg-icon svg{display: block;width: 100%;height: 100%}.login .tg{flex-direction: column;align-items: center;gap: 8px;margin: 22px 0 4px}.login .or + .tg{margin-top: 0}.tg-caption{color: var(--muted);font-size: 13px}.tg-status{margin-top: 18px;text-align: center}.tg-status .bigcode{font-size: 40px;margin: 0 0 10px}.tg-status p{margin: 0 0 12px}.tg-status .wait{display: flex;align-items: center;gap: 8px;color: var(--muted);font-size: 13px;margin-top: 14px}.login .tg-status .row,.login .tg-status .wait{justify-content: center}.login .lang-row{margin-top: 22px;padding-top: 14px;border-top: 1px solid var(--line)}.staff-link{display: flex;gap: 16px;align-items: flex-start;margin-top: 14px;padding: 14px;border: 1px solid var(--line);border-radius: 12px}.staff-link .grow{flex: 1;min-width: 0}.staff-link .grow p{margin-top: 4px}.staff-link .qr{flex: none;width: 140px;background: #fff;border-radius: 10px;padding: 6px;line-height: 0}.staff-link .qr:empty{display: none}.staff-link .qr svg{width: 100%;height: auto}@media (max-width: 560px){.staff-link{flex-direction: column}}.invoice-sum{display: flex;flex-wrap: wrap;align-items: baseline;gap: 10px;margin: 14px 0 4px;font: 700 26px/1.15 system-ui,sans-serif;letter-spacing: -0.01em}.invoice-sum span{font: 400 14px system-ui,sans-serif;color: var(--ink-2);letter-spacing: 0}.invoice-part{margin-top: 12px;padding: 10px 12px 12px 14px;border-radius: 12px;background: var(--soft)}.invoice-part small{color: var(--ink-2);font-size: 12px}.invoice-text{margin-top: 4px;white-space: pre-line;overflow-wrap: anywhere}.stepper{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px;list-style: none;padding: 0;margin: 0 0 16px}.stepper li{display: flex;gap: 10px;align-items: center;min-width: 0;padding: 10px 12px;border: 1px solid var(--line);border-radius: 12px;background: var(--surface);color: var(--ink-2)}.stepper li.now{border-color: var(--ink);color: var(--ink)}.stepper .mark{flex: none;width: 26px;height: 26px;border-radius: 50%;display: grid;place-items: center;background: var(--soft);font: 600 12.5px system-ui,sans-serif}.stepper li.now .mark{background: var(--ink);color: var(--surface)}.stepper li.done .mark{background: var(--ok);color: #fff}.stepper li > span:last-child{min-width: 0}.stepper b{display: block;font-size: 13.5px}.stepper small{display: block;font-size: 12px;line-height: 1.35;color: var(--ink-2)}@media (max-width: 640px){.stepper{display: flex}.stepper li{flex: none;padding: 8px;gap: 8px}.stepper li.now{flex: 1}.stepper li:not(.now) > span:last-child,.stepper small{display: none}}.connect{display: grid;grid-template-columns: minmax(0,1fr) 280px;gap: 14px;align-items: start}.connect .card + .card{margin-top: 0}@media (max-width: 900px){.connect{grid-template-columns: 1fr}}.connect-steps h2{margin-bottom: 2px}.cstep{display: grid;grid-template-columns: 28px minmax(0,1fr);gap: 12px;padding: 14px 0 2px}.cstep + .cstep{border-top: 1px solid var(--line);margin-top: 12px}.cstep .num{width: 28px;height: 28px;border-radius: 50%;display: grid;place-items: center;background: var(--soft);font: 600 13px system-ui,sans-serif}.cstep h3{margin: 4px 0 10px;font-size: 14.5px}.cstep .row{gap: 14px}.cstep p{margin: 10px 0 0}.cstep details{margin-top: 10px;padding: 0;border: 0;font-size: 13px;color: var(--ink-2)}.cstep summary{width: fit-content;cursor: pointer;color: var(--ink)}.cstep details ol{display: grid;gap: 4px;margin: 8px 0 0;padding-left: 18px}.quiet-link{font-size: 13px;color: var(--ink-2)}.ico{display: inline-flex}.code-panel{position: sticky;top: 16px;text-align: center}.code-panel .bigcode{font-size: 38px;margin: 12px 0 12px}.code-panel .bigcode.stale{color: var(--muted);text-decoration: line-through}.code-panel .row{justify-content: center}.code-panel .timer{min-height: 1.5em;margin-top: 10px;font-size: 13px;color: var(--ink-2);font-variant-numeric: tabular-nums}.code-panel .waiting{justify-content: center;margin-top: 14px;padding-top: 14px;border-top: 1px solid var(--line);font-size: 13px}.code-panel p{margin: 10px 0 14px}.found.confirm{max-width: 620px}.found.confirm h2{margin: 10px 0 4px;font-size: 20px}.found.confirm .next{margin: 14px 0 16px}.connect-or{margin: 18px 2px 10px;font-size: 15px}.invoice .waits{color: #b45309;font-size: 13px;font-weight: 600}@media (prefers-color-scheme: dark){.invoice .waits{color: #fbbf24}}.shelf-print{margin-bottom: 14px}.shelf-print h2{margin: 0}.shelf-print select{width: auto;max-width: 240px}.offer{display: flex;align-items: center;gap: 16px;margin-top: 12px;padding: 16px 18px;cursor: pointer;border: 1px dashed var(--ink-2)}.offer.on{border: 2px solid var(--accent);padding: 15px 17px}.offer-text{flex: 1;min-width: 0;display: grid;gap: 2px}.offer-price{font: 700 22px/1.2 system-ui,sans-serif;letter-spacing: -0.01em}.offer-price small{font-size: 13px;font-weight: 500;color: var(--ink-2);letter-spacing: 0}.offer-text > small{color: var(--ink-2);font-size: 12.5px;line-height: 1.4}.included{display: flex;flex-wrap: wrap;gap: 6px 18px;list-style: none;padding: 0;margin: 14px 2px 16px;color: var(--ink-2);font-size: 13px}.included li::before{content: "✓";color: var(--ok);font-weight: 700;margin-right: 6px}.card.net{margin-bottom: 14px}.net + .card,.net + .plans{margin-top: 0}.net-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px}.net-save{margin-top: 2px;font: 700 20px/1.25 system-ui,sans-serif;letter-spacing: -0.01em}.net-save small{font-size: 13px;font-weight: 500;color: var(--ink-2);letter-spacing: 0}.net-bar{display: flex;gap: 4px;margin: 12px 0 8px;max-width: 220px}.net-bar span{flex: 1;height: 6px;border-radius: 3px;background: var(--soft);box-shadow: inset 0 0 0 1px var(--line)}.net-bar span.on{background: var(--accent);box-shadow: none}.card.net.on{border-color: var(--accent)}.card.net .muted{margin-top: 6px}.renew-early{margin: 2px 2px 14px;font-size: 13px}.emp-c0{--c: #2563eb}.emp-c1{--c: #16a34a}.emp-c2{--c: #db2777}.emp-c3{--c: #ea580c}.emp-c4{--c: #7c3aed}.emp-c5{--c: #0891b2}.emp-c6{--c: #ca8a04}.emp-c7{--c: #64748b}.emp-mark{display: inline-block;flex: none;width: 9px;height: 9px;border-radius: 3px;background: var(--c)}.month-bar{display: flex;align-items: center;gap: 4px;flex-wrap: wrap;margin-bottom: 14px}.month-bar h2{margin: 0 4px;min-width: 132px;text-align: center;font-size: 17px}.month-bar .mb-move{font-size: 20px}.cal-card{padding: 0;overflow: hidden}.cal-wrap{position: relative}.cal{display: grid;grid-template-columns: repeat(7,minmax(0,1fr))}.cal-wd{padding: 8px 10px 6px;font-size: 12px;color: var(--muted);border-bottom: 1px solid var(--line)}.cal-day{display: flex;flex-direction: column;align-items: stretch;gap: 3px;min-width: 0;min-height: 96px;padding: 6px 8px 8px;border: 0;border-right: 1px solid var(--line);border-bottom: 1px solid var(--line);background: var(--surface);color: var(--ink);font: inherit;text-align: left;cursor: pointer}.cal > :nth-child(7n){border-right: 0}.cal-day:hover{background: var(--soft)}.cal-day.out{background: var(--bg);cursor: default}.cal-day.sel{box-shadow: inset 0 0 0 2px var(--accent)}.cal-num{align-self: flex-start;min-width: 22px;height: 22px;display: inline-grid;place-items: center;margin: 0 0 1px -4px;border-radius: 50%;font-size: 12.5px;font-weight: 600;color: var(--ink-2);font-variant-numeric: tabular-nums}.cal-day.past .cal-num{color: var(--muted)}.cal-day.today .cal-num{background: var(--ink);color: var(--surface)}.cal-who{display: flex;align-items: center;gap: 6px;min-width: 0;font-size: 12.5px;line-height: 1.35}.cal-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cal-who small{flex: none;color: var(--ink-2);font-size: 11.5px}.cal-ini{display: none}.cal-gap{font-size: 11.5px;color: #b45309}@media (prefers-color-scheme: dark){.cal-gap{color: #fbbf24}}.cal-pop{position: absolute;z-index: 20;padding: 10px 14px 12px;border: 1px solid var(--line);border-radius: 14px;background: var(--surface);box-shadow: 0 18px 40px -14px rgba(17,19,23,0.35);animation: pop-in 0.16s ease-out;transform-origin: top center}@keyframes pop-in{from{opacity: 0;transform: scale(0.96)}}.pop-head{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 2px}.pop-head b{font-size: 14px}.pop-row{display: flex;align-items: center;gap: 10px;min-height: 42px;border-top: 1px solid var(--line);cursor: pointer}.pop-head + .pop-row{border-top: 0}.pop-row .grow{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pop-row small{color: var(--ink-2)}.pop-hours{width: 72px !important;padding: 6px 8px !important;text-align: center}.cal-pop > .btn.ghost{margin: 6px 0 0 -10px}.pop-add{display: grid;gap: 8px;margin-top: 8px;padding-top: 10px;border-top: 1px solid var(--line)}.pop-add .btn{justify-self: start}.pop-helper{display: flex;align-items: center;gap: 10px;font-size: 13px;color: var(--ink-2);cursor: pointer}.sched-hint{margin: -4px 2px 12px}.sched-fill{margin-bottom: 14px}.fill-form{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 10px 12px;margin-bottom: 10px}.fill-form .field{width: 170px}@media (max-width: 640px){.cal-wd{padding: 6px 4px;text-align: center}.cal-day{display: grid;grid-template-columns: repeat(auto-fill,18px);justify-content: center;align-content: start;gap: 3px;min-height: 64px;padding: 4px 2px 6px}.cal-num{grid-column: 1 / -1;justify-self: center;margin: 0 0 1px}.cal-day .emp-mark,.cal-name,.cal-who small,.cal-gap{display: none}.cal-who{display: contents}.cal-ini{display: inline-grid;place-items: center;width: 18px;height: 18px;border-radius: 50%;background: var(--c);color: #fff;font-size: 10.5px;font-weight: 700}}.pay{padding-top: 8px;container-type: inline-size}.pay-scroll{overflow-x: auto;scrollbar-width: none}.pay-scroll::-webkit-scrollbar{display: none}.pay-h{display: none}@container (max-width: 640px){.pay-table .opt{display: none}.pay-h{display: block}.pay-none{display: none}}@container (max-width: 440px){.pay-table .opt2{display: none}.pay-table th,.pay-table td{padding-left: 6px;padding-right: 6px}}.pay-table th.num,.pay-table td.num{text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap}.pay-table tbody tr{cursor: pointer}.pay-table tbody tr:hover td,.pay-table tbody tr.sel td{background: var(--soft)}.pay-table tbody tr:focus-visible{outline: 2px solid var(--accent);outline-offset: -2px}.pay-name{display: inline-flex;align-items: center;gap: 8px;font-weight: 500}.pay-left{display: block;margin-left: 17px;color: var(--ink-2);font-size: 12px}.pay-table td.rest{font-weight: 600}.pay-rate{white-space: nowrap}.pay-rate small{display: block;color: var(--ink-2);font-size: 12px}.pay-table td.over{color: #b45309}.pay-table tfoot td{border-top: 1px solid var(--line);border-bottom: 0;font-weight: 600}.pay-note{margin: 10px 2px 0}.pay-detail{display: grid;gap: 18px;margin: 8px -20px -20px;padding: 18px 20px 20px;border-top: 1px solid var(--line);background: var(--bg)}.pay-sum{display: flex;flex-wrap: wrap;gap: 8px 28px}.pay-sum small{display: block;color: var(--ink-2);font-size: 12px}.pay-sum b{font-size: 17px;font-variant-numeric: tabular-nums}.pay-sum .over b{color: #b45309}.pay-detail h3{margin: 0 0 8px;font-size: 13px;font-weight: 600;color: var(--ink-2)}.pay-who{display: flex;align-items: center;gap: 10px;margin: 0;font-size: 18px}.pay-who .emp-mark{width: 11px;height: 11px}.pay-form{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 10px 14px}.pay-form .field{width: 170px}.pay-form .field.grow{flex: 1;min-width: 180px}.pay-form .switch.pay-helper{padding: 0;min-height: 40px}.pay-form .field.rate{width: auto}.rate-in{display: flex;align-items: center;gap: 8px}.rate-in input{width: 96px}.rate-in .muted{white-space: nowrap}.pay-mini{max-width: 560px}.pay-mini td,.pay-mini th{padding: 6px 10px 6px 0}.pay-mini .num{text-align: right;font-variant-numeric: tabular-nums}.pay-outs{display: grid;margin-bottom: 12px}.pay-out{display: flex;align-items: center;gap: 14px;min-height: 40px;border-top: 1px solid var(--line)}.pay-out:first-child{border-top: 0}.pay-out .grow{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pay-date{width: 110px;color: var(--ink-2)}.pay-add{margin-bottom: 14px}@media (max-width: 640px){.pay-form .field,.pay-form .field.grow{width: 100%}.pay-date{width: auto}}@media (max-width: 760px){.side .nav{scrollbar-width: none}.side .nav::-webkit-scrollbar{display: none}.side .nav a{white-space: nowrap}}@media (max-width: 480px){.side .nav{gap: 0}.side .nav svg{display: none}.side .nav a{padding: 8px 9px}}
