:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafa;--surface:#fff;--surface-soft:#f4f4f5;--surface-hover:#e4e4e7;--ink:#09090b;--muted:#71717a;--line:#e4e4e7;--accent:#18181b;--accent-soft:#f4f4f5;--active-surface:#f4f4f5;--primary:#18181b;--primary-hover:#27272a;--on-accent:#fafafa;--success:#3f3f46;--success-soft:#f4f4f5;--warning:#3f3f46;--warning-soft:#f4f4f5;--danger:#b91c1c;--danger-soft:#fef2f2;--overlay:#09090b66;--shadow:0 16px 60px #09090b1a;--sidebar:232px;--radius:12px;--radius-sm:6px;--space:24px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--surface:#09090b;--surface-soft:#18181b;--surface-hover:#27272a;--ink:#fafafa;--muted:#a1a1aa;--line:#27272a;--accent:#fafafa;--accent-soft:#27272a;--active-surface:#27272a;--primary:#fafafa;--primary-hover:#e4e4e7;--on-accent:#18181b;--success:#d4d4d8;--success-soft:#27272a;--warning:#d4d4d8;--warning-soft:#27272a;--danger:#fca5a5;--danger-soft:#450a0a;--overlay:#09090b99;--shadow:0 16px 60px #0005}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:17px/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;transition:background .15s,border-color .15s}button:disabled{cursor:not-allowed;opacity:.5}:where(button,input,textarea,select,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=checkbox]{accent-color:var(--accent)}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:32px;font-weight:700;line-height:1.25}h2{font-size:20px;font-weight:650;line-height:1.4}h3{font-size:17px}p{line-height:1.65}.muted{color:var(--muted);font-size:14px}.error-text{color:var(--danger)!important}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.eyebrow{color:var(--accent);letter-spacing:1.3px;margin-bottom:8px;font-size:12px;font-weight:700}.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}.sidebar{width:var(--sidebar);z-index:30;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;height:100dvh;padding:28px 16px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{align-items:center;gap:11px;padding:0 12px 28px;display:flex}.brand-mark{background:var(--primary);width:42px;height:42px;color:var(--on-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand strong{letter-spacing:-1px;font-size:30px;line-height:1.1;display:block}.brand-dot{color:var(--muted)}.brand small{color:var(--muted);letter-spacing:1.4px;white-space:nowrap;font-size:9px;font-weight:650}.restaurant-label{border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:24px;padding:12px;font-size:14px;display:flex}.restaurant-dot,.online-dot,.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.nav-heading{color:var(--muted);letter-spacing:1.4px;margin-bottom:8px;padding:0 12px;font-size:10px;font-weight:700}.nav-heading:not(:first-of-type){margin-top:24px}.nav-item{border-radius:var(--radius-sm);width:100%;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:12px;min-height:44px;margin:3px 0;padding:11px 12px;font-size:15px;display:flex}.nav-item:hover{background:var(--surface-soft)}.nav-item.active{background:var(--active-surface);color:var(--accent);font-weight:650}.nav-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:28px}.bot-note{background:var(--surface-soft);border-radius:var(--radius-sm);color:var(--accent);align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex}.bot-note strong{font-size:13px;display:block}.bot-note span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.user{border-top:1px solid var(--line);align-items:center;gap:10px;padding:16px 8px 0;display:flex}.avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:650;display:flex}.user strong{font-size:14px;display:block}.user small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.user>.online-dot{margin-left:auto}.main-shell{margin-left:var(--sidebar)}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;height:72px;padding:0 36px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.breadcrumb strong{color:var(--ink);font-weight:600}.topbar-right{align-items:center;gap:16px;display:flex}.date-label{color:var(--muted);font-size:13px}.language-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:3px;display:inline-flex}.language-toggle button{min-width:36px;min-height:32px;color:var(--muted);background:0 0;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:650}.language-toggle button.active{background:var(--accent-soft);color:var(--accent)}.theme-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:40px;height:40px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--surface-hover)}.content{max-width:1280px;margin:auto;padding:36px 36px 24px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.inventory-page-heading .page-heading>button{white-space:nowrap;flex-shrink:0}.page-heading p:not(.eyebrow){color:var(--muted);max-width:720px;margin-top:9px;font-size:15px}.page-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;margin-top:32px;padding:20px 0;font-size:12px;display:flex}.demo-banner{background:var(--warning-soft);color:var(--warning);justify-content:space-between;gap:10px;padding:8px 36px;font-size:13px;display:flex}.demo-banner button{color:inherit;background:0 0;align-items:center;gap:6px;font-size:12px;display:flex}.mobile-menu,.scrim{display:none}.primary,.secondary,.remove-button{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-size:14px;font-weight:650;display:inline-flex}.primary{background:var(--primary);color:var(--on-accent)}.primary:hover{background:var(--primary-hover)}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.secondary:hover{background:var(--surface-hover)}.small{min-height:36px;padding:7px 11px;font-size:13px}.text-button{color:var(--accent);background:0 0;align-items:center;gap:7px;padding:8px 0;font-size:14px;display:inline-flex}.icon-button{min-width:36px;min-height:36px;color:var(--muted);background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover{background:var(--surface-hover)}.mobile-menu{display:none}.button-group{flex-wrap:wrap;gap:8px;display:flex}.remove-button{border:1px solid var(--danger);background:var(--danger-soft);color:var(--danger);margin-right:auto}.remove-button:hover{background:var(--surface-hover)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-heading{padding:var(--space);justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-heading .muted{margin-top:5px;display:block}.sync-label{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.badge{background:var(--surface-soft);color:var(--muted);white-space:nowrap;border-radius:6px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge.green{background:var(--success-soft);color:var(--success)}.empty-state{text-align:center;color:var(--muted);padding:56px 24px;font-size:15px;line-height:1.8}.modal-overlay{z-index:100;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);width:650px;max-width:100%;max-height:90dvh;box-shadow:var(--shadow);border-radius:16px;overflow-y:auto}.modal-heading{padding:var(--space);border-bottom:1px solid var(--line);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.modal-heading .muted{margin-top:6px}.form-fields{padding:var(--space);grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-field{flex-direction:column;gap:8px;min-width:0;display:flex}.form-field>span{color:var(--muted);font-size:14px}.form-field.full{grid-column:1/-1}.form-field :is(input,select,textarea){border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:44px;padding:10px 12px;font-size:16px}.form-field.checkbox-field{grid-template-columns:22px 1fr;align-items:center;gap:8px 12px;display:grid}.form-field.checkbox-field>input[type=checkbox]{grid-area:1/1;width:20px;height:20px;min-height:20px;padding:0}.form-field.checkbox-field>span{color:var(--ink);grid-area:1/2}.form-field.checkbox-field>small{grid-column:2}.form-field textarea{resize:vertical;line-height:1.7}.modal-footer{padding:18px var(--space);border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex;position:sticky;bottom:0}.toast{z-index:200;background:var(--accent-soft);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:center;gap:12px;min-width:240px;max-width:90vw;padding:14px 18px;font-size:15px;display:flex;position:fixed;bottom:24px;left:calc(50% + 116px);transform:translate(-50%)}.toast span{flex:1}.toast.error{background:var(--danger-soft);color:var(--danger)}.date-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:14px;display:flex}.date-row label,.date-row>span{align-items:center;gap:9px;display:flex}.date-row input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);min-height:42px;padding:9px 10px;font-size:16px}.date-row strong{color:var(--ink);font-weight:500}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;min-width:0;padding:16px 20px;display:flex}.stat-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon.neutral{background:var(--warning-soft);color:var(--warning)}.stat>div>span{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.stat strong{letter-spacing:-.5px;font-size:26px;font-weight:650;line-height:1.1}.stat small{color:var(--muted);margin-left:4px;font-size:14px;font-weight:400}.stat .status-stat{letter-spacing:0;font-size:17px}.list-tools{padding:0 var(--space);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.search-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);width:340px;max-width:100%;min-height:44px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;display:flex}.search-box:focus-within,.quantity-input:focus-within{border-color:var(--accent);outline:2px solid var(--accent-soft)}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:10px 0;font-size:16px}.search-box input::placeholder{color:var(--muted);opacity:1}.selected-filter{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;min-height:40px;font-size:14px;display:flex}.selected-filter input{width:18px;height:18px}.category-tabs{padding:0 var(--space) 18px;gap:6px;display:flex;overflow-x:auto}.category-tabs button{white-space:nowrap;background:var(--surface-soft);min-height:38px;color:var(--muted);border-radius:8px;padding:8px 13px;font-size:14px}.category-tabs button.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.list-header{border-block:1px solid var(--line);background:var(--surface-soft);color:var(--muted);letter-spacing:.8px;text-transform:uppercase;justify-content:space-between;padding:11px 34px 11px 61px;font-size:11px;font-weight:650;display:flex}.item-row{padding:15px var(--space);border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:14px;min-height:78px;display:flex}.ingredient-photo{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;overflow:hidden}.ingredient-photo img{object-fit:contain;width:100%;height:100%;padding:3px}.ingredient-photo.placeholder{background:var(--surface-soft);color:var(--muted)}.item-row.selected{background:var(--accent-soft)}.item-row.disabled{cursor:default}.item-select{cursor:pointer;flex-shrink:0;width:22px;height:22px;position:relative}.item-select input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.custom-check{border:1px solid var(--muted);color:#0000;pointer-events:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.item-select input:checked+.custom-check{background:var(--primary);border-color:var(--primary);color:var(--on-accent)}.item-select input:focus-visible+.custom-check{outline:2px solid var(--accent);outline-offset:3px}.item-description{flex:1;min-width:0}.item-description>strong{font-size:16px;font-weight:600;display:block}.item-description>span{color:var(--muted);margin-top:3px;font-size:13px;display:block}.quantity-input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:text;align-items:center;min-width:118px;max-width:145px;height:44px;display:flex}.quantity-input input{text-align:center;background:0 0;border:0;outline:none;width:72px;padding:8px;font-size:16px}.quantity-input span{color:var(--muted);text-overflow:ellipsis;padding-right:10px;font-size:13px;overflow:hidden}.list-footer{padding:18px var(--space);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.list-footer>span{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.list-footer-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reorder-department-heading{padding:16px var(--space);border-top:1px solid var(--line);background:var(--surface-soft)}.reorder-department-heading h2{font-size:17px;font-weight:700}.reorder-category-heading{padding:12px var(--space);border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.reorder-category-heading h3{font-size:15px;font-weight:600}.reorder-category-heading>span{color:var(--muted);white-space:nowrap;font-size:12px}.tip{color:var(--muted);align-items:center;gap:10px;padding:18px 2px;font-size:13px;display:flex}.tip>span{flex:1}.tip strong{font-weight:600}.tip button{color:var(--accent);background:0 0;align-items:center;gap:5px;font-size:13px;display:flex}.wide{width:100%;margin-bottom:24px}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.recipe-card{text-align:left;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:0;overflow:hidden}.recipe-card:hover{border-color:var(--accent)}.recipe-art{background:var(--accent-soft);height:165px;color:var(--accent);justify-content:center;align-items:center;display:flex;position:relative}.art-1{background:var(--surface-soft);color:var(--ink)}.art-2{background:var(--surface-hover);color:var(--ink)}.recipe-art>svg{stroke-width:1.3px}.recipe-card-body{padding:20px}.recipe-card h2{font-size:19px;line-height:1.4}.recipe-card-link{color:var(--accent);justify-content:space-between;margin-top:18px;font-size:13px;display:flex}.recipe-detail{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px;display:grid}.recipe-detail:has(.recipe-markdown table){grid-template-columns:minmax(0,1fr)}.recipe-detail>.panel{padding:var(--space);min-width:0;height:fit-content}.recipe-detail h2{margin-bottom:20px}.recipe-note{background:var(--surface-soft);border-radius:var(--radius-sm);margin-top:24px;padding:18px}.recipe-note h3{color:var(--accent);margin-bottom:8px}.archived{padding:var(--space);margin-top:24px}.archived h2{margin-bottom:10px}.archived .text-button{justify-content:space-between;width:100%;display:flex}.recipe-art img,.recipe-cover img{object-fit:cover}.recipe-cover{border-radius:var(--radius);background:var(--surface-soft);height:260px;margin-bottom:24px;position:relative;overflow:hidden}.recipe-markdown{color:var(--ink);overflow-wrap:anywhere;font-size:17px;line-height:1.8}.recipe-markdown>:first-child{margin-top:0}.recipe-markdown>:last-child{margin-bottom:0}.recipe-markdown p{font-size:inherit;line-height:inherit;color:inherit;margin:0 0 1em}.recipe-markdown :is(h1,h2,h3,h4,h5,h6){color:var(--ink);margin:1.5em 0 .65em;font-weight:650;line-height:1.4}.recipe-markdown h1{font-size:1.5em}.recipe-markdown h2{font-size:1.3em}.recipe-markdown h3{font-size:1.15em}.recipe-markdown :is(h4,h5,h6){font-size:1em}.recipe-markdown :is(ul,ol){margin:.6em 0 1.2em;padding-left:1.5em}.recipe-markdown li{margin:.4em 0}.recipe-markdown li>p,.recipe-markdown li :is(ul,ol){margin:.3em 0}.recipe-markdown blockquote{border-left:3px solid var(--accent);background:var(--surface-soft);margin:1em 0;padding:.6em 1em}.recipe-markdown a{color:var(--accent);text-decoration:underline}.recipe-markdown code{background:var(--surface-soft);border-radius:4px;padding:.1em .3em;font-size:.9em}.recipe-markdown pre{background:var(--surface-soft);border-radius:var(--radius-sm);padding:1em;overflow-x:auto}.recipe-markdown hr{border:0;border-top:1px solid var(--line);margin:1.5em 0}.recipe-markdown img{border-radius:var(--radius-sm);max-width:100%;height:auto}.recipe-table-scroll{overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:var(--radius-sm);-webkit-overflow-scrolling:touch;max-width:100%;margin:1em 0;overflow-x:auto}.recipe-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recipe-markdown table{white-space:normal;width:100%;min-width:28rem;font-size:16px;line-height:1.6}.recipe-markdown :is(th,td){font-size:inherit;color:var(--ink);vertical-align:top;border:1px solid var(--line);min-width:7rem;padding:12px 15px}.recipe-markdown th{background:var(--surface-soft);font-weight:650}.recipe-markdown tr:nth-child(2n) td{background:var(--surface-soft)}.recipe-note .recipe-markdown{font-size:16px}.management-row{padding:18px var(--space);border-bottom:1px solid var(--line);align-items:center;gap:14px;display:flex}.management-row:last-child{border-bottom:0}.management-row>div{flex:1;min-width:0}.management-row strong{font-size:16px;font-weight:600}.management-row p{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:14px}.entity-icon{background:var(--surface-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bulk-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.select-all,.status-filter{align-items:center;gap:9px;font-size:14px;display:flex}.select-all input,.ingredient-checkbox,.ingredient-section-heading input{cursor:pointer;flex-shrink:0;width:20px;height:20px;margin:0}.status-filter select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:8px 10px;font-size:16px}.selection-count{color:var(--muted);margin-left:auto;font-size:14px}.management-row.bulk-selected{background:var(--accent-soft)}.ingredient-section+.ingredient-section{border-top:1px solid var(--line)}.ingredient-section-heading{padding:14px var(--space);background:var(--surface-soft);border-bottom:1px solid var(--line);align-items:center;gap:14px;display:flex}.ingredient-section-heading h2{overflow-wrap:anywhere;flex:1;font-size:15px;line-height:1.6}.ingredient-section-heading>span{color:var(--muted);white-space:nowrap;font-size:12px}.publication{margin-bottom:22px}.publication>.muted{padding:0 var(--space) 16px}.publication h2 .badge{vertical-align:middle;margin-left:6px}.supplier-message-grid{padding:0 var(--space) var(--space);grid-template-columns:1fr 1fr;gap:16px;display:grid}.supplier-message{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px;overflow:hidden}.message-heading{color:var(--muted);align-items:center;gap:8px;display:flex}.message-heading strong{color:var(--ink);flex:1;font-size:14px}.supplier-message pre{font:15px/1.8 var(--font);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}.supplier-message .error-text{font-size:13px}.purchase-list-view .supplier-message-grid{grid-template-columns:1fr;padding:0}.table-panel{margin-bottom:20px;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{padding:14px var(--space);background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:600}td{padding:16px var(--space);border-top:1px solid var(--line);color:var(--ink);font-size:15px}td strong{font-weight:600}.table-panel tfoot{background:var(--surface-soft);font-weight:650}.salary-employee{cursor:pointer}.salary-employee:hover{background:var(--surface-soft)}.salary-expand{color:var(--ink);text-align:left;background:0 0;align-items:center;gap:10px;min-height:32px;display:inline-flex}.salary-expand svg{color:var(--muted);flex-shrink:0}.salary-shift-table{background:var(--surface);border:1px solid var(--line);max-width:720px}.salary-shift-table th,.salary-shift-table td{padding:12px 16px}.salary-shift-table .salary-hours{text-align:right}.salary-clock-date{color:var(--muted);margin-left:8px;font-size:12px}.salary-empty{padding-block:8px}.hours-format{margin-top:4px;font-size:11px;font-weight:400;display:block}.timesheet-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.month-switch{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;padding:4px;display:flex}.month-switch input{max-width:200px;color:var(--ink);font:inherit;background:0 0;border:0;padding:8px}.timesheet-tabs{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex}.timesheet-tabs button{color:var(--muted);background:0 0;border-radius:6px;padding:10px 14px;font-size:15px;font-weight:600}.timesheet-tabs .active{background:var(--surface);color:var(--accent)}.timesheet-toolbar>.secondary{margin-left:auto}.timesheet-help{color:var(--muted);margin:18px 0;font-size:14px;line-height:1.65}.timesheet-review{padding:var(--space);margin:20px 0}.timesheet-review h2{margin-bottom:10px}.timesheet-issue{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 0;display:flex}.tips-form{padding:var(--space);flex-wrap:wrap;align-items:flex-end;gap:20px;margin:18px 0;display:flex}.tips-form .form-field{flex:1;min-width:200px;max-width:420px}.tips-form+.muted{margin:18px 0}.payroll-payment-panel{margin-top:18px}.payroll-adjustment-form{align-items:center;gap:8px;min-width:230px;display:flex}.payroll-adjustment-form input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-variant-numeric:tabular-nums;width:145px;min-height:38px;padding:7px 9px}.payroll-create-payment{white-space:nowrap;justify-content:center;width:178px;min-width:178px;position:relative}.payment-button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite payment-spin;position:absolute;right:11px}@keyframes payment-spin{to{transform:rotate(360deg)}}.payroll-paid-button{min-width:105px}.payroll-payment-selected td{background:var(--surface-soft)}.payroll-payment-card{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;padding:24px;display:flex}.payroll-payment-card>div:first-child{min-width:220px}.payroll-payment-card h2{margin-bottom:8px}.payroll-payment-card .payment-qr{width:260px}.payroll-payment-total{font-variant-numeric:tabular-nums;margin-top:8px;font-size:26px;display:block}.default-time{border-left:2px solid var(--muted);color:var(--accent);margin-top:4px;padding-left:6px;font-size:12px;display:block}.shift-day-heading th{background:var(--accent-soft);color:var(--accent);text-align:left;border-top:1px solid var(--line);font-weight:650}.attendance-source{margin-top:4px;font-size:12px;display:block}.shift-bulk-toolbar{border:0;border-top:1px solid var(--line);padding:12px var(--space);border-radius:0;margin:0}.shift-select-column{width:48px;min-width:48px;text-align:center!important}.shift-select-column input{cursor:pointer;width:20px;height:20px}.shift-selected td,.attendance-highlight td{background:var(--accent-soft)}.date-group-toggle{text-align:left;width:100%;min-height:40px;color:inherit;font:inherit;background:0 0;align-items:center;gap:10px;padding:4px 0;display:flex}.date-group-toggle svg{color:var(--muted);flex-shrink:0}.date-group-toggle small{font-size:13px;font-weight:400}.attendance-date-heading .date-group-toggle{flex:1;width:auto}.attendance-date-heading>.primary{flex-shrink:0}.attendance-date-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.attendance-date-heading>button{margin-left:auto}.attendance-day-group{scroll-margin-top:100px}.review-jump{width:100%;color:var(--ink);font:inherit;text-align:left;background:0 0}.review-jump:hover{background:var(--surface-hover)}.welcome{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.welcome-card{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;width:480px;max-width:100%;padding:36px}.welcome-card .brand-mark{border-radius:16px;width:60px;height:60px;margin-bottom:24px}.welcome-card h1{font-size:28px}.clock-controls{justify-content:flex-end;gap:12px;margin-bottom:24px;display:flex}.clock-verify{justify-content:center;width:100%;margin-top:24px}.welcome-card .clock-hint{font-size:14px}.welcome-card p:not(.eyebrow){color:var(--muted);margin-top:16px;font-size:16px}.welcome-hint{text-align:left;border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--muted);align-items:center;gap:12px;margin:24px 0;padding:16px;font-size:14px;line-height:1.7;display:flex}.welcome-hint svg{color:var(--accent);flex-shrink:0}.language{color:var(--muted);background:0 0;padding:10px;font-size:14px}.web-login-link{max-width:300px;margin:20px auto;text-decoration:none;display:flex}.inventory-miniapp .main-shell{margin-left:0}.inventory-miniapp .content{max-width:1000px}.inventory-miniapp .breadcrumb>span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.inventory-miniapp .toast{left:50%}@media (max-width:1100px){.content,.topbar,.demo-banner{padding-inline:24px}.stat{padding:16px}.supplier-message-grid{grid-template-columns:1fr}}@media (max-width:800px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-shell{margin-left:0}.mobile-menu{display:flex}.scrim{z-index:25;background:var(--overlay);display:block;position:fixed;inset:0}.topbar{height:64px;padding-inline:20px}.date-label{display:none}.topbar-right{gap:8px}.content{padding:28px 20px 20px}.demo-banner{padding-inline:20px}h1{font-size:28px}.stats-grid{gap:8px}.stat{gap:10px;padding:14px}.stat-icon{width:32px;height:32px}.stat strong{font-size:24px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-detail{grid-template-columns:minmax(0,1fr)}.toast{left:50%}}@media (max-width:600px){.timesheet-tabs{order:3;width:100%;overflow-x:auto}.timesheet-tabs button{white-space:nowrap;flex:1;padding:10px;font-size:14px}.timesheet-toolbar{gap:10px}.month-switch input{max-width:160px}}@media (max-width:480px){:root{--space:16px}.content{padding:24px 14px 20px}.topbar{padding-inline:14px}.breadcrumb>span,.breadcrumb>svg{display:none}.demo-banner{padding:8px 14px;font-size:12px}h1{font-size:27px}.page-heading{align-items:flex-start;gap:12px}.page-heading p:not(.eyebrow){font-size:14px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stat{padding:14px}.stat-icon{display:none}.stat:last-child{grid-column:1/-1}.stat:last-child>div{justify-content:space-between;align-items:center;width:100%;display:flex}.stat:last-child>div>span{margin:0}.date-row{flex-wrap:wrap;font-size:13px}.date-row label{justify-content:space-between;width:100%}.date-row>span{margin-left:auto}.panel-heading{align-items:flex-start;gap:10px}.panel-heading h2{font-size:18px}.sync-label{white-space:normal;max-width:110px;line-height:1.5}.list-tools{flex-wrap:wrap;gap:8px}.search-box{width:100%}.category-tabs{gap:6px;padding-bottom:16px}.list-header{padding:10px 22px 10px 54px}.item-row{gap:10px}.ingredient-photo{flex-basis:40px;width:40px;height:40px}.quantity-input{min-width:98px;max-width:116px}.quantity-input input{width:61px;padding:6px}.quantity-input span{padding-right:7px;font-size:12px}.list-footer .primary{width:100%}.list-footer-actions{flex-direction:column;align-items:stretch;width:100%}.inventory-page-heading .page-heading{flex-wrap:wrap}.inventory-page-heading .page-heading>div{width:100%}.inventory-page-heading .page-heading>button{justify-content:center;width:100%}.recipe-grid{grid-template-columns:1fr}.recipe-art{height:180px}.management-row{flex-wrap:wrap;gap:10px}.entity-icon{width:30px;height:30px}.management-row>div{min-width:145px}.management-row .secondary{margin-left:40px}.management-row .ingredient-checkbox~.secondary{margin-left:70px}.bulk-toolbar{gap:12px;padding:14px}.selection-count{margin-left:0}.ingredient-section-heading{gap:10px}.modal-overlay{padding:10px}.form-fields{grid-template-columns:1fr;gap:18px}.form-field.full{grid-column:auto}.modal-heading h2{font-size:18px}.modal-footer .primary,.modal-footer .secondary{flex:1}.publication .panel-heading,.message-heading{flex-wrap:wrap}.table-panel :is(th,td){padding:14px 16px}.tip{flex-wrap:wrap}.page-footer{font-size:11px}.welcome-card{padding:28px 20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.responsive-sheet{border:0;border-left:1px solid var(--line);background:var(--surface);width:min(720px,95vw);max-width:none;height:100dvh;max-height:100dvh;color:var(--ink);box-shadow:var(--shadow);margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow:hidden}.responsive-sheet::backdrop{background:var(--overlay)}.responsive-sheet[open]{flex-direction:column;animation:.18s ease-out sheet-in;display:flex}.sheet-heading{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.sheet-heading h2{margin:0;font-size:22px}.sheet-heading p{margin:6px 0 0;font-size:14px}.sheet-body{overscroll-behavior:contain;flex:1;min-height:0;padding:24px;overflow:auto}.sheet-body h3{margin:24px 0 14px}.sheet-handle{display:none}.sheet-salary-summary{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:18px;display:flex}.sheet-salary-summary div{gap:5px;display:grid}.sheet-salary-summary span{color:var(--muted);font-size:13px}.sheet-salary-summary strong{font-size:22px}.sheet-salary-summary button{margin-left:auto}@keyframes sheet-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width:600px){.responsive-sheet{border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;width:100%;height:85dvh;inset:auto 0 0}.responsive-sheet[open]{animation:.18s ease-out sheet-up}.sheet-handle{background:var(--line);border-radius:8px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0;display:block}.sheet-heading{padding:16px 20px}.sheet-body{padding:20px 16px max(20px,env(safe-area-inset-bottom))}.sheet-body .salary-shift-table th,.sheet-body .salary-shift-table td{padding:10px 8px}.sheet-salary-summary{gap:16px}.sheet-salary-summary strong{font-size:19px}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.responsive-sheet[open]{animation:none}}.claims-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-block:20px}.claims-stats .stat strong{font-size:24px}.claim-selection{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:20px 24px;display:flex}.claim-selection p{margin:8px 0}.claim-reimbursement-breakdown{color:var(--muted);flex-wrap:wrap;gap:8px 20px;font-size:13px;display:flex}.claim-row{cursor:pointer}.claim-row:hover{background:var(--surface-soft)}.claim-caption{white-space:normal;min-width:180px;max-width:320px}.claim-caption .text-button{text-align:left;line-height:1.5}.receipt-thumbnail{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;width:48px;height:48px;padding:0;overflow:hidden}.receipt-thumbnail img{object-fit:cover;width:100%;height:100%}.claim-receipt{object-fit:contain;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;width:100%;max-width:100%;max-height:55dvh;display:block}.claim-detail-meta{flex-wrap:wrap;align-items:center;gap:16px;margin:20px 0;display:flex}.claim-detail-meta strong{font-size:24px}.claim-detail-meta p{width:100%}.claim-form{padding:0}.claim-editor-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.claim-editor-actions .remove-button{margin-right:auto}@media (max-width:600px){.claims-stats{grid-template-columns:1fr;gap:10px}.claims-stats .stat{padding:16px}.claim-selection{flex-direction:column;align-items:stretch;padding:16px}.claim-form{grid-template-columns:1fr}}.claim-group-heading th{background:var(--surface-soft);white-space:normal}.claim-group-heading th>div{align-items:center;gap:14px;display:flex}.claim-group-heading .muted{margin-left:auto;font-size:13px;font-weight:400}.inline-claim-amount{width:150px}.inline-claim-amount input{font-variant-numeric:tabular-nums;width:100%;padding:9px 10px}.inline-claim-amount small{white-space:normal;margin-top:4px;font-size:11px;line-height:1.4;display:block}.receipt-hover-preview{z-index:1000;pointer-events:none;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;padding:8px;position:fixed}.receipt-hover-preview img{object-fit:contain;width:100%;height:100%;display:block}.claim-payment-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin-bottom:20px;display:grid}.claim-payment{flex-direction:column;align-items:flex-start;gap:16px;padding:24px;display:flex}.claim-payment h3{margin:0 0 8px;font-size:18px}.claim-payment p{overflow-wrap:anywhere;margin:8px 0 0;font-size:13px}.claim-payment-total{font-variant-numeric:tabular-nums;font-size:24px}.payment-qr{border:1px solid var(--line);background:#fff;border-radius:8px;align-self:center;width:280px;max-width:100%;height:auto;display:block}.claim-bank-details{overflow-wrap:anywhere;gap:5px;display:grid}.claim-bank-details small{margin-top:8px}.claim-selection .muted{font-size:13px}.inline-claim-amount input{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:8px;font-size:14px}.inline-claim-amount input:focus{outline:2px solid var(--ink);outline-offset:2px}.inline-claim-amount input[aria-invalid=true]{border-color:var(--danger)}.claim-payment a{text-decoration:none}.claim-amount-input[type=number]{appearance:textfield}.claim-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.claim-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.recipe-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.recipe-toolbar .search-box{flex:1;min-width:min(260px,100%);max-width:none;margin:0}.recipe-sort{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);gap:4px;padding:4px;display:flex}.recipe-sort button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:9px 14px;font-size:14px}.recipe-sort button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000000d}.recipe-sort button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.recipe-sort-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recipe-sort-label{color:var(--muted);white-space:nowrap;font-size:14px}.image-upload-control{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.editor-photo-preview{object-fit:contain;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;width:220px;max-width:100%;height:160px;display:block}.editor-field-group{display:contents}.employee-form-section{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0;display:grid}.employee-form-section+.employee-form-section{border-top:1px solid var(--line);padding-top:24px}.employee-form-section>h3{grid-column:1/-1;margin:0;font-size:16px;font-weight:600}@media (max-width:600px){.employee-form-section{grid-template-columns:minmax(0,1fr);gap:18px}}.employee-name-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.role-pill{border-radius:999px}.employee-telegram-line{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:4px;font-size:14px;display:flex}.invite-link{text-underline-offset:3px;text-align:left;padding:0;text-decoration:underline}.employee-invitation{gap:18px;min-width:0;display:grid}.employee-invitation .button-group{flex-wrap:wrap}.employee-invitation .primary{text-decoration:none}.ingredient-bulk-toolbar{top:max(12px, env(safe-area-inset-top,0px));z-index:20;position:sticky;box-shadow:0 4px 16px #09090b12}.ingredient-selection{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}.ingredient-selection .selection-count{margin-left:0}@media (max-width:600px){.ingredient-bulk-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.ingredient-bulk-toolbar .status-filter{justify-self:end;min-width:0}.ingredient-bulk-toolbar .status-filter>span{display:none}.ingredient-selection{flex-direction:column;align-items:flex-start;gap:2px;margin-left:0}.ingredient-selection .text-button{padding:0;font-size:13px}.ingredient-bulk-action{justify-self:end}}.supplier-filter{min-width:0;position:relative}.supplier-filter-trigger{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);text-align:left;align-items:center;gap:8px;width:100%;max-width:280px;min-height:44px;padding:8px 10px;font-size:14px;display:flex}.supplier-filter-label{color:var(--muted)}.supplier-filter-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.supplier-filter-trigger svg{flex-shrink:0;margin-left:auto}.supplier-filter-popover{z-index:1;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:min(320px,100vw - 56px);box-shadow:var(--shadow);padding:8px;position:absolute;top:calc(100% + 8px);left:0}.supplier-filter-options{overscroll-behavior:contain;max-height:min(280px,35dvh);overflow-y:auto}.supplier-filter-option{cursor:pointer;overflow-wrap:anywhere;align-items:flex-start;gap:10px;padding:10px 8px;font-size:14px;display:flex}.supplier-filter-option:hover{background:var(--surface-soft)}.supplier-filter-option input{flex-shrink:0;width:18px;height:18px;margin:2px 0 0}.supplier-filter-all{border-bottom:1px solid var(--line);margin-bottom:4px}@media (max-width:600px){.ingredient-bulk-toolbar .supplier-filter{grid-column:1/-1}.supplier-filter-trigger{max-width:none}.supplier-filter-popover{width:100%}}.review-notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);gap:6px;margin-bottom:20px;padding:16px 20px;display:grid}.review-notice>span{color:var(--muted);font-size:14px}.review-notice p{margin:0;font-size:14px;line-height:1.6}.claim-selection-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.claim-selection-actions .remove-button{margin-right:0}.sidebar nav .nav-heading{text-transform:uppercase;margin-top:20px;margin-bottom:6px}.sidebar nav .nav-heading:first-child{margin-top:0}.sidebar nav .nav-item{min-height:40px;padding-top:8px;padding-bottom:8px}.finance-tabs{border-bottom:1px solid var(--line);gap:24px;margin-bottom:24px;display:flex;overflow:auto}.finance-tabs>button{color:var(--muted);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 0;font-size:15px;display:flex}.finance-tabs>button.active{border-color:var(--ink);color:var(--ink);font-weight:600}.tab-count{background:var(--surface-soft);border-radius:5px;padding:1px 7px;font-size:12px}.finance-period{align-items:center;gap:16px;margin-bottom:24px;display:flex}.overview-stats{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;display:grid}.overview-stats .stat{box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;padding:20px;display:block}.overview-stats .stat+.stat{border-left:1px solid var(--line)}.overview-stats .stat-icon{display:none}.overview-stats .stat strong{white-space:normal;overflow-wrap:anywhere;font-size:24px}.overview-stats .stat strong small{color:var(--muted);letter-spacing:0;margin:8px 0 0;font-size:12px;font-weight:400;display:block}.overview-columns{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.overview-panel{min-width:0;padding:24px}.overview-panel>h2{margin-bottom:8px}.overview-actions{margin-top:16px}.overview-actions>button{text-align:left;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:12px;width:100%;padding:16px 0;display:flex}.overview-actions>button:last-child{border:0}.overview-actions>button>span{flex:1}.overview-actions strong{font-size:14px;display:block}.overview-actions small{color:var(--muted);margin-top:4px;display:block}.overview-empty{text-align:center;color:var(--muted);padding:48px 16px;font-size:14px}.overview-empty p{margin-top:12px}.expense-breakdown{gap:20px;margin-top:24px;display:grid}.expense-breakdown>div>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.expense-bar{background:var(--surface-soft);border-radius:3px;height:5px;overflow:hidden}.expense-bar span{background:var(--ink);border-radius:3px;height:100%;display:block}.connection-callout{align-items:center;gap:20px;padding:24px;display:flex}.connection-callout>div:nth-child(2){flex:1}.connection-callout h2{font-size:17px}.connection-icon{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.finance-footnote{color:var(--muted);max-width:900px;margin-top:24px;font-size:12px}.finance-footnote p+p{margin-top:8px}.expense-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:24px 0 12px;display:flex}.expense-controls .search-box{flex:240px;min-height:44px}.expense-controls .month-switch{align-self:flex-end;height:44px}.expense-filter{flex-direction:column;gap:4px;display:flex}.expense-filter>span{color:var(--muted);font-size:12px}.expense-filter select{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);max-width:210px;height:44px;padding:8px 28px 8px 10px;font-size:13px}.expense-help{margin-bottom:16px}.expense-summary .stat{padding:16px 20px}.expense-summary .stat strong{font-size:22px}.expense-selection{z-index:8;position:sticky;top:12px;box-shadow:0 3px 12px #09090b0c}.expense-table{min-width:1100px}.expense-table th{font-size:12px}.expense-table td{font-size:14px}.expense-table .claim-caption{min-width:150px;max-width:220px}.expense-table .claim-amount-input{width:124px}.sheet-wide{width:min(1100px,96vw)}.expense-review-layout{grid-template-columns:1.1fr 1fr;gap:28px;display:grid}.expense-receipt-pane{min-width:0}.expense-receipt-pane .claim-receipt{object-fit:contain;border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;max-width:100%;max-height:none}.expense-receipt-pane p{margin-top:12px}.expense-review-fields{align-content:start}.expense-review-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.sales-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:360px;padding:40px 24px;display:flex}.sales-empty p{max-width:520px}.integration-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.integration-card{padding:24px}.integration-card>svg{margin-bottom:16px}.integration-heading{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.integration-card p+p{margin-top:12px}.integration-meta{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;font-size:13px;display:flex}.integration-meta>span{color:var(--muted)}@media (max-width:1100px){.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stats .stat:nth-child(3){border-left:0;border-top:1px solid var(--line)}.overview-stats .stat:nth-child(4){border-top:1px solid var(--line)}.overview-columns{gap:16px}.integration-grid{grid-template-columns:1fr}}@media (max-width:760px){.overview-columns{grid-template-columns:1fr}.connection-callout{flex-wrap:wrap;gap:12px}.connection-callout>div:nth-child(2){flex-basis:calc(100% - 70px)}.connection-callout>button{width:100%}.overview-panel{padding:20px}.finance-period .muted{display:none}.expense-controls .search-box{flex-basis:100%}.expense-filter{flex:1}.expense-filter select{width:100%;max-width:none}.expense-review-layout{grid-template-columns:1fr}.expense-receipt-pane .claim-receipt{background:var(--surface-soft);max-height:45dvh}.expense-review-actions{flex-wrap:wrap}.expense-review-actions>.button-group{flex-wrap:wrap;width:100%}.expense-review-actions>.button-group button{flex:1}.overview-stats .stat{padding:16px}.overview-stats .stat strong{font-size:21px}.expense-selection{top:6px}.sheet-wide{width:100%}}.expense-mobile-meta{display:none}@media (max-width:760px){.expense-table{width:100%;min-width:0}.expense-table th,.expense-table td{padding:12px 8px}.expense-table .claim-caption{min-width:0;max-width:none}.expense-table .claim-caption .text-button{text-align:left;font-size:14px;font-weight:600}.expense-mobile-meta{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.6;display:block}.expense-table:not(.expense-table-manage) th:first-child,.expense-table:not(.expense-table-manage) td:first-child,.expense-table:not(.expense-table-manage) th:nth-child(4),.expense-table:not(.expense-table-manage) td:nth-child(4),.expense-table:not(.expense-table-manage) th:nth-child(5),.expense-table:not(.expense-table-manage) td:nth-child(5),.expense-table:not(.expense-table-manage) th:nth-child(7),.expense-table:not(.expense-table-manage) td:nth-child(7),.expense-table:not(.expense-table-manage) th:nth-child(8),.expense-table:not(.expense-table-manage) td:nth-child(8),.expense-table-manage th:nth-child(2),.expense-table-manage td:nth-child(2),.expense-table-manage th:nth-child(5),.expense-table-manage td:nth-child(5),.expense-table-manage th:nth-child(6),.expense-table-manage td:nth-child(6),.expense-table-manage th:nth-child(8),.expense-table-manage td:nth-child(8),.expense-table-manage th:nth-child(9),.expense-table-manage td:nth-child(9){display:none}.expense-table .claim-amount-input{width:96px;max-width:100%}.expense-table .receipt-thumbnail{width:36px;height:44px}.expense-table .claim-group-heading th:first-child{display:table-cell}.expense-table .claim-group-heading div{flex-wrap:wrap}}.sales-source-note{max-width:1000px;margin:16px 0 24px}.sales-notice{align-items:center;gap:8px;margin:16px 0;display:flex}.sales-daily-chart{align-items:flex-end;gap:6px;height:150px;margin:26px 0 30px;padding:0 2px;display:flex}.sales-day{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex;position:relative}.sales-day-bar{background:var(--ink);opacity:.8;border-radius:3px 3px 0 0;width:100%;min-width:3px}.sales-day:hover .sales-day-bar{opacity:1}.sales-day-label{color:var(--muted);font-size:10px;position:absolute;bottom:-24px}.sales-invoice-table{min-width:850px}.sales-invoice-table th,.sales-invoice-table td{font-size:13px}.sales-invoice-table .text-button{font-size:14px;font-weight:600}.sales-invoice-mobile{display:none}.sales-pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.sales-file-name{overflow-wrap:anywhere;max-width:320px}.sales-preview-summary{grid-template-columns:1fr 1fr;align-items:start;gap:12px 24px;margin:24px 0;display:grid}.sales-preview-summary>span{color:var(--muted);font-size:14px}.sales-preview-summary>strong{text-align:right;font-size:15px}.sales-detail-meta{color:var(--muted);flex-wrap:wrap;gap:12px 28px;font-size:14px;display:flex}.sales-detail-meta strong{color:var(--ink);font-weight:500}.sales-detail-amount{flex-direction:column;gap:6px;padding:12px 0;display:flex}.sales-detail-amount>span{color:var(--muted);font-size:13px}.sales-detail-amount>strong{font-size:20px}.sales-sku{margin-top:4px;display:block}@media (max-width:760px){.sales-invoice-table{width:100%;min-width:0}.sales-invoice-table th,.sales-invoice-table td{padding:14px 12px}.sales-invoice-table th:nth-child(2),.sales-invoice-table td:nth-child(2),.sales-invoice-table th:nth-child(3),.sales-invoice-table td:nth-child(3),.sales-invoice-table th:nth-child(4),.sales-invoice-table td:nth-child(4),.sales-invoice-table th:nth-child(5),.sales-invoice-table td:nth-child(5),.sales-invoice-table th:nth-child(7),.sales-invoice-table td:nth-child(7){display:none}.sales-invoice-table td:last-child{white-space:nowrap}.sales-invoice-mobile{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.6;display:block}.sales-daily-chart{gap:4px}.sales-day-label{font-size:8px}.sales-preview-summary{gap:12px}.sales-preview-summary>strong{font-size:14px}.sales-detail-amount>strong{font-size:17px}}.flashcard-progress{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.flashcard-progress progress{min-width:80px;height:6px;accent-color:var(--ink);flex:1}.flashcard{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid;overflow:hidden}.flashcard-receipt{background:var(--surface-soft);border-right:1px solid var(--line);min-width:0;padding:20px}.flashcard-receipt a{height:100%;display:block}.flashcard-receipt img{object-fit:contain;width:100%;height:100%;min-height:340px;max-height:calc(100dvh - 240px);display:block}.flashcard-details{flex-direction:column;gap:20px;min-width:0;padding:24px;display:flex}.flashcard-person{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.flashcard-details .form-fields{gap:16px}.flashcard-details .claim-amount-input{width:100%}.flashcard-categories,.flashcard-payer{border:0;min-width:0;margin:0;padding:0}.flashcard-categories legend,.flashcard-payer legend{margin-bottom:10px;font-size:13px;font-weight:600}.flashcard-categories>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.flashcard-categories button,.flashcard-payer button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);text-align:left;justify-content:space-between;align-items:center;gap:6px;min-height:48px;padding:12px;font-size:14px;display:flex}.flashcard-payer button.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--surface-soft)}.flashcard-payer>div{gap:8px;display:flex}.flashcard-payer button{flex:1}.flashcard-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:20px;display:flex}.flashcard-actions .text-button{align-items:center;gap:6px;font-size:13px;display:flex}.flashcard-complete{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}@media (max-width:900px){.flashcard{grid-template-columns:1fr}.flashcard-receipt{border-right:0;border-bottom:1px solid var(--line);padding:12px}.flashcard-receipt img{height:40dvh;min-height:180px;max-height:420px}.flashcard-details{padding:20px}.flashcard-actions>.button-group{width:100%}.flashcard-actions>.button-group button{flex:1}.flashcard-progress{font-size:12px}}.flashcard-categories button{--category-saturation:60%;background:hsl(var(--category-hue) var(--category-saturation) 96%);color:hsl(var(--category-hue) var(--category-saturation) 25%);border-color:hsl(var(--category-hue) var(--category-saturation) 82%)}.flashcard-categories [data-category=vegetables_fruits]{--category-hue:145}.flashcard-categories [data-category=meat_dairy]{--category-hue:350}.flashcard-categories [data-category=rent_utilities]{--category-hue:205}.flashcard-categories [data-category=dry]{--category-hue:40}.flashcard-categories [data-category=equipment]{--category-hue:275}.flashcard-categories [data-category=supplies]{--category-hue:175}.flashcard-categories [data-category=staff]{--category-hue:235}.flashcard-categories button[data-category=others]{--category-hue:215;--category-saturation:12%}.flashcard-categories button:hover:not(:disabled),.flashcard-categories button.selected{background:hsl(var(--category-hue) var(--category-saturation) 90%);border-color:currentColor}.flashcard-categories button.selected{box-shadow:inset 0 0 0 1px}.flashcard-category-label{align-items:center;gap:8px;display:inline-flex}.flashcard-category-label>span{flex-shrink:0;font-size:19px}.flashcard-categories button>svg{flex-shrink:0}:root[data-theme=dark] .flashcard-categories button{background:hsl(var(--category-hue) var(--category-saturation) 13%);color:hsl(var(--category-hue) var(--category-saturation) 82%);border-color:hsl(var(--category-hue) var(--category-saturation) 30%)}:root[data-theme=dark] .flashcard-categories button:hover:not(:disabled),:root[data-theme=dark] .flashcard-categories button.selected{background:hsl(var(--category-hue) var(--category-saturation) 22%);border-color:currentColor}.expense-extra-fields summary{cursor:pointer;color:var(--muted);font-size:13px}.expense-extra-fields[open]>.form-fields{margin-top:16px}
