:root{--bg: #fff;--surface: #fff;--border: #e2e2e2;--border-soft: #eeeeee;--border-mid: #e8e8e8;--border-input: #cfcfcf;--text: #000;--text-2: #333;--muted: #757575;--muted-2: #8f8f8f;--faint: #afafaf;--accent: #000;--accent-hover: #262626;--accent-deep: #000;--accent-soft: #f6f6f6;--accent-tint: #fafafa;--accent-ring: #d4d4d4;--ok-bg: #e8f1ea;--ok-fg: #1f6b46;--warn-bg: #fbf0d9;--warn-fg: #83570a;--bad-bg: #f7e4e2;--bad-fg: #9a352c;--neutral-bg: #f2f2f2;--neutral-fg: #444;--notice-bg: #f6f6f6;--notice-border: #e2e2e2;--notice-fg: #333;--danger: #9a352c;--page: 1280px;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--text);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}a{color:var(--accent)}a:hover{color:var(--accent-deep)}.mono{font-family:var(--mono)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px}.btn:hover:not(:disabled),.icon-btn:hover,.sync-btn:hover,.brand:hover,.nav-item:hover,.tab:hover{background:#f6f6f6}.card-pad{padding:24px}.stack{display:flex;flex-direction:column}.section-title{font-size:16px;font-weight:600}.label{font-size:14px;font-weight:500;color:var(--text-2)}.help{font-size:13px;color:var(--muted);font-weight:400}.muted{color:var(--muted)}.error{font-size:14px;color:var(--danger)}.col-head{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.empty{padding:48px 20px;text-align:center;font-size:15px;color:var(--muted)}.input,.textarea,.select{height:52px;padding:0 14px;border:1px solid var(--border-input);border-radius:8px;font-size:16px;background:var(--surface);color:var(--text);font-weight:400;outline:none;width:100%}.textarea{height:auto;padding:12px 14px;font-size:15px;resize:vertical}.select{cursor:pointer}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.input-lg{height:56px;font-size:17px}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;color:var(--text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--border-input);border-radius:8px;background:var(--surface);font-size:14px;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--bg)}.btn:disabled{cursor:default;opacity:.45}.btn-primary{border:none;background:var(--accent);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{border:none;background:var(--danger);color:#fff;font-weight:600}.btn-danger-quiet{color:var(--danger)}.btn-danger-quiet:hover:not(:disabled){background:#fdf6f5}.btn-md{height:52px;padding:0 20px;font-size:15px;border-radius:10px;font-weight:600}.btn-lg{height:60px;font-size:17px;border-radius:10px;font-weight:600;width:100%}.btn-56{height:56px;font-size:16px;border-radius:10px;font-weight:600}.segmented{display:grid;gap:4px;padding:4px;background:var(--neutral-bg);border-radius:10px}.segmented>button{height:52px;border:none;border-radius:8px;background:transparent;font-size:16px;font-weight:600;color:var(--neutral-fg);cursor:pointer}.segmented>button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #14191e1f}.segmented-sm>button{height:46px;font-size:15px}.tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--neutral-bg);border-radius:10px;align-self:flex-start}.tabs>button{height:44px;padding:0 18px;white-space:nowrap;border:none;border-radius:8px;background:transparent;font-size:14px;font-weight:600;color:var(--neutral-fg);cursor:pointer}.tabs>button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #14191e1f}.pill{display:inline-grid;place-items:center;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.chip{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--border-input);border-radius:22px;background:var(--surface);color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep)}.notice{padding:16px;background:var(--notice-bg);border:1px solid var(--notice-border);border-radius:10px;color:var(--notice-fg);display:flex;flex-direction:column;gap:12px}.notice-accent{padding:14px 18px;background:var(--accent-soft);border-radius:10px;font-size:14px;color:var(--accent)}.shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.topbar{background:var(--surface);border-bottom:1px solid var(--border)}.page-row{width:100%;max-width:var(--page);margin:0 auto;padding:0 24px}.topbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:64px}.topbar-centre{display:grid;place-items:center}.shop-name{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px;border:none;background:transparent;cursor:pointer;min-width:0;border-radius:8px}.brand:hover{background:var(--bg)}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex-shrink:0}.brand-name{font-size:18px;font-weight:700;white-space:nowrap}.tabbar{background:var(--surface);border-bottom:1px solid var(--border)}.tabbar-inner{display:flex;align-items:stretch;flex-wrap:wrap;gap:4px}.tab{position:relative;display:flex;align-items:center;gap:8px;padding:0 16px;min-height:52px;border:none;background:transparent;color:var(--muted);font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:inset 0 -2px 0 transparent}.tab:hover{color:var(--text);background:var(--bg)}.tab[aria-current=page]{color:var(--accent-deep);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent)}.tab-divider{align-self:center;width:1px;height:22px;background:var(--border);margin:0 8px;flex-shrink:0}.tab-badge{min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:var(--bad-bg);color:var(--bad-fg);font-size:12px;font-weight:600;display:grid;place-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:13px;font-weight:600;flex-shrink:0}.icon-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;flex-shrink:0;font-size:14px;color:var(--muted);display:grid;place-items:center}.icon-btn:hover{background:var(--bg)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.pagehead{display:flex;align-items:center;gap:14px;padding-top:20px}.pagehead h1{margin:0;font-size:22px;font-weight:600}.back-btn{width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:18px;cursor:pointer;display:grid;place-items:center;flex-shrink:0;color:var(--text-2)}.back-btn:hover{background:var(--bg)}.sync-pop{position:relative}.sync-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:min(380px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0000001f;padding:16px;display:flex;flex-direction:column;gap:12px;text-align:left}.sync-btn{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--border);border-radius:18px;background:var(--surface);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.sync-btn:hover{background:var(--bg)}.content{padding-top:24px;padding-bottom:72px}.narrow{width:100%;max-width:820px;margin:0 auto}.user-chip{display:flex;align-items:center;gap:10px;min-width:0}.user-chip-name{display:flex;flex-direction:column;min-width:0;max-width:160px}.user-chip-name>span{overflow:hidden;text-overflow:ellipsis}.topbar-date{font-size:14px;color:var(--muted);white-space:nowrap}@media(max-width:1200px){.topbar-date{display:none}}@media(max-width:1040px){.user-chip-name{display:none}}@media(max-width:620px){.sync-text{display:none}.sync-btn{padding:0 10px}}@media(max-width:899px){.page-row{padding:0 16px}.topbar-inner{min-height:56px;grid-template-columns:1fr auto}.topbar-centre{display:none}.tab{padding:0 12px;min-height:48px;font-size:14px}.pagehead{padding-top:16px}.content{padding-top:18px;padding-bottom:64px}}.grid-row{display:grid;gap:12px;align-items:center;padding:14px 22px}.grid-head{border-bottom:1px solid var(--border-mid)}.grid-body-row{border-top:1px solid var(--border-soft)}.scroll-x{overflow-x:auto}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--text);color:#fff;padding:16px 22px;border-radius:10px;font-size:15px;box-shadow:0 8px 24px #14191e2e;z-index:50;max-width:calc(100vw - 40px)}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px}.login-box{width:100%;max-width:400px;display:flex;flex-direction:column;gap:28px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:22px}.profile-list{display:flex;flex-direction:column;gap:8px}.profile-option{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;text-align:left}.profile-option:hover{background:var(--bg)}.profile-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-tint)}.profile-option .avatar{width:42px;height:42px}.code-row{display:flex;gap:10px;justify-content:center}.code-cell{width:52px;height:64px;border:1px solid var(--border-input);border-radius:10px;background:var(--surface);display:grid;place-items:center;font-size:28px;font-weight:600;color:var(--text);transition:border-color .12s ease,box-shadow .12s ease}.code-cell.filled{border-color:var(--accent)}.code-cell.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.code-cell.error{border-color:var(--danger)}.code-field{position:relative}.code-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:none;background:transparent;font-size:16px;cursor:pointer}.offline-bar{padding:12px 40px;background:var(--notice-bg);border-bottom:1px solid var(--notice-border);color:var(--notice-fg);font-size:14px;font-weight:500}@media(max-width:899px){.offline-bar{padding:12px 20px}}.backup-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 40px;background:var(--accent-soft);border-bottom:1px solid var(--border);color:var(--accent-deep);font-size:14px;font-weight:500}@media(max-width:899px){.backup-bar{padding:14px 20px}}.admin-page{min-height:100vh;background:var(--bg)}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 40px;min-height:76px;background:var(--surface);border-bottom:1px solid var(--border)}.admin-body{max-width:900px;padding:32px 40px 72px;display:flex;flex-direction:column;gap:20px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;padding:16px;background:var(--bg);border-radius:10px}.admin-badge{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--neutral-bg);color:var(--neutral-fg)}.admin-nav{display:flex;flex-wrap:wrap;gap:4px;padding:0 40px;background:var(--surface);border-bottom:1px solid var(--border)}.admin-nav>button{height:48px;padding:0 14px;border:none;border-bottom:2px solid transparent;background:transparent;font-size:15px;color:var(--muted);cursor:pointer;white-space:nowrap}.admin-nav>button[aria-current=page]{color:var(--text);font-weight:600;border-bottom-color:var(--text)}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.admin-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(200px,2fr) auto 20px;gap:14px;align-items:center;width:100%;padding:16px 20px;border:none;border-top:1px solid var(--border-soft);background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}.admin-row:first-child{border-top:none}.admin-row:hover{background:var(--accent-tint)}.admin-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-row-stats{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.admin-row-chevron{font-size:20px;color:var(--faint)}@media(max-width:760px){.admin-row{grid-template-columns:1fr 20px}.admin-row-stats,.admin-row>span:nth-child(3){grid-column:1 / 2}}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid var(--border-mid);background:var(--bg);font-size:13px}.steps{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--muted)}.steps>li{display:flex;align-items:center;gap:8px}.steps>li>span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;border:1px solid var(--border-mid);font-size:12px;font-weight:600}.steps>li[data-state=current]{color:var(--text);font-weight:600}.steps>li[data-state=current]>span,.steps>li[data-state=done]>span{background:var(--text);border-color:var(--text);color:var(--surface)}.plan-choice{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border:1px solid var(--border-mid);border-radius:10px;background:var(--surface);text-align:left;font:inherit;color:inherit;cursor:pointer}.plan-choice>span{font-size:18px;font-weight:600}.plan-choice>small{font-size:12px;color:var(--muted);line-height:1.4}.plan-choice[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}@media(max-width:899px){.admin-nav{padding:0 12px}.admin-header{padding:16px 20px}.admin-body{padding:24px 20px 64px}}.link-button{border:none;background:transparent;color:var(--accent);font-size:14px;cursor:pointer;padding:4px;text-align:center}.link-button:hover{color:var(--accent-deep);text-decoration:underline}.picker-list{max-height:600px;overflow:auto}@media(max-width:899px){.picker-list{max-height:38vh}}.member-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--border-mid);border-radius:10px;background:var(--surface)}.member-chip{display:inline-flex;align-items:baseline;gap:8px;padding:6px 12px;border-radius:999px;background:var(--accent-tint);border:1px solid var(--border-mid)}.member-row{display:grid;grid-template-columns:minmax(150px,2fr) 130px 90px 110px 1fr auto;gap:12px;align-items:center;padding:14px 20px;border-top:1px solid var(--border-soft)}.member-figure{text-align:right}@media(max-width:760px){.member-row{grid-template-columns:1fr auto;row-gap:6px}.member-row>:first-child{grid-column:1 / -1}.member-figure{text-align:left}}.whoami{display:inline-flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;border:1px solid var(--border-mid);border-radius:999px;background:var(--surface);max-width:200px}.whoami-initials{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--text);color:var(--surface);font-size:12px;font-weight:700;flex-shrink:0}.whoami-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.whoami-text strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.whoami-text small{font-size:11px;color:var(--muted)}@media(max-width:760px){.whoami{padding:3px}.whoami-text{display:none}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;display:grid;place-items:center;padding:20px;background:#00000073;overflow-y:auto}.sheet-card{width:min(440px,100%);max-width:100%;box-sizing:border-box}.sheet-card .btn{white-space:normal;height:auto;min-height:48px;padding:10px 16px}@media(max-width:760px){.sheet-backdrop{place-items:end center;padding:12px}}.whoami-clock{width:8px;height:8px;border-radius:999px;flex-shrink:0}.shop-logo{width:28px;height:28px;object-fit:contain;border-radius:6px;flex-shrink:0}.topbar-centre{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.doc-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--border-soft)}.doc-row:first-child{border-top:none}.setup-progress{height:6px;border-radius:999px;background:var(--neutral-bg);overflow:hidden}.setup-progress>span{display:block;height:100%;background:var(--text);border-radius:999px}.setup-step{display:grid;grid-template-columns:28px 1fr 16px;gap:12px;align-items:center;width:100%;padding:12px 4px;border:none;border-top:1px solid var(--border-soft);background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}.setup-step:first-child{border-top:none}.setup-step[data-done=true]{color:var(--muted)}.setup-step[data-done=true] strong{font-weight:400;text-decoration:line-through}.setup-tick{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;border:1.5px solid var(--border-mid);font-size:13px;font-weight:700}.setup-step[data-done=true] .setup-tick{background:var(--text);border-color:var(--text);color:var(--surface)}.setup-step[data-next=true] .setup-tick{border-color:var(--text)}.setup-go{font-size:18px;color:var(--faint)}.location-picker{display:flex;flex-wrap:wrap;gap:6px}.location-picker>button{height:34px;padding:0 12px;border:1px solid var(--border-input);border-radius:999px;background:var(--surface);font-size:13px;cursor:pointer;white-space:nowrap}.location-picker>button[aria-pressed=true]{border-color:var(--text);font-weight:600}.location-picker small{color:var(--muted);font-weight:400}