:root{--brand:#0f172a;--brand-ink:#fff;--brand-hover:#1e293b;--accent:#0b62c4;--ink:#1a1d21;--ink-2:#393a3d;--muted:#5c6370;--line:#dcdfe4;--line-strong:#c3c8d0;--paper:#fff;--page:#f4f5f8;--rail:#f1f5f9;--hover:#eef1f5;--selected:#e4e8ee;--ok:#0e6e36;--ok-bg:#e3f5ea;--warn:#a8470a;--warn-bg:#fff1e6;--bad:#b42318;--bad-bg:#fee4e2;--info:#0b62c4;--info-bg:#e8f1fd;--neutral-bg:#eef0f3;--app-home:#0f172a;--app-sales:#13804a;--app-bills:#0f766e;--app-inventory:#1d5fd1;--app-purchasing:#6941c6;--app-franchise:#c4320a;--app-people:#0e7490;--app-reports:#344054;--app-admin:#475467;--icon-accent:var(--accent);--icon-accent-on-color:#ffffff8c;--chart-1:#1d5fd1;--chart-2:#13804a;--chart-3:#e8710a;--chart-4:#6941c6;--chart-5:#0e7490;--chart-6:#98a2b3;--bar-overdue:#e8710a;--bar-open:#cfd4dc;--bar-paid:#1f9d55;--bar-pending:#9ec5f8;--warn-icon:#e8710a;--shadow:#0f172a1f;--scrim:#0f172a66;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace;--fs:14px;--fs-small:12.5px;--fs-title:26px;--fs-section:17px;--radius:6px;--radius-card:10px;--space:12px;--control:38px;--tap:44px;--rail-w:76px;--panel-w:248px;--top-h:60px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--page);font-size:var(--fs);-webkit-font-smoothing:antialiased;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{color:var(--ink)}.code{font-family:var(--mono);font-size:.95em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.nowrap{white-space:nowrap}button{font:inherit;min-height:var(--control);border-radius:var(--radius);border:1px solid var(--brand);background:var(--brand);color:var(--brand-ink);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}button:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}button.secondary{background:var(--paper);color:var(--ink);border-color:var(--line-strong)}button.secondary:hover:not(:disabled){background:var(--hover);border-color:var(--line-strong)}button.ghost{color:var(--accent);background:0 0;border-color:#0000;padding:0 10px}button.ghost:hover:not(:disabled){background:var(--hover);border-color:#0000}button.danger{background:var(--paper);color:var(--bad);border-color:var(--line-strong)}button.danger:hover:not(:disabled){background:var(--bad-bg);border-color:var(--bad)}button.icon-button{color:var(--ink-2);width:var(--control);background:0 0;border-color:#0000;padding:0}button.icon-button:hover:not(:disabled){background:var(--hover);border-color:#0000}button.plain{color:var(--accent);background:0 0;border:none;min-height:24px;padding:0 4px}button.plain:hover:not(:disabled){background:0 0;text-decoration:underline}button:disabled{opacity:.55;cursor:not-allowed}button svg,a svg{flex:none}.split{display:inline-flex}.split>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.split>button.split-more{border-left:1px solid var(--brand-hover);border-top-left-radius:0;border-bottom-left-radius:0;min-width:38px;padding:0 10px}.split>button.secondary.split-more{border-left:1px solid var(--line-strong)}.link-button{align-items:center;gap:6px;min-height:28px;font-weight:600;display:inline-flex}input,select,textarea{font:inherit;min-height:var(--control);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink);padding:0 10px}input:hover,select:hover,textarea:hover{border-color:var(--muted)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}input:disabled,select:disabled,textarea:disabled{background:var(--page);color:var(--muted);cursor:not-allowed}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--brand);padding:0}.shell{grid-template-columns:var(--rail-w) var(--panel-w) minmax(0, 1fr);min-height:100vh;display:grid}.shell.panel-closed{grid-template-columns:var(--rail-w) minmax(0, 1fr)}.shell.panel-closed .shell-nav{display:none}.shell-rail{background:var(--rail);border-right:1px solid var(--line);z-index:30;flex-direction:column;align-items:stretch;gap:2px;height:100vh;padding:10px 6px;display:flex;position:sticky;top:0;overflow-y:auto}.rail-mark{justify-content:center;padding:4px 0 10px;display:flex}.rail-logo{width:52px;height:auto;display:block}.rail-mark .brand-logo.rail-logo{width:100%;max-width:58px;height:auto}.rail-item{color:var(--ink-2);text-align:center;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:3px;width:100%;min-height:52px;padding:7px 2px 6px;font-size:11px;font-weight:600;line-height:1.15;text-decoration:none;display:flex}.rail-item:hover{background:var(--hover);color:var(--ink);text-decoration:none}.rail-item .rail-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:30px;display:flex}.rail-item.active .rail-icon,.rail-item[aria-pressed=true] .rail-icon{background:var(--brand);color:var(--brand-ink)}.rail-item.active,.rail-item[aria-pressed=true]{color:var(--ink);background:0 0}button.rail-item{color:var(--ink-2);padding:7px 2px 6px;font-size:11px;font-weight:600}button.rail-item:hover:not(:disabled){background:var(--hover);color:var(--ink);border:0}.rail-label{letter-spacing:.06em;color:var(--muted);text-align:center;margin:10px 0 2px;font-size:10.5px;font-weight:700}.rail-spacer{flex:1}.shell-nav{background:var(--paper);color:var(--ink);border-right:1px solid var(--line);z-index:20;height:100vh;padding:14px 10px 24px;position:sticky;top:0;overflow-y:auto}.nav-brand{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:0 6px 12px;display:flex}.brand-logo{width:auto;height:34px;display:block}.nav-head{justify-content:space-between;align-items:center;padding:4px 6px 8px;display:flex}.nav-head span{letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:700}.nav-group{margin-top:2px}.nav-group-title{width:100%;color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;min-height:42px;padding:7px 8px;font-size:14.5px;font-weight:600;display:flex}.nav-group-title:hover:not(:disabled),.nav-group-title:focus-visible{background:var(--hover);color:var(--ink);border:0}.nav-group-title .nav-name{flex:1}.nav-chevron{color:var(--muted);transition:transform .14s;display:inline-flex}.nav-group-title[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.shell-nav a{color:var(--ink-2);border-radius:8px;align-items:center;min-height:38px;padding:8px 10px 8px 52px;font-size:14px;text-decoration:none;display:flex}.shell-nav a:hover{background:var(--hover);color:var(--ink);text-decoration:none}.shell-nav a.active{background:var(--selected);color:var(--ink);font-weight:700}.shell-nav a.nav-home{color:var(--ink);gap:10px;padding-left:8px;font-size:14.5px;font-weight:600}.app-logo{width:30px;height:30px;color:var(--brand-ink);--icon-accent:var(--icon-accent-on-color);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-logo.small{width:24px;height:24px}.app-logo.large{width:40px;height:40px}.app-home{background:var(--app-home)}.app-sales{background:var(--app-sales)}.app-bills{background:var(--app-bills)}.app-inventory{background:var(--app-inventory)}.app-purchasing{background:var(--app-purchasing)}.app-franchise{background:var(--app-franchise)}.app-people{background:var(--app-people)}.app-reports{background:var(--app-reports)}.app-admin{background:var(--app-admin)}.shell-body{flex-direction:column;min-width:0;display:flex}.shell-top{z-index:25;min-height:var(--top-h);background:var(--paper);border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:nowrap;align-items:center;gap:12px;padding:8px 24px;display:flex;position:sticky;top:0}.shell-top strong{color:var(--ink)}.top-company{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:15px;font-weight:700;overflow:hidden}.top-menu-button{display:none}.top-search{flex:1;justify-content:center;min-width:0;display:flex}.top-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.top-actions .icon-button{color:var(--ink-2);position:relative}.badge{background:var(--bad);min-width:18px;height:18px;color:var(--brand-ink);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:4px;right:3px}.person{align-items:center;gap:10px;padding:0 4px 0 8px;display:flex}.person-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.person-text strong{white-space:nowrap;font-size:13.5px}.person-text span{color:var(--muted);white-space:nowrap;font-size:12px}.avatar{background:var(--brand);width:34px;height:34px;color:var(--brand-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.avatar.soft{background:var(--neutral-bg);color:var(--ink)}.shell-top button.secondary{min-height:34px}.shell-main{width:100%;min-width:0;max-width:1440px;padding:22px 28px 48px}.shell-top .code{white-space:nowrap}.search{width:min(100%,560px);position:relative}.search input{background:var(--page);border-color:var(--page);border-radius:8px;width:100%;padding-left:38px}.search input:hover{border-color:var(--line-strong)}.search .search-icon{color:var(--muted);pointer-events:none;display:inline-flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-results{background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 32px var(--shadow);z-index:60;border-radius:10px;max-height:70vh;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search-group{letter-spacing:.06em;color:var(--muted);padding:8px 10px 4px;font-size:11.5px;font-weight:700}.search-item{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;min-height:40px;padding:8px 10px;font-weight:400;display:flex}.search-item:hover:not(:disabled),.search-item[aria-selected=true]{background:var(--hover);color:var(--ink);border:0}.search-item small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;font-size:12px;overflow:hidden}.search-results{overflow-x:hidden}.search-empty{color:var(--muted);padding:14px 10px}.pop-anchor{display:inline-flex;position:relative}.pop{background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 36px var(--shadow);z-index:70;border-radius:10px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.pop.pop-fixed{z-index:100;position:fixed;top:auto;right:auto}.pop.left{left:0;right:auto}.pop.up{top:auto;bottom:calc(100% + 6px)}.pop.pop-beside{z-index:100;position:fixed;top:auto;bottom:auto;right:auto;overflow-y:auto}.shell .shell-rail .pop.mega{min-width:0;width:min(860px, calc(100vw - var(--rail-w) - 18px));grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pop-item{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:10px;min-height:36px;padding:8px 10px;font-weight:400;text-decoration:none;display:flex}.pop-item:hover:not(:disabled){background:var(--hover);color:var(--ink);border:0;text-decoration:none}.pop-item.danger{color:var(--bad)}.pop-sep{background:var(--line);height:1px;margin:6px 4px;display:block}.pop-body{gap:10px;min-width:260px;padding:10px;display:grid}.pop-body p{margin:0}.pop-body label.row{font-weight:600}.pill.push{margin-left:auto}.top-search-button{display:none}.mega{grid-template-columns:repeat(4,minmax(160px,1fr));gap:6px 18px;min-width:min(860px,100vw - 32px);padding:16px 18px;display:grid}.mega h3{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin:4px 0 6px;font-size:12px;font-weight:700}.mega .pop-item{padding:7px 6px}.mega-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:12px;margin-top:8px;padding-top:10px;display:flex}.signin{max-width:none;min-height:100vh;padding:64px var(--space) var(--space);background:var(--page);align-content:start;justify-items:center;display:grid}.signin-brand{margin-bottom:20px}.signin-brand .brand-logo{height:64px}.signin .page{width:min(100%,440px)}.signin .page-head{text-align:center;justify-content:center}.signin .page h1{text-align:center;font-size:22px}.signin .card{box-shadow:0 8px 28px var(--shadow);padding:24px}.signin .form,.signin .field input{max-width:none}.signin .form-actions button{width:100%}.brand-logo.on-brand{margin-bottom:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 18px;display:flex}.page-head-text{flex:280px;min-width:0}.page h1{font-size:var(--fs-title);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.2}.page-sub{color:var(--muted);max-width:80ch;margin:6px 0 0}.page-head+p{color:var(--muted);max-width:80ch;margin-top:-8px}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page h2{font-size:var(--fs-section);margin:26px 0 12px;font-weight:600}.card h2{margin-top:0}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);margin-bottom:16px;padding:18px 20px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-head h2,.card-head h3{margin:0;font-size:15px;font-weight:700}.card-label{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.notice{border-radius:var(--radius);margin-bottom:var(--space);border:1px solid #0000;padding:10px 14px}.notice.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-bg)}.notice.bad{background:var(--bad-bg);color:var(--bad);border-color:var(--bad-bg)}.notice.info{background:var(--info-bg);color:var(--ink);border-color:var(--info-bg)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tiles{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:18px;display:grid}.tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);text-align:left;color:var(--ink);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;min-height:104px;padding:14px 16px;font-weight:400;display:flex}button.tile{cursor:pointer}button.tile:hover:not(:disabled),a.tile:hover{background:var(--paper);border-color:var(--muted);color:var(--ink);text-decoration:none}.tile-label{letter-spacing:.05em;color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.tile-figure{font-size:var(--fs-title);font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600;line-height:1.2}.tile-note{font-size:var(--fs-small);color:var(--muted)}.tile-note.warn{color:var(--warn);font-weight:600}.tile-note.ok{color:var(--ok);font-weight:600}.figures{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:18px;display:grid}.figure{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;gap:4px;min-height:104px;padding:14px 16px;display:flex}.figure-what{letter-spacing:.05em;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.figure-n{font-size:var(--fs-title);font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600;line-height:1.2}.figure-note{font-size:var(--fs-small);color:var(--muted)}.figure a{align-items:center;min-width:24px;min-height:24px;font-weight:600;display:inline-flex}.money-summary{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-bottom:18px;padding:18px 24px 20px;display:grid}.money-block-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.money-block-head strong{font-variant-numeric:tabular-nums;font-size:15px}.money-block-head span{color:var(--muted);font-size:13px}.money-pair{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.money-fig{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:0;min-height:0;padding:0;font-weight:400;display:flex}.money-fig:hover:not(:disabled){color:var(--ink);background:0 0;border:0;text-decoration:underline}.money-fig.right{text-align:right;align-items:flex-end}.money-fig b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.money-fig span{color:var(--muted);font-size:13px}.money-bar{background:var(--bar-open);border-radius:4px;gap:2px;height:22px;display:flex;overflow:hidden}.money-bar span{min-width:0;height:100%;display:block}.money-bar .overdue{background:var(--bar-overdue)}.money-bar .open{background:var(--bar-open)}.money-bar .paid{background:var(--bar-paid)}.money-bar .pending{background:var(--bar-pending)}.status{align-items:flex-start;gap:7px;line-height:1.3;display:inline-flex}.status-icon{margin-top:1px;display:inline-flex}.status-text{flex-direction:column;display:flex}.status-text small{color:var(--muted);font-size:12px}.status.warn .status-icon{color:var(--warn-icon)}.status.ok .status-icon{color:var(--bar-paid)}.status.bad .status-icon{color:var(--bad)}.status.info .status-icon{color:var(--accent)}.status.neutral .status-icon{color:var(--muted)}.pill{white-space:nowrap;background:var(--neutral-bg);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.info{background:var(--info-bg);color:var(--ink)}.chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chips.scroll{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.chip{border:1px solid var(--line-strong);background:var(--paper);min-height:40px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 10px;font-weight:600;text-decoration:none;display:inline-flex}button.chip{color:var(--ink);background:var(--paper);border-color:var(--line-strong)}.chip:hover,button.chip:hover:not(:disabled){background:var(--hover);color:var(--ink);border-color:var(--muted);text-decoration:none}.chip.plain{padding:0 14px}.tabs{border-bottom:1px solid var(--line);gap:22px;margin:0 0 16px;display:flex;overflow-x:auto}.tab{color:var(--ink-2);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;min-height:42px;padding:0 2px;font-weight:600}.tab:hover:not(:disabled){border:0;border-bottom:3px solid var(--line-strong);color:var(--ink);background:0 0}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.tab[aria-selected=true]:hover:not(:disabled){border-bottom-color:var(--accent)}.seg{background:var(--neutral-bg);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--ink-2);background:0 0;border:0;border-radius:6px;min-height:34px;padding:0 14px;font-weight:600}.seg button:hover:not(:disabled){background:var(--paper);color:var(--ink);border:0}.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px var(--shadow)}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.filter{gap:4px;min-width:150px;display:grid}.filter label{color:var(--ink-2);font-size:12.5px;font-weight:600}.filter select,.filter input{min-width:150px}.filter.grow{flex:220px}.filter.grow input{width:100%}.filter-bar .filter-end{align-items:center;gap:8px;margin-left:auto;display:flex}.table-wrap{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);max-width:100%;overflow-x:auto}table.data{border-collapse:separate;border-spacing:0;background:var(--paper);width:100%}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 14px}table.data th{color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;background:var(--paper);border-bottom:1px solid var(--line-strong);white-space:nowrap;font-size:12px;font-weight:700}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr:hover td{background:var(--page)}table.data tbody tr.selected td{background:var(--info-bg)}table.data a{min-width:24px;min-height:24px;line-height:24px;display:inline-block}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}table.data .nowrap,table.doc-lines .nowrap{white-space:nowrap;overflow-wrap:normal}table.data th.check,table.data td.check{width:44px;padding-right:0}table.data th.actions,table.data td.actions{text-align:right;white-space:nowrap;background:var(--paper);box-shadow:-8px 0 10px -10px var(--shadow);position:sticky;right:0}table.data tbody tr:hover td.actions{background:var(--page)}.row-actions{align-items:center;gap:2px;display:inline-flex}.row-actions .sep{background:var(--line-strong);width:1px;height:18px;margin:0 6px}.row-actions button.plain{min-height:30px;font-weight:600}.sort{color:inherit;font:inherit;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:0;justify-content:flex-start;gap:4px;min-width:24px;min-height:24px;padding:0;font-weight:700}.sort:hover:not(:disabled){color:var(--ink);background:0 0;border:0;text-decoration:underline}th.num .sort{justify-content:flex-end}.thumb{border:1px solid var(--line);background:var(--page);width:40px;height:40px;color:var(--muted);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.cell-title{align-items:center;gap:12px;min-width:0;display:flex}.cell-title small{color:var(--muted);font-size:12px;display:block}.table-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:10px;display:flex}.table-tools .count{color:var(--muted);margin-right:auto}.batch{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pager{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;padding:10px 4px 0;display:flex}.pager .pager-count{color:var(--ink-2);font-variant-numeric:tabular-nums;margin:0 10px}.pager button{min-height:32px}.doc-tools{margin-bottom:var(--space);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.doc-tools a{min-height:var(--control);align-items:center;display:inline-flex}.empty{text-align:center;color:var(--muted);background:var(--paper);border:1px dashed var(--line-strong);border-radius:var(--radius-card);justify-items:center;gap:10px;padding:36px 16px;display:grid}.empty .empty-icon{background:var(--neutral-bg);width:52px;height:52px;color:var(--ink-2);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.empty p{max-width:60ch;color:var(--ink-2);margin:0}.skeleton{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);gap:10px;padding:16px;display:grid}.skeleton span{background:var(--neutral-bg);border-radius:4px;height:14px;display:block}.skeleton span:nth-child(2n){width:82%}.skeleton span:nth-child(3n){width:64%}.scrim{background:var(--scrim);z-index:80;position:fixed;inset:0}.side-panel{background:var(--paper);z-index:90;width:min(560px,100vw);box-shadow:-16px 0 40px var(--shadow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.side-panel.wide{width:min(820px,100vw)}.side-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.side-head h2{margin:0;font-size:19px;font-weight:600}.side-body{flex:1;padding:18px 20px 24px;overflow-y:auto}.side-foot{border-top:1px solid var(--line);background:var(--paper);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.side-body .form{max-width:none}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:0 0 16px;display:grid}.facts div{min-width:0}.facts dt{color:var(--muted);font-size:12px;font-weight:600}.facts dd{overflow-wrap:anywhere;margin:2px 0 0}.doc-page{gap:16px;padding-bottom:72px;display:grid}.doc-sheet{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:24px 28px}.doc-sheet-head{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.doc-sheet-head .big{color:var(--muted);font-size:13px}.doc-sheet-head .big b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;display:block}.doc-fields{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 18px;margin-bottom:18px;display:grid}.doc-fields .field input,.doc-fields .field select{width:100%}.line-editor{border-collapse:collapse;width:100%;margin-bottom:12px}.line-editor th{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);text-align:left;border-bottom:1px solid var(--line-strong);white-space:nowrap;padding:8px 6px;font-size:12px}.line-editor td{border-bottom:1px solid var(--line);vertical-align:top;padding:6px}.line-editor td.num,.line-editor th.num{text-align:right;font-variant-numeric:tabular-nums}.line-editor input,.line-editor select{width:100%;min-width:0}.line-editor .w-qty{width:90px}.line-editor .w-money{width:130px}.totals{gap:6px;width:min(100%,340px);margin-left:auto;display:grid}.totals div{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.totals .grand{border-top:1px solid var(--line-strong);padding-top:8px;font-size:18px;font-weight:700}.doc-footer{z-index:15;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 -8px 24px var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex;position:sticky;bottom:0}.doc-footer .row{gap:8px}.locked{color:var(--muted);align-items:center;gap:6px;font-weight:600;display:inline-flex}.toasts{z-index:100;gap:10px;max-width:min(440px,100vw - 48px);display:grid;position:fixed;bottom:24px;left:24px}.toast{background:var(--brand);color:var(--brand-ink);box-shadow:0 10px 30px var(--shadow);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.toast p{flex:1;margin:0}.toast button{color:var(--brand-ink);background:0 0;border:0;min-height:24px;padding:0 4px;text-decoration:underline}.toast button:hover:not(:disabled){background:0 0;border:0}.bars{gap:10px;display:grid}.bar-row{grid-template-columns:minmax(90px,160px) minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.bar-row .bar-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.bar-track{background:var(--neutral-bg);border-radius:999px;height:14px;display:flex;overflow:hidden}.bar-track span{height:100%;display:block}.bar-row .bar-value{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:600}.c1{background:var(--chart-1)}.c2{background:var(--chart-2)}.c3{background:var(--chart-3)}.c4{background:var(--chart-4)}.c5{background:var(--chart-5)}.c6{background:var(--chart-6)}.legend{color:var(--ink-2);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12.5px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.attention{gap:2px;margin:0;padding:0;list-style:none;display:grid}.attention li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 6px;display:flex}.attention li:last-child{border-bottom:0}.attention .att-icon{background:var(--neutral-bg);width:32px;height:32px;color:var(--ink-2);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.attention .att-icon.warn{background:var(--warn-bg);color:var(--warn)}.attention .att-icon.bad{background:var(--bad-bg);color:var(--bad)}.attention .att-icon.ok{background:var(--ok-bg);color:var(--ok)}.attention .att-text{flex:1;min-width:0}.attention .att-text small{color:var(--muted);display:block}.timeline{margin:0;padding:0;list-style:none;display:grid}.timeline li{border-bottom:1px solid var(--line);grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:10px;padding:9px 0;display:grid}.timeline li:last-child{border-bottom:0}.timeline .dot{background:var(--accent);border-radius:999px;width:10px;height:10px;margin:5px 0 0 6px}.timeline small{color:var(--muted)}.greeting{text-align:left;margin:4px 0 18px}.greeting h1{font-size:30px}.greeting p{color:var(--muted);margin:4px 0 0}.home-section{align-items:center;gap:12px;margin:22px 0 10px;display:flex}.home-section h2{margin:0;font-size:16px;font-weight:700}.sched-wrap{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);overflow-x:auto}table.sched{border-collapse:separate;border-spacing:0;width:100%;min-width:980px}table.sched th,table.sched td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top;padding:8px}table.sched th{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);text-align:left;background:var(--paper);white-space:nowrap;font-size:12px}table.sched th.today{color:var(--accent)}table.sched td.who{background:var(--paper);z-index:2;min-width:190px;position:sticky;left:0}table.sched td.total,table.sched th.total{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.shift{background:var(--info-bg);color:var(--ink);border-left:4px solid var(--chart-1);text-align:left;border-radius:6px;justify-content:stretch;align-items:start;gap:1px;width:100%;min-height:0;margin-bottom:6px;padding:6px 8px;font-size:12.5px;font-weight:400;display:grid}button.shift{color:var(--ink);background:var(--info-bg);border:0;border-left:4px solid var(--chart-1)}button.shift:hover:not(:disabled){background:var(--selected);border:0;border-left:4px solid var(--chart-1);color:var(--ink)}.shift b{font-weight:700}.shift.draft,button.shift.draft{background:var(--paper);border:1px dashed var(--line-strong);border-left:4px dashed var(--chart-6)}.cell-add{border:1px dashed var(--line);width:100%;min-height:30px;color:var(--muted);background:0 0;border-radius:6px;padding:0}.cell-add:hover:not(:disabled){background:var(--hover);border:1px dashed var(--line-strong);color:var(--ink)}.restday{color:var(--muted);font-size:12.5px}.clock-card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}.clock-now{font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;line-height:1.1}.clock-actions{flex-wrap:wrap;gap:10px;display:flex}.clock-actions button{min-height:48px;padding:0 22px}.label-layout{grid-template-columns:minmax(280px,400px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.label-sheet{background:var(--neutral-bg);border-radius:var(--radius-card);flex-wrap:wrap;gap:10px;max-height:70vh;padding:16px;display:flex;overflow:auto}.flip-label{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);border-radius:4px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2mm;padding:2mm;font-size:8pt;line-height:1.15;display:grid;overflow:hidden}.flip-label.barcode{text-align:center;grid-template-columns:minmax(0,1fr);align-content:center}.flip-label svg{display:block}.flip-label .l-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8.5pt;font-weight:700;display:-webkit-box;overflow:hidden}.flip-label .l-sku{font-family:var(--mono);font-size:7.5pt}.flip-label .l-price{font-size:10pt;font-weight:700}.flip-label .l-brand{width:auto;height:3.2mm}.codes svg rect.on,svg.code-svg rect.on{fill:currentColor}.payslip{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);max-width:186mm;padding:10mm;font-size:12px}.payslip h3{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);margin:12px 0 6px;font-size:13px}.payslip table{border-collapse:collapse;width:100%}.payslip td,.payslip th{border-bottom:1px solid var(--line);text-align:left;padding:4px 6px}.payslip td.num,.payslip th.num{text-align:right;font-variant-numeric:tabular-nums}.payslip .net{border-top:2px solid var(--brand);justify-content:space-between;margin-top:10px;padding-top:8px;font-size:16px;font-weight:700;display:flex}table.report{border-collapse:collapse;background:var(--paper);width:100%}table.report th,table.report td{border-bottom:1px solid var(--line);text-align:left;padding:9px 14px}table.report th{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);border-bottom:1px solid var(--line-strong);font-size:12px}table.report td.num,table.report th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.report tr.group td{background:var(--page);font-weight:700}table.report tr.sub td{border-top:1px solid var(--line-strong);font-weight:700}table.report tr.grand td{border-top:2px solid var(--brand);border-bottom:0;font-size:15px;font-weight:800}table.report td.indent{padding-left:34px}.report-cards{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px;display:grid}.report-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);min-width:0;color:var(--ink);align-items:flex-start;gap:12px;min-height:72px;padding:14px;text-decoration:none;display:flex}.report-card:hover{border-color:var(--muted);text-decoration:none}.report-card small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.print-doc{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);max-width:186mm;padding:10mm;font-size:12px;line-height:1.4}.doc-head{justify-content:space-between;align-items:flex-start;gap:var(--space);border-bottom:3px solid var(--brand);margin-bottom:10px;padding-bottom:8px;display:flex}.doc-logo{width:auto;height:14mm;margin-bottom:2mm;display:block}.doc-issuer-name{color:var(--brand);font-size:15px;font-weight:700}.doc-issuer-tin{color:var(--muted)}.doc-title{text-align:right}.print-doc .doc-title h2{color:var(--brand);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:18px}.doc-number{font-size:14px;font-weight:700}.print-form .form-head{align-items:center;gap:var(--space);border-bottom:3px solid var(--brand);margin-bottom:10px;padding-bottom:6px;display:flex}.print-form .form-head h2{text-align:center;text-transform:uppercase;letter-spacing:.04em;color:var(--brand);flex:1;margin:0;font-size:18px}.print-form .form-head .doc-logo{height:12mm;margin:0}.form-lines{border:1px solid var(--ink)}.form-row{border-bottom:1px solid var(--ink);display:flex}.form-row:last-child{border-bottom:none}.form-row.tall .form-cell{align-items:flex-start;min-height:72px}.form-cell{border-right:1px solid var(--ink);flex:1;align-items:center;gap:6px;min-height:30px;padding:6px 8px;display:flex}.form-cell:last-child{border-right:none}.form-label{text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700}.form-value{overflow-wrap:anywhere;flex:1;min-width:0}.form-text{margin:12px 0}.form-sign{justify-content:space-between;gap:24px;margin-top:28px;display:flex}.form-signature{text-align:center;text-transform:uppercase;flex:1;font-size:11px}.form-signature .form-line{border-top:1px solid var(--ink);margin-bottom:4px;display:block}.doc-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin:0 0 12px;display:grid}.doc-facts div{gap:8px;min-width:0;display:flex}.doc-facts dt{color:var(--muted);min-width:92px}.doc-facts dd{overflow-wrap:anywhere;margin:0}table.doc-lines{border-collapse:collapse;table-layout:auto;width:100%}table.doc-lines th,table.doc-lines td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:4px 6px}table.doc-lines th{color:var(--muted);border-bottom:2px solid var(--brand);font-weight:600}table.doc-lines .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}table.doc-lines tfoot td{border-bottom:none;font-weight:700}.doc-foot{color:var(--muted);margin-top:14px;font-size:10px}.form{gap:14px;max-width:36rem;display:grid}.field{gap:5px;display:grid}.field label{color:var(--ink);font-size:13.5px;font-weight:600}.field-required{color:var(--muted);font-weight:400}.field small{color:var(--muted);font-size:14px}.tickbox{margin:0 0 var(--space)}.tickbox label{min-height:var(--control);cursor:pointer;align-items:center;gap:10px;font-weight:600;display:inline-flex}.tickbox input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent);flex:none;margin:0}.tickbox .help{color:var(--muted);margin:2px 0 0 34px;font-size:14px}.field-error{color:var(--bad)}.field input,.field select,.field textarea{width:100%;max-width:100%}.field textarea{resize:vertical;min-height:4.5em;padding:8px 10px}.field input[aria-invalid=true],.field textarea[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--bad)}.form-actions{gap:var(--space);flex-wrap:wrap;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.form-grid .span-2{grid-column:1/-1}.confirm{border:1px solid var(--line);border-radius:var(--radius);padding:var(--space);background:var(--paper);margin-bottom:var(--space)}.confirm p{margin:0 0 var(--space)}.people{gap:var(--space);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.people button{text-align:left;background:var(--paper);width:100%;height:auto;color:var(--ink);border-color:var(--line);justify-content:flex-start;padding:10px 14px}.people small{color:var(--muted);display:block}.scans{margin:var(--space) 0 0;padding-left:20px}@page doc{size:A4;margin:12mm}@page doc-wide{size:A4 landscape;margin:10mm}.print-table-portal{display:none}@media print{body.print-table #root{display:none!important}body.print-table .print-table-portal{display:block}.print-table-portal .print-doc.wide{page:doc-wide;font-size:10px}body{background:var(--paper)}.shell{display:block}.shell-rail,.shell-nav,.shell-top,.no-print,.page>h1,.page-head,.toasts,.doc-footer,.scrim{display:none!important}.shell-main{max-width:none;padding:0}.print-doc,.payslip{page:doc;border:none;border-radius:0;max-width:none;padding:0}.payslip+.payslip{break-before:page}table.doc-lines thead{display:table-header-group}table.doc-lines tr{break-inside:avoid}table.doc-lines tfoot{display:table-row-group}table.doc-lines .nowrap{white-space:normal;overflow-wrap:anywhere}.table-wrap{border:0;overflow:visible}table.data th.actions,table.data td.actions,table.data th.check,table.data td.check{display:none}.label-sheet{background:0 0;max-height:none;padding:0;display:block;overflow:visible}.label-sheet .flip-label{page:label;break-after:page;border:0;border-radius:0;margin:0}.label-sheet .flip-label:last-child{break-after:auto}html,body,#root,.shell{min-height:0}.side-panel{width:auto;box-shadow:none;position:static}}@media screen and (max-width:1365px){.shell-main{padding:20px 22px 44px}}@media screen and (max-width:1023px){.shell{grid-template-columns:var(--rail-w) minmax(0, 1fr)}.shell .shell-nav{left:var(--rail-w);width:var(--panel-w);box-shadow:16px 0 40px var(--shadow);display:none;position:fixed;top:0;bottom:0}.shell.panel-open .shell-nav,.shell.panel-open .scrim.nav-scrim{display:block}.person-text{display:none}.money-summary{gap:24px}}@media screen and (max-width:759px){:root{--control:44px;--fs-title:22px}.shell{display:block}.shell-rail{height:100vh;display:none;position:fixed;top:0;bottom:0;left:0}.shell .shell-nav{left:var(--rail-w)}.shell.drawer-open .shell-rail{display:flex}.shell.drawer-open .shell-nav{display:block}.shell-top{gap:6px;padding:8px 12px}.top-menu-button,.top-search-button{display:inline-flex}.shell.drawer-open .scrim.nav-scrim{display:block}.top-company{max-width:120px;font-size:14px}.top-search{flex:none;justify-content:flex-end}.top-search .search{display:none}.top-search.open{background:var(--paper);z-index:95;border-bottom:1px solid var(--line);padding:8px 12px;position:fixed;top:0;left:0;right:0}.top-search.open .search{width:100%;display:block}.top-hide-phone{display:none!important}.top-signout{width:var(--control);padding:0}.top-signout-text,.person{display:none}.shell-main{padding:0 var(--space) calc(var(--space) * 2)}.shell-top{margin:0 0 var(--space)}input,select,textarea{font-size:16px}.money-summary{grid-template-columns:minmax(0,1fr);padding:14px 16px}.grid-2,.grid-3,.form-grid,.clock-card,.label-layout,.facts{grid-template-columns:minmax(0,1fr)}.mega{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100vw - 24px);min-width:0}.pop{max-width:calc(100vw - 24px)}.page-actions{width:100%}.doc-sheet{padding:16px}.doc-footer{padding:10px 12px}.bar-row{grid-template-columns:minmax(70px,110px) minmax(0,1fr) auto}.filter,.filter select,.filter input{width:100%;min-width:0}.filter{flex:140px}.greeting h1{font-size:24px}.toasts{max-width:none;bottom:12px;left:12px;right:12px}}@media (pointer:coarse){:root{--control:44px}}@media screen and (max-width:1023px){.print-doc{overflow-x:auto}.print-doc .doc-head,.print-doc .doc-facts,.print-doc table.doc-lines{min-width:600px}.payslip{padding:12px;overflow-x:auto}.payslip>*{min-width:560px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.scrim.nav-scrim{display:none}.greeting-line{color:var(--ink);margin:0;font-size:30px;line-height:1.2}.greeting .card-label{margin-bottom:4px}.home-apps{margin:4px 0 6px}.home-sub{margin-top:18px}.empty-inline{color:var(--ink-2);align-items:center;gap:10px;padding:8px 2px;display:flex}@media screen and (max-width:759px){.greeting-line{font-size:24px}}@media screen and (max-width:760px){.print-doc{padding:12px}}.print-only{display:none}.doc-bottom{align-items:start;margin-top:16px}.line-wrap{border:0;border-radius:0}.line-tools{margin-top:10px}.line-editor td.w-product{min-width:220px}.line-editor td.w-product select{width:100%}@media print{.print-only{display:block}.page:has(.print-solo)>:not(.print-solo){display:none!important}.print-only .print-doc+.print-doc,.print-only .payslip+.payslip{break-before:page}}.warn-text{color:var(--warn);font-weight:600}.legend-card{margin-top:18px}.legend-card p{margin:6px 0 0}.po-pick{align-items:flex-end;margin-bottom:12px}.po-pick .field{min-width:260px}.checks{border:1px solid var(--line);border-radius:var(--radius);gap:8px;margin:0;padding:10px 12px;display:grid}.checks legend{padding:0 4px;font-weight:600}.pick-row{flex-wrap:nowrap;align-items:flex-end}.pick-row .field{flex:1}.pick-sku{min-width:90px;padding-bottom:12px}.flip-label .l-text{gap:1mm;min-width:0;display:grid}.flip-label .l-price.big{font-size:14pt}.record-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.big-thumb{border-radius:12px;width:84px;height:84px}.record-facts{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}@page label{margin:0}@media screen and (max-width:1023px){.record-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:759px){.record-head{grid-template-columns:minmax(0,1fr)}.pick-row{flex-wrap:wrap}}.report-open{text-align:left;white-space:normal;min-width:0;color:var(--ink);flex:1;min-height:40px;font-weight:700;display:block}.report-card .icon-button,.report-card .att-icon{flex:none}.report-open:hover:not(:disabled){color:var(--accent)}.report-open small{color:var(--muted);font-size:13px;font-weight:400}.report-card .icon-button[aria-pressed=true]{color:var(--warn-icon)}.totals-line{text-align:right;font-size:16px}.week-nav{gap:8px}.week-nav strong{margin-left:6px}.clock-card .tiles{margin-bottom:8px}table.data td.wide,table.data th.wide{min-width:220px}.shell.drawer-open .shell-rail,.shell.drawer-open .shell-nav,.shell.panel-open .shell-nav{z-index:85}.pay-rates-head{margin-top:26px}.pay-rates-head h2{margin:0}.shell .shell-rail:has(.pop){z-index:90}:root{--fs-hero:30px;--fs-price:28px;--stage-h:520px}.find-card{padding:12px 16px}.find-item{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.find-item .field{display:contents}.find-item .field>label{flex:100%;order:0}.find-item .field>input{flex:200px;order:1;min-width:0}.find-item .field>.field-error,.find-item .field>small{flex:100%;order:3}.find-item>button{flex:none;order:2}.find-item-wrap.is-compact{flex:0 420px}.find-help{font-size:var(--fs-small);margin:6px 0 0}.thumb.has-photo{background:var(--paper);padding:0}.thumb-img{object-fit:cover;width:100%;height:100%;display:block}.item-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.item-crumbs{color:var(--muted);font-size:var(--fs-small);min-height:var(--control);align-items:center;gap:6px;display:flex}.item-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) 270px;align-items:start;gap:22px;margin-bottom:8px;display:grid}.item-gallery{flex-direction:column;gap:10px;min-width:0;display:flex}.item-stage{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);height:var(--stage-h);color:var(--muted);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.item-gallery.is-empty .item-stage{text-align:center;flex-direction:column;gap:8px;height:320px;padding:24px}.item-gallery.is-empty .item-stage p{color:var(--ink-2);margin:0;font-weight:600}button.item-stage-open{all:unset;cursor:zoom-in;justify-content:center;align-items:center;width:100%;height:100%;display:flex}button.item-stage-open:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.item-photo{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;display:block}.photo-wait{background:var(--hover);width:100%;height:100%;display:block}button.item-stage-nav{width:var(--tap);height:var(--tap);min-height:var(--tap);background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);box-shadow:0 2px 8px var(--shadow);border-radius:50%;padding:0;position:absolute;top:50%;transform:translateY(-50%)}button.item-stage-nav:hover:not(:disabled){background:var(--hover);border-color:var(--line-strong)}button.item-stage-nav.prev{left:12px}button.item-stage-nav.next{right:12px}.item-stage-count{background:var(--brand);color:var(--brand-ink);font-size:var(--fs-small);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px;font-weight:600;position:absolute;bottom:12px;right:12px}.item-stage-note{background:var(--paper);color:var(--ink-2);border:1px solid var(--line);font-size:var(--fs-small);border-radius:999px;padding:3px 10px;position:absolute;bottom:12px;left:12px}.item-thumbs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}button.item-thumb{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);flex:none;width:76px;height:76px;min-height:0;padding:0;overflow:hidden}button.item-thumb:hover:not(:disabled){background:var(--paper);border-color:var(--line-strong)}button.item-thumb.is-current{border-color:var(--brand)}.item-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.lightbox{z-index:90;background:var(--brand);color:var(--brand-ink);flex-direction:column;display:flex;position:fixed;inset:0}.lightbox-bar,.lightbox-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.lightbox-nav{justify-content:center}.lightbox-count{font-variant-numeric:tabular-nums;margin-left:8px}.lightbox-tools{gap:8px;display:flex}.lightbox-body{flex:auto;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex;overflow:hidden}.lightbox-img{object-fit:contain;max-width:100%;max-height:100%;display:block}.lightbox-body.is-zoomed{justify-content:flex-start;align-items:flex-start;overflow:auto}.lightbox-body.is-zoomed .lightbox-img{max-width:none;max-height:none}.item-info{flex-direction:column;gap:16px;min-width:0;display:flex}.item-brand{font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.item-title{font-size:var(--fs-hero);letter-spacing:-.02em;color:var(--ink);overflow-wrap:break-word;margin:2px 0 4px;font-weight:700;line-height:1.15}.item-name{color:var(--ink-2)}.item-codes{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.item-code{background:var(--neutral-bg);color:var(--ink);border-radius:var(--radius);font-size:var(--fs-small);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.item-code-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.item-status{border-radius:var(--radius-card);border:1px solid var(--line);background:var(--neutral-bg);color:var(--ink);align-items:center;gap:12px;padding:12px 14px;display:flex}.item-status>div{flex-direction:column;display:flex}.item-status strong{font-size:var(--fs-section)}.item-status-dot{background:var(--muted);border-radius:50%;flex:none;width:12px;height:12px}.item-status.tone-ok{background:var(--ok-bg);border-color:var(--ok-bg)}.item-status.tone-ok strong{color:var(--ok)}.item-status.tone-ok .item-status-dot{background:var(--ok);box-shadow:0 0 0 4px var(--paper)}.item-status.tone-warn{background:var(--warn-bg);border-color:var(--warn-bg)}.item-status.tone-warn strong{color:var(--warn)}.item-status.tone-warn .item-status-dot{background:var(--warn)}.item-prices{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:10px 28px;padding:14px 0;display:flex}.item-price-main,.item-price-alt{flex-direction:column;gap:2px;display:flex}.item-price-label{font-size:var(--fs-small);color:var(--muted);font-weight:600}.item-price-main .item-price-figure{font-size:var(--fs-price);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.item-price-alt .item-price-figure{font-size:var(--fs-section);font-variant-numeric:tabular-nums;color:var(--ink-2);font-weight:600}.item-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0;display:grid}.item-facts>div{min-width:0}.item-facts .span-all{grid-column:1/-1}.item-facts dt{font-size:var(--fs-small);color:var(--muted);margin:0 0 2px;font-weight:600}.item-facts dd{color:var(--ink);overflow-wrap:break-word;margin:0;font-weight:600}.item-condition{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.item-meter{gap:3px;display:inline-flex}.item-meter i{background:var(--line);border-radius:2px;width:8px;height:14px;display:block}.item-meter i.on{background:var(--ok)}.item-actions{flex-wrap:wrap;gap:10px;display:flex}.item-side{flex-direction:column;gap:16px;min-width:0;display:flex}.item-qr-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;gap:10px;padding:14px;display:flex}.item-qr-card>div{flex-direction:column;gap:4px;display:flex}.item-qr-card span{color:var(--muted);font-size:var(--fs-small)}.item-qr-card button.ghost{align-self:flex-start;min-height:24px;padding:0}.item-qr{align-self:center;width:100%;max-width:200px;height:auto;display:block}.item-qr-paper{fill:var(--paper)}.item-qr-ink{fill:var(--ink)}.item-sizes{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:14px}.page .item-sizes h2{margin:0 0 10px;font-size:15px}.item-sizes ul{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}a.size-chip{border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);background:var(--paper);min-height:var(--tap);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px;text-decoration:none;display:flex}a.size-chip:hover{border-color:var(--brand);text-decoration:none}a.size-chip.is-current{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}a.size-chip.is-out{color:var(--muted);border-style:dashed}a.size-chip.is-current.is-out{color:var(--brand-ink);border-style:solid}.size-chip-size{font-variant-numeric:tabular-nums;font-weight:700}.size-chip-stock{font-size:11px}.item-section{margin-top:26px}.item-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.page .item-section-head h2{margin:0}.journey{border-left:2px solid var(--line);margin:0 0 8px 14px;padding:0;list-style:none}.journey-step{gap:12px;padding:0 0 18px 18px;display:flex;position:relative}.journey-icon{background:var(--paper);border:2px solid var(--line-strong);width:28px;height:28px;color:var(--ink-2);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:0;left:-15px}.journey-step:first-child .journey-icon{border-color:var(--brand);color:var(--ink)}.journey-body{flex-direction:column;gap:2px;min-width:0;padding-left:8px;display:flex}.journey-title{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.journey-where{color:var(--ink-2)}.journey-who,.journey-lot{color:var(--muted);font-size:var(--fs-small)}.journey-reason{color:var(--ink-2);font-size:var(--fs-small);background:var(--neutral-bg);border-radius:var(--radius);align-self:flex-start;max-width:70ch;padding:4px 8px}@media screen and (max-width:1279px){.item-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.item-side{grid-column:1/-1;grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}}@media screen and (max-width:899px){:root{--stage-h:420px;--fs-hero:26px}.item-hero,.item-side{grid-template-columns:minmax(0,1fr)}.item-qr-card{flex-direction:row;align-items:center}.item-qr{flex:none;max-width:120px}}@media screen and (max-width:520px){:root{--stage-h:340px;--fs-price:24px}.item-facts{grid-template-columns:minmax(0,1fr)}.item-actions>button{flex:100%}.find-item-wrap.is-compact{flex-basis:100%}}@media print{.item-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.item-stage{border:0;height:360px}.item-side,.item-thumbs,button.item-stage-nav,.item-stage-count,.lightbox{display:none}}.card-photo{border-radius:var(--radius);max-width:100%;height:auto;display:block}.item-crumbs a,.item-section-head a,.item-gallery.is-empty a{align-items:center;min-height:24px;display:inline-flex}@media screen and (max-width:759px){button{min-width:var(--tap)}button.plain,.row-actions button.plain,.toast button,.item-qr-card button.ghost,.pager button,.cell-add,button.shift,.money-fig,.shell-top button.secondary{min-height:var(--tap)}.split>button.split-more{min-width:var(--tap)}.chip,.link-button,.tab,.seg button{min-height:var(--tap)}.sort{min-height:var(--tap);min-width:var(--tap)}table.data a,.figure a,.item-crumbs a,.item-section-head a,.item-gallery.is-empty a{min-height:var(--tap);min-width:var(--tap);align-items:center;display:inline-flex}table.data td.num a{justify-content:flex-end}table.data td.actions{padding-top:2px;padding-bottom:2px}table.data th:has(>.sort){padding-top:2px;padding-bottom:2px}table.data td:has(>a){padding-top:2px;padding-bottom:2px}.shell-nav a,.nav-group-title,.pop-item,.search-item{min-height:var(--tap)}}