label{color:var(--text);font-size:14px;font-weight:500}.g-button,.o-button,.r-button,.s-button,.s-input::file-selector-button,.s-select::file-selector-button,.y-button{align-items:center;background-color:var(--s-button);border:1px solid var(--s-button-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);box-sizing:border-box;color:var(--s-button-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;height:32px;justify-content:center;padding:0 12px;text-align:center;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;user-select:none;white-space:nowrap}.g-button:active,.o-button:active,.r-button:active,.s-button:active,.s-input:active::file-selector-button,.s-select:active::file-selector-button,.y-button:active{box-shadow:var(--shadow-sm);filter:brightness(.95)}.s-button{background-color:var(--s-button)}.s-button:hover{background-color:var(--s-button-hover);border-color:var(--border-strong)}.s-button:disabled{background-color:var(--s-button-disabled);border-color:var(--s-button-border-disabled);box-shadow:none;color:var(--s-button-color-disabled);cursor:not-allowed;filter:none}.s-button:disabled:active{box-shadow:none}.g-button{background-color:var(--g-button);border-color:var(--primary-border)}.g-button:hover{background-color:var(--g-button-hover)}.y-button{background-color:var(--y-button);border-color:var(--y-button-border)}.y-button:hover{background-color:var(--y-button-hover)}.r-button{background-color:var(--r-button);border-color:var(--r-button-border)}.r-button:hover{background-color:var(--r-button-hover)}.o-button{background-color:var(--o-button);border-color:var(--o-button-border)}.o-button:hover{background-color:var(--o-button-hover)}:focus-visible{outline:2px solid var(--focused);outline-offset:2px}.s-input,.s-select{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:var(--text);font-family:inherit;font-size:14px;height:32px;padding:4px 10px;transition:border-color .15s ease,box-shadow .15s ease}.s-input:focus,.s-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent);outline:none}.s-input[type=file],.s-select[type=file]{height:unset}.s-input::file-selector-button,.s-select::file-selector-button{background-color:var(--s-button)}.s-input::file-selector-button:hover,.s-select::file-selector-button:hover{background-color:var(--s-button-hover)}.s-input:disabled,.s-select:disabled{background-color:var(--surface-2);border-color:var(--border);color:var(--text-muted);cursor:not-allowed}.s-input:disabled::file-selector-button,.s-select:disabled::file-selector-button{background-color:var(--s-button-disabled);border-color:var(--s-button-border-disabled);color:var(--s-button-color-disabled);cursor:not-allowed}.input-addon{text-wrap:nowrap;align-content:center;background-color:var(--surface-2);border:1px solid var(--border);box-sizing:border-box;color:var(--text-muted);font-size:14px;height:32px;padding:4px 10px}.input-group{display:flex;flex-direction:row}.input-group .input-addon,.input-group .s-input,.input-group .s-select{border-radius:0}.input-group .input-addon:first-child,.input-group .s-input:first-child,.input-group .s-select:first-child{border-radius:var(--radius) 0 0 var(--radius)}.input-group .input-addon:last-child,.input-group .s-input:last-child,.input-group .s-select:last-child{border-radius:0 var(--radius) var(--radius) 0}.input-group .input-addon:first-child:last-child,.input-group .s-input:first-child:last-child,.input-group .s-select:first-child:last-child{border-radius:var(--radius)}.input-group .s-input,.input-group .s-select{flex-grow:1}.input-group .input-addon,.input-group .s-input,.input-group .s-select{border-right:none}.input-group .input-addon:last-child,.input-group .s-input:last-child,.input-group .s-select:last-child{border-right:1px solid var(--border)}.s-check{appearance:none;background-color:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;height:18px;min-width:18px;position:relative;transition:background-color .15s ease,border-color .15s ease;width:18px}.s-check:checked{background-color:var(--primary);border-color:var(--primary)}.s-check:checked:after{background-image:url(check.svg);content:"";height:12px;left:2px;position:absolute;top:2px;width:12px}.s-check:hover:not(:checked){background-color:var(--surface-3);border-color:var(--primary)}.s-text{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:var(--text);font-family:inherit;font-size:14px;height:100%;min-width:400px;padding:8px;text-align:left}.s-text-expand{field-sizing:content}.account-container{align-items:center;margin-top:48px}.account-box,.account-container{display:flex;flex-direction:column;justify-content:center}.account-box{align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:calc(100vw - 32px);padding:32px;width:340px}.account-header{color:var(--text);font-size:22px;font-weight:700;margin:0 0 24px;text-align:center}.account-form{display:flex;flex-direction:column;gap:12px}.account-error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius);color:var(--color-error)}.account-error,.account-message{box-sizing:border-box;font-size:14px;margin-bottom:8px;max-width:calc(100vw - 32px);padding:10px 14px;text-align:center;width:340px}.account-message{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius);color:var(--color-success)}.forgot-password{align-self:flex-end;color:var(--primary);font-size:13px;text-decoration:none;&:hover{text-decoration:underline}}.account-form .s-input{width:100%}.account-form .s-button{background-color:var(--primary);border-color:var(--primary);color:#fff;font-size:15px;height:38px;margin-top:4px;width:100%;&:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}}.admin-table{border:1px solid var(--border);border-collapse:collapse;border-radius:var(--radius-lg);font-size:14px;margin:16px 0;overflow:hidden;text-align:left;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid var(--border);padding:10px 14px}.admin-table td{border-right:1px solid var(--border)}.admin-table td:last-child{border-right:none}.admin-table th{background-color:var(--surface-2);border-right:1px solid var(--border);color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.admin-table th:last-child{border-right:none}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:nth-child(2n){background-color:var(--surface-2)}.admin-table tr:nth-child(odd){background-color:var(--surface)}.admin-table tr:hover{background-color:var(--surface-3)}.drag-handle{color:var(--text-muted);cursor:grab;flex-shrink:0;font-size:16px;line-height:1;padding:0 6px;user-select:none}.drag-handle:active{cursor:grabbing}.batch-form-section{display:flex;flex-direction:row;gap:12px;padding:12px}.batch-step-body{overflow:auto;padding:12px}.batch-actions,.batch-step-body{display:flex;flex-direction:column;gap:8px}.batch-actions{padding:8px 12px}.batch-note{flex-grow:1;height:100%;min-height:100px;min-width:unset;overflow:auto;resize:vertical}.batch-label-bold,.batch-name-input{font-size:16px;font-weight:700}.batch-value-list{display:flex;flex-direction:column}.batch-value-row{align-items:center;cursor:grab;display:flex;flex-direction:row;gap:8px;padding:4px 8px}.batch-value-row:active{cursor:grabbing}.batch-value-row:nth-child(odd){background-color:var(--surface-2)}.batch-value-row:nth-child(2n){background-color:var(--surface)}.batch-value-row.dragging,.dragging{opacity:.5}.batch-drop-zone{background-color:transparent;border:2px dashed transparent;border-radius:var(--radius);min-height:24px;transition:background-color .2s,border-color .2s}.batch-drop-zone.active{background-color:var(--surface-3);border-color:var(--border-strong)}.batch-steps-list{border-block:1px solid var(--border)}.batch-select-multi{min-height:150px;min-width:250px}.batch-step-group{display:flex;flex-direction:column;gap:8px;padding:8px}.batch-step-group-header{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin:0;padding:6px 0;text-transform:uppercase}@media (max-width:700px){.batch-form-section{flex-direction:column}.batch-note{min-height:80px}}.react-calendar{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);font-family:inherit;max-width:340px;overflow:hidden;padding:8px}.react-calendar__navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.react-calendar__navigation button{background:none;border:none;border-radius:var(--radius);color:var(--text);cursor:pointer;font-family:inherit;font-size:1em;font-weight:600;padding:6px 10px;transition:background .15s}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background:var(--surface-2)}.react-calendar__month-view__weekdays{color:var(--text-muted);font-size:.78em;font-weight:600;letter-spacing:.04em;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:6px 0}.react-calendar__tile{background:none;border:none;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:inherit;font-size:.95em;padding:8px 0;text-align:center;transition:background .15s,color .15s}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background:var(--surface-2);color:var(--text)}.react-calendar__century-view__decades__decade,.react-calendar__decade-view__years__year,.react-calendar__year-view__months__month{border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:1em;padding:10px 0;transition:background .15s}.react-calendar__century-view__decades__decade:enabled:hover,.react-calendar__decade-view__years__year:enabled:hover,.react-calendar__year-view__months__month:enabled:hover{background:var(--surface-2)}.dot-blue,.dot-green,.dot-none,.dot-red,.dot-yellow{border-radius:50%;height:6px;margin-top:2px;width:6px}.dot-red{background-color:var(--color-error)}.dot-blue{background-color:var(--color-info)}.dot-yellow{background-color:var(--color-warning)}.dot-green{background-color:var(--color-success)}.dot-none{background-color:transparent}.react-calendar__tile{position:relative}.react-calendar__month-view__days{min-height:256px}.collapser-title-1{font-size:1.1em;font-weight:700;padding:10px 14px}.collapser-title-1,.collapser-title-2{align-items:center;background-color:var(--surface-2);border-bottom:1px solid var(--border);box-sizing:border-box;color:var(--text);cursor:pointer;display:flex;flex-direction:row;user-select:none}.collapser-title-2{font-size:14px;font-weight:600;padding:8px 12px}.collapser-right{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center;margin-left:auto;margin-right:8px}.collapser-arrow{color:var(--text-muted);margin-block:-4px;margin-right:-4px;padding-block:4px;padding-inline:8px}.collapser-container{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.collapser-container-v{display:flex;flex-direction:column}.collapser-container-v>*{border-bottom:1px solid var(--border)}.collapser-container-v>:last-child{border-bottom:none}.collapser-wrapper{box-sizing:border-box}.collapser-content-grid{display:grid;transition:grid-template-rows .2s ease}.collapser-content-inner{container-type:inline-size;overflow:hidden}.collapser-header-label{display:flex;flex-direction:column}.collapser-header-label-label{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.collapser-header-label-value{color:var(--text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataset-list{border-right:1px solid var(--border);gap:0!important;min-width:300px;width:35%}.data-viewer-placeholder{min-height:500px;width:65%}.dataset-list-item{border-bottom:1px solid var(--border);cursor:pointer;font-size:14px;padding:8px 10px;transition:background-color .1s ease}.dataset-list-item:hover{background-color:var(--surface-2)}.dataset-list-item-selected{background-color:var(--primary-light)!important;border-left:3px solid var(--primary)}.dataset-viewer{display:flex;flex-direction:row;gap:8px}.dataset-plot-container{width:65%}@container (max-width: 800px){.dataset-viewer{flex-direction:column}.dataset-plot-container{width:100%}.dataset-list{border-bottom:1px solid var(--border);border-right:none;min-width:unset;width:100%}.data-viewer-placeholder{width:100%}}.result-table-container{margin-top:16px}.file-list{gap:0!important;min-width:300px}.file-list-item{border-bottom:1px solid var(--border);cursor:pointer;font-size:14px;padding:6px 10px;transition:background-color .1s ease}.file-list-item:hover{background-color:var(--surface-2)}.file-icon{height:16px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;width:16px}.header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;min-height:56px;padding:0 12px}.logo-link{align-items:center;color:inherit;display:inline-flex;gap:10px;padding:8px 0;text-decoration:none;user-select:none}.logo{filter:none;height:36px}.header-text{color:var(--text);font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.navbar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:row;flex-shrink:0;gap:2px;overflow-x:auto;padding:0 12px;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.navbar .s-button,.navbar a.s-button{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;color:var(--text-muted);font-size:14px;font-weight:500;height:42px;padding:0 12px;transition:color .15s ease,border-color .15s ease,background-color .15s ease;&:hover{background:var(--surface-2);color:var(--text)}}.active.s-button{background:transparent!important;border-bottom-color:var(--primary)!important;box-shadow:none!important;color:var(--primary)!important;filter:none!important;font-weight:600!important}.special-header-text{align-items:center;animation:float 4s ease-in-out infinite,hue-spin 8s linear infinite;display:flex;font-size:14px;font-weight:700;margin-right:8px;user-select:none}@keyframes float{0%{transform:translateY(-3px)}50%{transform:translateY(3px)}to{transform:translateY(-3px)}}@keyframes hue-spin{0%{color:red}17%{color:#fa0}33%{color:#0c0}50%{color:#0bf}67%{color:#44f}83%{color:#b0f}to{color:red}}.theme-toggle{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;color:var(--text-muted)!important;cursor:pointer;font-family:inherit!important;font-size:13px!important;font-weight:500!important;height:30px!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap;&:hover{background:var(--surface-3)!important;border-color:var(--border-strong)!important;color:var(--text)!important}}.second-nav{margin-top:-16px;margin-inline:-16px;margin-bottom:16px}.inventory-summary{min-width:300px}.loader{display:inline-block;height:40px;position:relative;width:40px}.loader:after,.loader:before{animation:rotationBreak 3s ease-in-out infinite alternate;border:2px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;content:"";height:40px;left:0;position:absolute;top:0;width:40px}.loader:after{animation-direction:alternate-reverse;border-color:var(--primary)}@keyframes rotationBreak{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}.loader-line{background:var(--surface-3);display:inline-block;overflow:hidden;position:relative;width:95%}.loader-line,.loader-line:after{border-radius:var(--radius-sm);height:3px}.loader-line:after{animation:hitZak 1.2s ease-in-out infinite alternate;background:var(--primary);box-sizing:border-box;content:"";left:0;position:absolute;top:0;width:30%}@keyframes hitZak{0%{left:0;transform:translateX(-1%)}to{left:100%;transform:translateX(-99%)}}.pizza-log{margin-top:12px}.log-header{align-items:start;display:flex;gap:12px;margin-bottom:12px}.log-header-side{flex:1}.log-header-center{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:6px}.step-filter-list{max-width:220px;min-width:160px;padding:8px}.batch-list>.collapser-container{margin-bottom:-2px}.log-content-layout{display:flex}.log-right-panel{flex-grow:1;min-width:0}.pizza-steps{border-right:1px solid var(--border);box-sizing:border-box;font-size:14px;margin-block:0;max-width:38%;min-width:400px;padding:8px 8px 8px 32px}.pizza-steps .pizza-step{border-bottom:1px solid var(--border);padding:6px 4px}.pizza-steps .pizza-step:last-child{border-bottom:none}.pizza-steps .pizza-step ul{margin:4px 0 2px;padding-left:18px}.pizza-steps .pizza-step li{line-height:1.4;padding:1px 0}.calculated-value{color:var(--text-muted);font-size:13px;list-style-type:disc}.rendered-value-list{display:flex;flex-direction:column;gap:0;margin-left:14px;margin-top:2px}.batch-title-step{font-weight:400}.pizza-title{font-size:16px;font-weight:600;margin:0;padding:10px 12px}.edit-label{color:var(--text);font-size:13px;font-weight:600;margin-bottom:0;padding-bottom:0}.search-bar{max-width:400px;min-width:200px;width:100%}.step-editor{color:var(--text-muted);font-size:13px}.log-button{float:right;font-size:12px;height:24px;margin-right:12px;padding-block:0;text-align:center;text-decoration:none}.pulp-available{background-color:var(--color-success-bg)!important}@media (max-width:800px){.log-header{align-items:stretch;flex-direction:column}.log-header-side:last-child{display:none}.log-header-center{align-items:center}.step-filter-list{max-width:100%;min-width:unset}.step-filter-list>:nth-child(2n){justify-content:flex-end}.log-content-layout{flex-direction:column}.pizza-steps{border-bottom:1px solid var(--border);border-right:none;margin-bottom:0;max-width:unset;min-width:unset;padding-bottom:8px}}.markdown{& red{color:red}& orange{color:orange}& yellow{color:#ff0}& green{color:green}& lime{color:lime}& teal{color:teal}& cyan{color:cyan}& turquoise{color:#40e0d0}& blue{color:blue}& indigo{color:indigo}& violet{color:violet}& purple{color:purple}& pink{color:pink}& magenta{color:#f0f}& white{color:#fff}& gray{color:gray}& black{color:#000}& brown{color:brown}& rainbow{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,red,orange,#ff0,green,blue,indigo,violet);background-clip:text;-webkit-background-clip:text}& rainbow-a{animation:hue-spin 8s ease infinite}& bg-red{background-color:red}& bg-orange{background-color:orange}& bg-yellow{background-color:#ff0}& bg-green{background-color:green}& bg-lime{background-color:lime}& bg-teal{background-color:teal}& bg-cyan{background-color:cyan}& bg-turquoise{background-color:#40e0d0}& bg-blue{background-color:blue}& bg-indigo{background-color:indigo}& bg-violet{background-color:violet}& bg-purple{background-color:purple}& bg-pink{background-color:pink}& bg-magenta{background-color:#f0f}& bg-white{background-color:#fff}& bg-gray{background-color:gray}& bg-black{background-color:#000}& bg-brown{background-color:brown}& bg-rainbow{background:linear-gradient(90deg,red,orange,#ff0,green,blue,indigo,violet)}& jank-boteko{content:url(jank-boteko.jpg);width:128px}& scoot{content:url(scoot.jpg);width:128px}& lab-coat-girls{content:url(lab-coat-girls.jpg);width:128px}}.pizza-notes{background-color:var(--surface);border:none;box-sizing:border-box;color:var(--text);flex-grow:1;font-family:inherit;font-size:14px;margin:0;min-height:120px;overflow:hidden;padding:10px 12px;resize:none;vertical-align:top;width:100%}.pizza-notes:focus-visible{outline:none}.note-editor{position:relative}.note-editor-buttons{position:absolute;right:8px;top:8px}.note-button{opacity:.4;transition:opacity .2s ease}.note-button:hover{opacity:1}.pizza-note-markdown{word-wrap:break-word;font-size:14px;min-height:60px;padding:6px 10px}.note-preview-pane{min-height:120px}.note-toolbar{align-items:center;background:var(--surface-2);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:2px;padding:4px 6px;user-select:none}.toolbar-btn{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;line-height:1.6;padding:2px 6px;transition:background .1s,border-color .1s}.toolbar-btn:hover{background:var(--s-button-hover);border-color:var(--border)}.toolbar-btn-italic{font-style:italic}.toolbar-btn-strike{text-decoration:line-through}.toolbar-btn-mono{font-family:monospace;font-size:13px}.toolbar-btn-preview{font-weight:400}.toolbar-btn-active{background:var(--s-button-hover);border-color:var(--border)}.toolbar-btn-cancel{color:var(--text-muted);font-weight:400}.toolbar-btn-save{color:var(--primary);font-weight:700}.toolbar-btn-cancel:hover,.toolbar-btn-save:hover{opacity:1}.toolbar-divider{background:var(--border);flex-shrink:0;height:18px;margin:0 3px;width:1px}.toolbar-spacer{flex:1}.toolbar-color-wrapper{position:relative}.toolbar-color-popover{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:240px;padding:8px 10px;z-index:20}.toolbar-color-section-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.toolbar-swatches{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.toolbar-swatch{border:2px solid var(--border);border-radius:50%;cursor:pointer;height:18px;padding:0;transition:transform .1s,border-color .1s;width:18px}.toolbar-swatch-bg{border-radius:var(--radius-sm)}.toolbar-swatch:hover{border-color:var(--border-strong);transform:scale(1.25)}.toolbar-image-tags{display:flex;flex-wrap:wrap;gap:4px}.toolbar-image-tag-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:inherit;font-size:11px;padding:2px 7px;transition:background .1s}.toolbar-image-tag-btn:hover{background:var(--s-button-hover)}.order-form{display:flex;margin:0}.order-column{border-left:1px solid var(--border);box-sizing:border-box;padding:12px}.order-column:first-of-type{border-left:none}.order-column-right{border-left:1px solid var(--border);padding:12px}.order-batch-title{border-bottom:1px solid var(--border);color:var(--text);font-size:17px;font-weight:600;margin:0 0 8px;padding:0 0 8px;width:100%}.order-edit-button{float:right;font-size:12px;height:22px;margin-right:4px;padding-block:0}.s-select-multiple{height:120px}.order-log-button{max-width:200px}.order-overdue{background-color:var(--color-error-bg)!important}.order-completed{background-color:var(--color-success-bg)!important}.order-ready-to-ship{background-color:var(--color-warning-bg)!important}.order-in-progress{background-color:var(--color-blue-bg)!important}.order-suspended{background-color:var(--color-pink-bg)!important}.order-header-grid{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:8px}.order-title-grid{align-items:start;display:grid;gap:16px;grid-template-columns:56px minmax(240px,1fr) 48px 120px 120px 100px 100px;overflow:hidden}@media (max-width:800px){.order-title-grid{column-gap:12px;grid-template-columns:56px 1fr 48px 110px;row-gap:8px}}.order-item-content{border-bottom:2px solid var(--border);display:flex;flex-direction:row}.order-item-sections{display:flex;flex-wrap:wrap;gap:16px}.order-actions{border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:6px;margin-left:auto;padding:12px;width:180px}.order-actions>.g-button,.order-actions>.r-button,.order-actions>.s-button,.order-actions>.y-button{width:100%}.order-divider{border:none;border-top:1px solid var(--border);margin:4px 0}.order-batch-progress{border-radius:var(--radius-sm);margin-top:6px;overflow:hidden}.order-no-batch{color:var(--text-muted);font-size:13px}.order-form-header{border-bottom:2px solid var(--border);display:flex;flex-direction:row}.order-form-meta{flex-shrink:0;padding:8px}.order-form-items{border-left:1px solid var(--border);flex:1;height:60vh;overflow-y:auto;scrollbar-gutter:stable}.order-form-item-wrapper{border-right:1px solid var(--border);min-width:380px}.order-form-note{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:var(--text);font-family:inherit;font-size:14px;margin:8px;min-height:120px;padding:8px 10px;resize:vertical}.order-form-actions{display:flex;flex-direction:column;gap:8px;padding:0 8px 8px}.order-header-actions{display:flex;justify-content:flex-end;padding:0 8px}@media (max-width:800px){.order-header-actions{justify-content:center;margin-block:12px}.order-header-grid{grid-template-columns:1fr;justify-items:center}.order-item-content{flex-direction:column}.order-column,.order-column-right{width:100%}.order-actions,.order-column,.order-column-right{border-left:none;border-top:1px solid var(--border)}.order-actions{flex-direction:row;flex-wrap:wrap;margin-left:0;width:unset}.order-actions>.g-button,.order-actions>.r-button,.order-actions>.s-button,.order-actions>.y-button{min-width:140px}.order-form-header{flex-direction:column}.order-form-items{border-left:none;border-top:1px solid var(--border);height:40vh}.order-form-item-wrapper{min-width:280px}}.bg-red-stripe-o{background-image:url(red-stripe-o25.png);background-size:contain}.warn-badge{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-error);font-size:13px;font-weight:500;padding:2px 6px}.square2{border-right:1px solid var(--border);font-size:14px;hyphens:auto;margin:0;min-height:68px;padding:6px;position:relative;text-align:center;user-select:none;word-break:break-word}.square2:last-of-type{border-right:none}.progress-bar-container{background-color:var(--surface-2);border-radius:var(--radius-sm);box-sizing:border-box;overflow:hidden;width:100%}.progress-bar-fill{background-color:var(--color-success);border-radius:var(--radius-sm);height:6px;transition:width .5s ease}.step-name-2{font-size:13px;hyphens:none;line-height:1.2;margin-top:6px;overflow-wrap:break-word;word-break:normal}.pizza-input{align-items:center;display:grid;gap:8px;grid-template-columns:auto auto}@media (max-width:600px){.pizza-input{align-items:stretch;grid-template-columns:1fr}.pizza-input>.pizza-form-label:not(:first-of-type){box-shadow:inset 0 1px 0 var(--border);padding-top:8px}}.pizza-box{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:0}.pizza-header{background-color:var(--surface-2);border-bottom:1px solid var(--border);font-size:15px;font-weight:600;margin:0;padding:10px 14px;user-select:none}.pizza-header span{color:var(--text-muted);font-weight:400}.step-number{color:var(--text-muted);font-size:11px;left:4px;position:absolute;top:4px}.complete-step,.done-step{background-color:var(--color-success-bg)}@keyframes current-color{0%{background-color:var(--current-step-bg-1)}50%{background-color:var(--current-step-bg-2)}to{background-color:var(--current-step-bg-1)}}.current-step{animation-duration:3s;animation-iteration-count:infinite;animation-name:current-color}.not-step{background-color:var(--color-error-bg)}.pizza-form-title{background-color:var(--surface-2);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-size:15px;font-weight:600;margin-bottom:0;margin-top:0;padding:10px 14px}.value-button{font-size:12px}.funny-wrapper{background-color:rgba(120,0,0,.7);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.funny-container{color:#fff;font-size:128px;left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);user-select:none;z-index:100}.popup-wrapper{align-items:center;animation:fade-in .15s ease-out;backdrop-filter:blur(2px);background-color:rgba(0,0,0,.35);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.popup-container{animation:popup-slide-in .2s ease-out;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;z-index:1001}@keyframes popup-slide-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}@keyframes popup-slide-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.97)}}.popup-wrapper.closing{animation:popup-fade-out .15s ease-in forwards}.popup-wrapper.closing .popup-container{animation:popup-slide-out .15s ease-in forwards}.popup-content{flex:1;font-size:medium;font-weight:400;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;padding:20px;text-align:initial;user-select:auto}.close-button{align-items:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background-color .15s ease,color .15s ease;width:28px;&:hover{background-color:var(--surface-3);color:var(--text)}}.popup-title{align-items:center;background-color:var(--surface);border-bottom:1px solid var(--border);box-sizing:border-box;color:var(--text);display:flex;flex-direction:row;font-size:16px;font-weight:600;gap:8px;padding:14px 16px;text-align:left;user-select:none}.profile-container{align-items:flex-start;display:flex;justify-content:center;margin-top:40px}.profile-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;max-width:calc(100vw - 32px);padding:28px 32px;width:340px}.profile-form h2{color:var(--text);font-size:20px;font-weight:700;margin:0 0 20px}.profile-form .form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.profile-form .s-input,.profile-form .s-select{width:100%}.profile-form label{color:var(--text);font-size:13px;font-weight:500}.profile-form .s-button[type=submit]{background-color:var(--primary);border-color:var(--primary);color:#fff;height:36px;margin-top:8px;width:100%;&:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}}.dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 2px);z-index:20}.dropdown-item{background-color:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;font-family:inherit;font-size:14px;min-height:2em;overflow:hidden;padding:6px 10px;text-align:left;text-overflow:ellipsis;transition:background-color .1s ease;white-space:nowrap}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--surface-2)}.pu-input{width:100%}.pu-container{border-top:1px solid var(--border);margin-inline:-16px;padding-top:28px;padding-inline:16px}.pu-input-container{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px}.pu-bg{background-color:var(--surface-2)}.solution-app-box{align-items:center;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:800px;padding:12px}.base-row{background-color:var(--surface-2)}[data-theme=classic]{--primary:#15792d;--primary-hover:#0f5720;--primary-light:#d0ffd0;--primary-border:#000;--surface:#fff;--surface-2:#f2f2f2;--surface-3:#e8e8e8;--bg:#fff;--text:#000;--text-muted:#555;--border:#000;--border-strong:#000;--radius-sm:0px;--radius:0px;--radius-lg:0px;--radius-xl:0px;--shadow-sm:1px 1px 0 #000;--shadow:2px 2px 0 #000;--shadow-lg:3px 3px 0 #000;--color-success:#009924;--color-success-bg:#8f8;--color-success-border:#000;--color-error:#c00;--color-error-bg:#fcd;--color-error-border:#000;--color-warning:#b39500;--color-warning-bg:#fff5c2;--color-warning-border:#000;--color-info:#04c;--color-info-bg:#c2d6ff;--color-info-border:#000;--color-orange-bg:#ffdbc2;--color-blue-bg:#cdf;--color-pink-bg:#ffccf6;--chart-used:#b34a00;--chart-used-hover:#8f3c00;--chart-remaining:#009924;--chart-remaining-hover:#007a1d;--current-step-bg-1:orange;--current-step-bg-2:#ff8c00;--order-in-progress-bg:#cdf;--selected:#d3d3d3;--s-button:#f2f2f2;--s-button-hover:#e6e6e6;--s-button-color:#000;--s-button-border:#000;--s-button-shadow:#000;--s-button-disabled:#e6e6e6;--s-button-border-disabled:grey;--s-button-color-disabled:grey;--s-button-shadow-disabled:grey;--g-button:#9fa;--g-button-hover:#75ff8c;--r-button:#ffb3cc;--r-button-hover:#f9b;--r-button-border:#ebadad;--y-button:#fff2b3;--y-button-hover:#fe9;--y-button-border:#e2c38d;--o-button:#ffcfad;--o-button-hover:#ffbe8f;--o-button-border:#e8aa7d;--focused:#000;--input-border:#000;--login-bg:#fcfcfc;font-family:monospace}[data-theme=classic] .header{background:linear-gradient(90deg,hsla(0,0%,100%,0) 33%,#00c0a0);border-bottom:1px solid #000;box-shadow:none;min-height:unset;padding:0 8px}[data-theme=classic] .header-text{font-size:32px;font-weight:700;letter-spacing:normal}[data-theme=classic] .logo{height:48px}[data-theme=classic] .navbar{background:transparent;border-bottom:1px solid #000;gap:4px;padding:4px}[data-theme=classic] .navbar .s-button,[data-theme=classic] .navbar a.s-button{background:#f2f2f2;border:1px solid #000;border-radius:0;box-shadow:2px 2px #000;color:#000;font-size:16px;font-weight:400;height:unset;height:30px;padding:4px 8px}[data-theme=classic] .navbar .s-button:active,[data-theme=classic] .navbar a.s-button:active{background:#d9d9d9;border-color:#000;box-shadow:inset 1px 1px #000}[data-theme=classic] .navbar .s-button:hover,[data-theme=classic] .navbar a.s-button:hover{background:#e6e6e6}[data-theme=classic] .active.s-button{background:#d3d3d3!important;border-color:#000!important;box-shadow:inset 1px 1px #000!important;color:#000!important;font-weight:400!important}[data-theme=classic] .collapser-container{border:2px solid #000;border-radius:0;box-shadow:none}[data-theme=classic] .collapser-header{border-bottom:1px solid #000}[data-theme=classic] .progress-bar-container{background-color:transparent;border-radius:0}[data-theme=classic] .progress-bar-fill{background-color:lime;border-radius:0;border-right:2px solid #000;height:16px}[data-theme=classic] .s-input,[data-theme=classic] .s-select,[data-theme=classic] .s-textarea{border-radius:0}[data-theme=classic] .g-button,[data-theme=classic] .r-button,[data-theme=classic] .s-button,[data-theme=classic] .y-button{border-color:#000;box-shadow:2px 2px #000}[data-theme=classic] .g-button:active,[data-theme=classic] .r-button:active,[data-theme=classic] .s-button:active,[data-theme=classic] .y-button:active{border-color:#000;box-shadow:inset 1px 1px #000}[data-theme=classic] .pizza-table{border:2px solid #000;border-radius:0;box-shadow:none}[data-theme=classic] .pizza-table th{background-color:#d3d3d3;border-bottom:2px solid #000}[data-theme=classic] .collapser-title-1{background-color:#d3d3d3;font-size:20px}[data-theme=classic] .collapser-title-2{font-size:12px;font-weight:400}[data-theme=classic] .collapser-title-1,[data-theme=classic] .collapser-title-2{border-bottom:2px solid #000;padding:4px}[data-theme=classic] .theme-toggle{background:#f2f2f2!important;border:1px solid #000!important;border-radius:0!important;box-shadow:2px 2px #000!important;color:#000!important;&:hover{background:#d9d9d9!important}}[data-theme=dark]{--primary:#2bab49;--primary-hover:#248f3d;--primary-light:#183920;--primary-border:#2b6438;--surface:#1e2128;--surface-2:#161a20;--surface-3:#252a33;--bg:#0e1117;--text:#e8eaf0;--text-muted:#8b95a6;--border:#2e3441;--border-strong:#3e4754;--shadow-sm:0 1px 2px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.25);--shadow:0 2px 6px rgba(0,0,0,.3),0 4px 10px rgba(0,0,0,.2);--shadow-lg:0 8px 20px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.25);--color-success:#37be56;--color-success-bg:#17301d;--color-success-border:#285332;--color-error:#e05252;--color-error-bg:#361212;--color-error-border:#632121;--color-warning:#eea62b;--color-warning-bg:#39290e;--color-warning-border:#6a4d1b;--color-info:#5196ec;--color-info-bg:#122236;--color-info-border:#24446b;--color-orange-bg:#452a17;--color-blue-bg:#1c2840;--color-pink-bg:#391834;--chart-used:#dd8a40;--chart-used-hover:#d97a26;--chart-remaining:#37be56;--chart-remaining-hover:#30a64c;--color-link:#5a97e2;--color-link-visited:#ad7cde;--selected:#214529;--current-step-bg-1:#574019;--current-step-bg-2:#473515;--order-in-progress-bg:#1c2840;--s-button:#252a33;--s-button-hover:#2e3441;--s-button-color:var(--text);--s-button-border:var(--border);--s-button-shadow:transparent;--s-button-disabled:#1e2128;--s-button-border-disabled:var(--border);--s-button-color-disabled:var(--text-muted);--g-button:#1f4728;--g-button-hover:#285d34;--r-button:#4a1c1c;--r-button-hover:#602424;--r-button-border:#7e3030;--y-button:#4d3a1a;--y-button-hover:#634b21;--y-button-border:#82622b;--o-button:#55361b;--o-button-hover:#6d4522;--o-button-border:#8c592c;--focused:#31c453;--input-border:var(--border);--login-bg:var(--surface)}[data-theme=frog]{--primary:#388122;--primary-hover:#2e691c;--primary-light:#dcefd2;--primary-border:#82ba6d;--surface:#f5ffe7;--surface-2:#e5f5c9;--surface-3:#d6ecae;--bg:#d7f2b4;--text:#1f2f18;--text-muted:#4f6545;--border:#88ad64;--border-strong:#5f8441;--shadow-sm:0 1px 2px rgba(34,64,24,.16),0 1px 3px rgba(34,64,24,.12);--shadow:0 2px 6px rgba(34,64,24,.18),0 4px 10px rgba(34,64,24,.12);--shadow-lg:0 8px 20px rgba(34,64,24,.2),0 4px 8px rgba(34,64,24,.12);--color-success:#2d8630;--color-success-bg:#dbf4d7;--color-success-border:#85c17b;--color-error:#c03326;--color-error-bg:#fbe5df;--color-error-border:#e0a090;--color-warning:#b8840a;--color-warning-bg:#fef6cd;--color-warning-border:#ebca6f;--color-info:#238995;--color-info-bg:#d4f3f7;--color-info-border:#7dc2ca;--color-orange-bg:#fae5c6;--color-blue-bg:#d5f2f6;--color-pink-bg:#f7d9e6;--chart-used:#b8840a;--chart-used-hover:#9b6f08;--chart-remaining:#2d8630;--chart-remaining-hover:#267329;--color-link:#15843a;--color-link-visited:#247f64;--selected:#c3e8b0;--current-step-bg-1:#ccef9f;--current-step-bg-2:#c9e783;--order-in-progress-bg:#cfedf2;--s-button:#f0fddb;--s-button-hover:#def3be;--s-button-color:var(--text);--s-button-border:#6d9447;--s-button-shadow:transparent;--s-button-disabled:#e6efd3;--s-button-border-disabled:#97ad82;--s-button-color-disabled:#708364;--g-button:#bbe7bb;--g-button-hover:#9ddd9d;--r-button:#f7d3ca;--r-button-hover:#f2b5a6;--r-button-border:#e0a090;--y-button:#f9f5b3;--y-button-hover:#f6ef8d;--y-button-border:#ebca6f;--o-button:#f8dcb4;--o-button-hover:#f5ca8e;--o-button-border:#deb173;--focused:#139a57;--input-border:#7ba056;--login-bg:#f7ffe9;--radius-sm:8px;--radius:11px;--radius-lg:16px;--radius-xl:24px;--frog-hero-art:url(lilly-pad-frog.png);--frog-pattern-art:url(froggy-background.png);--frog-banner-art:url(lily-pad.png)}[data-theme=frog] .header{background:var(--frog-banner-art),linear-gradient(90deg,rgba(80,128,42,.2) 0,rgba(58,125,31,.72) 68%,rgba(33,95,25,.92) 100%);background-blend-mode:hard-light;background-position:50%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:64px auto,auto,auto;border-bottom:1px solid #5f8441}[data-theme=frog] .navbar{background:radial-gradient(circle at 8% 30%,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 25%),linear-gradient(180deg,#d8f2b0,#c6e49d);border-bottom:1px solid #7ea655}[data-theme=frog] .app-content{background-image:var(--frog-pattern-art),radial-gradient(circle at 6% 14%,hsla(0,0%,100%,.35) 0,hsla(0,0%,100%,0) 22%),radial-gradient(circle at 82% 24%,hsla(90,61%,72%,.44) 0,hsla(90,61%,72%,0) 32%),radial-gradient(circle at 24% 78%,rgba(116,173,73,.22) 0,rgba(116,173,73,0) 28%),linear-gradient(180deg,#dff4bb 0,#d1edab 50%,#c4e397 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:space;background-size:512px 512px,auto,auto,auto,auto}[data-theme=frog] .logo-link{padding-right:42px;position:relative}@media (max-width:900px){[data-theme=frog] .header{background-position:right 6px center,0 0,0 0;background-size:180px auto,auto,auto}[data-theme=frog] .logo-link{padding-right:0}[data-theme=frog] .logo-link:after{display:none}}[data-theme=frog] .active.s-button{background:#c6e49d!important;border-bottom-color:#244d16!important;color:#244d16!important}[data-theme=frog] .theme-toggle{background:#dff3b8!important;border-color:#5f8441!important;color:#254215!important;&:hover{background:#cce7a3!important;color:#1e3612!important}}[data-theme=vaporwave]{--primary:#e547eb;--primary-hover:#df1ae6;--primary-light:#380e39;--primary-border:#771f7a;--surface:#1a0a2ed0;--surface-2:#120720d0;--surface-3:#24103ed0;--bg:#080312;--text:#f0e6ff;--text-muted:#a78bc4;--border:#3a1a5e;--border-strong:#5a2a8e;--shadow-sm:0 1px 4px rgba(255,113,206,.15),0 1px 3px rgba(0,0,0,.4);--shadow:0 2px 8px rgba(255,113,206,.2),0 4px 12px rgba(0,0,0,.35);--shadow-lg:0 8px 24px rgba(255,113,206,.25),0 4px 10px rgba(0,0,0,.4);--color-success:#30e8e8;--color-success-bg:#0d2626;--color-success-border:#1c5454;--color-error:#f25a8c;--color-error-bg:#2e0f1a;--color-error-border:#5c1f33;--color-warning:#f5e53d;--color-warning-bg:#29260a;--color-warning-border:#5a5416;--color-info:#527ef4;--color-info-bg:#0d1230;--color-info-border:#202965;--color-orange-bg:#452a17;--color-blue-bg:hwb(230 9% 73%);--color-pink-bg:#311532;--chart-used:#f25a8c;--chart-used-hover:#ef3976;--chart-remaining:#30d9e8;--chart-remaining-hover:#18ccdc;--color-link:#30d9e8;--color-link-visited:#e47de8;--selected:#4b1a4d;--current-step-bg-1:#413d10;--current-step-bg-2:#312e0c;--order-in-progress-bg:#261745;--s-button:#24103e;--s-button-hover:#3a1a5e;--s-button-color:var(--text);--s-button-border:var(--border);--s-button-shadow:transparent;--s-button-disabled:#1a0a2e;--s-button-border-disabled:var(--border);--s-button-color-disabled:var(--text-muted);--g-button:#123636;--g-button-hover:#1a4d4d;--r-button:#3d1422;--r-button-hover:#541c2f;--r-button-border:#732640;--y-button:#363312;--y-button-hover:#4d481a;--y-button-border:#736c26;--o-button:#3d2514;--o-button-hover:#54331c;--o-button-border:#824f2b;--focused:#25e2f4;--input-border:var(--border);--login-bg:var(--surface);--bg-image:url(bg.png);--banner-image:url(bg_short.gif);--radius-sm:0px;--radius:0px;--radius-lg:0px;--radius-xl:0px}[data-theme=vaporwave] .header,[data-theme=vaporwave] .navbar{background:linear-gradient(135deg,#1a0a2e,#0d0820);border-color:#3a1a5e}[data-theme=vaporwave] .header{background:linear-gradient(90deg,rgba(0,0,0,.8) 33%,#00c0a0 100%),var(--banner-image);background-blend-mode:darken;background-size:cover;box-shadow:0 2px 12px rgba(255,113,206,.2)}[data-theme=vaporwave] .active.s-button{border-bottom-color:#25e2f4!important;color:#25e2f4!important}[data-theme=vaporwave] .app-content{background-blend-mode:hard-light;background-color:var(--bg);background-image:var(--bg-image);background-position:bottom;background-repeat:no-repeat;background-size:contain}[data-theme=vaporwave] .theme-toggle{background:#2a122b!important;border-color:#771f7a!important;color:#ef8cf2!important;&:hover{background:#3f1c40!important;color:#f5baf7!important}}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}.vertical-0{display:flex;flex-direction:column;gap:0}.horizontal-0{display:flex;flex-direction:row;gap:0}.vertical-2{display:flex;flex-direction:column;gap:2px}.horizontal-2{display:flex;flex-direction:row;gap:2px}.vertical-4{display:flex;flex-direction:column;gap:4px}.horizontal-4{display:flex;flex-direction:row;gap:4px}.vertical-6{display:flex;flex-direction:column;gap:6px}.horizontal-6{display:flex;flex-direction:row;gap:6px}.vertical-8{display:flex;flex-direction:column;gap:8px}.horizontal-8{display:flex;flex-direction:row;gap:8px}.vertical-10{display:flex;flex-direction:column;gap:10px}.horizontal-10{display:flex;flex-direction:row;gap:10px}.vertical-12{display:flex;flex-direction:column;gap:12px}.horizontal-12{display:flex;flex-direction:row;gap:12px}.vertical-14{display:flex;flex-direction:column;gap:14px}.horizontal-14{display:flex;flex-direction:row;gap:14px}.vertical-16{display:flex;flex-direction:column;gap:16px}.horizontal-16{display:flex;flex-direction:row;gap:16px}.vertical-18{display:flex;flex-direction:column;gap:18px}.horizontal-18{display:flex;flex-direction:row;gap:18px}.vertical-20{display:flex;flex-direction:column;gap:20px}.horizontal-20{display:flex;flex-direction:row;gap:20px}.vertical-22{display:flex;flex-direction:column;gap:22px}.horizontal-22{display:flex;flex-direction:row;gap:22px}.vertical-24{display:flex;flex-direction:column;gap:24px}.horizontal-24{display:flex;flex-direction:row;gap:24px}.vertical-26{display:flex;flex-direction:column;gap:26px}.horizontal-26{display:flex;flex-direction:row;gap:26px}.vertical-28{display:flex;flex-direction:column;gap:28px}.horizontal-28{display:flex;flex-direction:row;gap:28px}.vertical-30{display:flex;flex-direction:column;gap:30px}.horizontal-30{display:flex;flex-direction:row;gap:30px}.vertical-32{display:flex;flex-direction:column;gap:32px}.horizontal-32{display:flex;flex-direction:row;gap:32px}.vertical-34{display:flex;flex-direction:column;gap:34px}.horizontal-34{display:flex;flex-direction:row;gap:34px}.vertical-36{display:flex;flex-direction:column;gap:36px}.horizontal-36{display:flex;flex-direction:row;gap:36px}.vertical-38{display:flex;flex-direction:column;gap:38px}.horizontal-38{display:flex;flex-direction:row;gap:38px}.vertical-40{display:flex;flex-direction:column;gap:40px}.horizontal-40{display:flex;flex-direction:row;gap:40px}:root{--primary:#15792d;--primary-hover:#115f23;--primary-light:#e7f8eb;--primary-border:#9bd4a8;--soarce-green:#167a2e;--surface:#fff;--surface-2:#f8f9fa;--surface-3:#f0f2f4;--bg:var(--surface-1);--text:#111827;--text-muted:#6b7280;--border:#d1d5db;--border-strong:#9ca3af;--radius-sm:4px;--radius:6px;--radius-lg:10px;--radius-xl:14px;--shadow-sm:0 1px 2px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.08);--shadow:0 2px 6px rgba(0,0,0,.07),0 4px 10px rgba(0,0,0,.05);--shadow-lg:0 8px 20px rgba(0,0,0,.09),0 4px 8px rgba(0,0,0,.05);--color-success:#2da94a;--color-success-bg:#e7f8eb;--color-success-border:#9bd4a8;--color-error:#d72d2d;--color-error-bg:#fdeded;--color-error-border:#ebadad;--color-warning:#da8e0b;--color-warning-bg:#fef5e6;--color-warning-border:#f0c375;--color-info:#216dca;--color-info-bg:#e7f1fd;--color-info-border:#9ebee5;--color-orange-bg:#fde8d8;--color-blue-bg:#e1e9fa;--color-pink-bg:#fae5f7;--color-link:#2564b1;--color-link-visited:#733fa6;--chart-used:var(--color-warning);--chart-used-hover:color-mix(in srgb,var(--chart-used) 82%,var(--text) 18%);--chart-remaining:var(--color-success);--chart-remaining-hover:color-mix(in srgb,var(--chart-remaining) 82%,var(--text) 18%);--selected:#d4edda;--nav-button:transparent;--current-step-bg-1:#fce8c5;--current-step-bg-2:#fad89e;--order-in-progress-bg:#e7edf9;--s-button:var(--surface);--s-button-hover:var(--surface-3);--s-button-color:var(--text);--s-button-shadow:transparent;--s-button-border:var(--border);--s-button-disabled:var(--surface-2);--s-button-border-disabled:var(--border);--s-button-color-disabled:var(--text-muted);--s-button-shadow-disabled:transparent;--g-button:#d0f1d7;--g-button-hover:#b0e8bd;--r-button:#fbdada;--r-button-hover:#f7baba;--r-button-border:#ebadad;--y-button:#fce8c5;--y-button-hover:#fadaa3;--y-button-border:#f0c375;--o-button:#fcdcc5;--o-button-hover:#fac49e;--o-button-border:#e8a473;--focused:var(--primary);--input-border:var(--border);--login-bg:var(--surface);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px}#react-target,body,html{height:100%}body{background-color:var(--bg);color:var(--text);margin:0;overflow:hidden}a{color:var(--color-link)}a:visited{color:var(--color-link-visited)}a.s-button{color:var(--s-button-color);text-decoration:none}#react-target,.app-shell{min-height:0}.app-shell{display:flex;flex-direction:column;gap:0;height:100%}.app-content{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px;scrollbar-gutter:stable}.horizontal{display:flex;flex-direction:row;gap:8px}.vertical{display:flex;flex-direction:column;gap:8px}.center{align-items:center;justify-content:center}.wrap{flex-wrap:wrap}.flex-spacer{flex-grow:1}.flex-1{flex:1}.flex-grow{flex-grow:1}.mt-8{margin-top:8px}.no-link{color:inherit;text-decoration:none}.subtle{color:var(--text-muted);font-weight:400}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-error{color:var(--color-error)}.centered-cell{text-align:center;vertical-align:middle}.badge{height:20px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;padding-inline:4px}.box{padding:12px 10px}.border,.box{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.border{padding:8px}.border-2{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.guide{height:80vh;min-width:800px}.load-in{animation:fade-in .3s ease-out;opacity:1}.load-out{animation:fade-out .5s ease-in-out;opacity:0}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.pizza-table,.result-table{border:1px solid var(--border);border-collapse:collapse;border-radius:var(--radius-lg);font-size:14px;overflow:hidden;width:100%}.pizza-table td,.pizza-table th,.result-table td,.result-table th{border:1px solid var(--border);padding:8px 12px;text-align:left}.pizza-table td .input-group,.pizza-table td .s-input,.pizza-table td .s-select{box-sizing:border-box;width:100%}.pizza-table td .horizontal{justify-content:center}.pizza-table th,.result-table th{background-color:var(--surface-2);color:var(--text-muted);font-size:13px;font-weight:600}.result-table tfoot tr{background-color:var(--surface-2);border-top:2px solid var(--border-strong);font-weight:600}.pizza-form-grid{align-content:start;align-items:center;column-gap:16px;display:grid;grid-template-columns:auto auto;justify-content:center;row-gap:6px;& label{align-items:center;display:flex}}@media (max-width:600px){.pizza-input .pizza-form-grid{grid-template-columns:auto;justify-content:start}}.pizza-form-grid.align-start{align-items:start;justify-content:start}.form-column{align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr;justify-content:center}.pizza-grid-2{align-content:start;align-items:center;grid-template-columns:auto auto}.pizza-grid-2,.pizza-grid-3{column-gap:8px;display:grid;row-gap:6px}.pizza-grid-3{grid-template-columns:auto auto auto}.grid-spanner{grid-column:1/-1}.grid-center{align-self:center;justify-content:center;text-align:center}.grid-line-gray{border-bottom:1px solid var(--border);grid-column:1/-1}.grid-line-black{border-bottom:1px solid var(--border-strong);grid-column:1/-1}.bg-red{background-color:var(--color-error-bg)!important}.bg-orange{background-color:var(--color-orange-bg)!important}.bg-yellow{background-color:var(--color-warning-bg)!important}.bg-green{background-color:var(--color-success-bg)!important}.bg-blue{background-color:var(--color-blue-bg)!important}.bg-pink{background-color:var(--color-pink-bg)!important}.bg-gradient-red{background:linear-gradient(to right,transparent 75%,var(--color-error-bg) 90%)!important}.item-content{border-bottom:1px solid var(--border);display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;padding:12px}.item-section{align-self:start;border-left:2px solid var(--border);height:stretch;padding-left:12px}.item-section:first-of-type{border-left:none;padding-left:0}@media (max-width:600px){.item-section{border-left:none;border-top:2px solid var(--border);padding-left:0;padding-top:12px;width:100%}.item-section:first-of-type{border-top:none;padding-top:0}}.item-actions{align-self:start;display:flex;flex-direction:column;gap:6px;min-width:140px;width:140px}.item-actions .g-button,.item-actions .r-button,.item-actions .s-button,.item-actions .y-button{width:100%}@media (max-width:600px){.item-actions{flex-direction:row;flex-wrap:wrap;min-width:unset;width:100%}.item-actions .g-button,.item-actions .r-button,.item-actions .s-button,.item-actions .y-button{flex:1;min-width:120px}}.form-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.form-panel{min-width:240px;padding:12px}.form-panel,.notes-textarea{border:1px solid var(--border);border-radius:var(--radius)}.notes-textarea{background-color:var(--surface);box-sizing:border-box;color:var(--text);font-family:inherit;font-size:14px;min-height:100px;padding:8px 10px;resize:vertical;width:100%}.multi-select{min-height:150px}.detail-list{display:grid;gap:4px 12px;grid-template-columns:auto 1fr;margin:0;padding:0}.detail-list dt{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.detail-list dd,.detail-list dt{align-items:center;display:flex;padding-block:2px}.detail-list dd{font-size:14px;gap:6px;margin:0}.section-label{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin:0 0 6px;padding-bottom:5px;text-transform:uppercase}.status-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:12px;font-weight:500;gap:5px;line-height:1.6;padding:2px 8px}.status-badge:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.status-badge.available{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.status-badge.consumed{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.status-badge.low-stock{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:#aa6f09}.filter-buttons{flex-wrap:wrap;justify-content:center}