@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Work+Sans:wght@400;500;600&display=swap";:root{--bg-page:#0d1210;--bg-panel:#161c19;--bg-inset:#121613;--card-bg:#161c19;--card-border:#232b27;--divider:#1e2521;--text-primary:#eef2f0;--text-muted:#93a099;--accent:#34d399;--accent-soft:#1c2521;--warning:#f59e0b;--error:#f87171;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 2px 8px #00000059;--font-heading:"Manrope", sans-serif;--font-body:"Work Sans", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);margin:0;overflow-x:hidden}button,input,select,textarea{color:inherit;font-family:inherit}a{color:inherit}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--card-border);padding:10px 8px;font-size:11px;font-weight:600}.td{border-bottom:1px solid var(--divider);padding:12px 8px;font-size:14px}.tbl-row:hover{background:#1b211d}.pill{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill-positive{color:var(--accent);background:#34d39924}.pill-warning{color:var(--warning);background:#f59e0b24}.pill-error{color:var(--error);background:#f8717124}.pill-neutral{color:var(--text-muted);background:#1c2521}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--bg-panel);color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#04140d}.btn-primary:hover{filter:brightness(1.05);border-color:var(--accent)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.input{background:var(--bg-inset);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-primary);padding:9px 12px;font-size:14px}.input:focus{border-color:var(--accent);outline:none}.number-input-wrap{display:inline-flex;position:relative}.number-input-wrap .number-input{-moz-appearance:textfield;width:100%;padding-right:24px}.number-input-wrap .number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input-wrap .number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input-steppers{border-left:1px solid var(--card-border);border-radius:0 7px 7px 0;flex-direction:column;width:20px;display:flex;position:absolute;top:1px;bottom:1px;right:1px;overflow:hidden}.number-input-step{border:none;border-bottom:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;padding:0;line-height:0;display:flex}.number-input-step:last-child{border-bottom:none}.number-input-step:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.number-input-step:active:not(:disabled){background:var(--card-border)}.number-input-step:disabled{cursor:not-allowed;opacity:.5}.number-input-wrap.disabled .number-input-steppers{opacity:.5}.chevron{-webkit-user-select:none;user-select:none;transition:transform .15s;display:inline-flex}.chevron.open{transform:rotate(90deg)}.qty-btn-lg{border:1px solid var(--card-border);background:var(--bg-inset);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;display:flex}.qty-btn-lg:hover{border-color:var(--accent);color:var(--accent)}input[type=checkbox]{appearance:none;border:1px solid var(--card-border);background:var(--bg-inset);cursor:pointer;border-radius:4px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;margin:0;transition:background .15s,border-color .15s;display:inline-flex}input[type=checkbox]:hover{border-color:var(--accent)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";border:2px solid #04140d;border-width:0 2px 2px 0;width:4px;height:8px;transform:rotate(45deg)translate(-1px,-1px)}.toggle{cursor:pointer;background:#262f2b;border:none;border-radius:999px;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.toggle.on{background:var(--accent)}.toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle.on .toggle-knob{transform:translate(16px)}.modal-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-panel);border:1px solid var(--card-border);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;padding:24px;overflow-y:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#232b27;border-radius:6px}.mobile-menu-btn,.sidebar-backdrop{display:none}.app-sidebar{transition:width .2s,padding .2s;overflow:hidden}@media (width>=901px){.app-sidebar.collapsed{border-right:none!important;width:0!important;padding:0!important}}@media (width<=900px){.sidebar-toggle-btn{display:none!important}.app-sidebar{z-index:210;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #00000080}.app-sidebar.open{transform:translate(0)}.mobile-menu-btn{flex:none;display:flex}.sidebar-backdrop.open{z-index:200;background:#0000008c;display:block;position:fixed;inset:0}.app-content{padding:16px!important}.app-header{padding:14px 16px!important}}.till-grid{grid-template-columns:1fr 520px}@media (width<=1100px){.till-shell{min-height:calc(100vh - 90px);height:auto!important}.till-grid{grid-template-columns:1fr!important;height:auto!important}.till-left{max-height:60vh}.qk-wrap{flex:none!important;min-height:0!important;container-type:normal!important}.qk-grid{width:100%!important;height:auto!important}.qk-cell{aspect-ratio:1}.till-right{border-top:1px solid var(--card-border);border-left:none!important}}.grid-5-7{grid-template-columns:5fr 7fr;align-items:stretch;gap:16px;display:grid}.grid-7-5{grid-template-columns:7fr 5fr;align-items:start;gap:16px;display:grid}@media (width<=900px){.grid-5-7,.grid-7-5{grid-template-columns:1fr}}@property --qk-spread{syntax:"<percentage>";inherits:false;initial-value:45%}.qk-page-key{isolation:isolate;background-color:rgba(var(--qk-rgb), .12);background-origin:border-box;position:relative}.qk-page-key>*{z-index:1;position:relative}.qk-page-key:before{content:"";pointer-events:none;background:radial-gradient(circle closest-side, rgba(var(--qk-rgb), .4) 0%, rgba(var(--qk-rgb), 0) var(--qk-spread));width:900%;height:900%;animation:qk-orbit var(--qk-dur,32s) linear infinite, qk-breathe calc(var(--qk-dur,32s) * .61) ease-in-out infinite;position:absolute;top:-400%;left:-400%}@keyframes qk-orbit{0%{transform:rotate(0)translate(8.333%)}to{transform:rotate(360deg)translate(8.333%)}}@keyframes qk-breathe{0%{--qk-spread:40%}18%{--qk-spread:62%}41%{--qk-spread:28%}67%{--qk-spread:54%}84%{--qk-spread:34%}to{--qk-spread:40%}}@media (prefers-reduced-motion:reduce){.qk-page-key:before{animation:none;transform:rotate(90deg)translate(8.333%)}}@property --cd-strength{syntax:"<percentage>";inherits:false;initial-value:30%}@property --cd-start{syntax:"<percentage>";inherits:false;initial-value:30%}.cd-row-highlight{background-image:linear-gradient(to bottom, transparent var(--cd-start), color-mix(in srgb, var(--accent) var(--cd-strength), transparent) 100%);animation:5.2s ease-in-out infinite alternate cd-shimmer}.cd-screen-glow{pointer-events:none;background-image:linear-gradient(to bottom, transparent var(--cd-start), color-mix(in srgb, var(--accent) var(--cd-strength), transparent) 100%);height:45%;animation:5.2s ease-in-out infinite alternate cd-shimmer;position:absolute;bottom:0;left:0;right:0}@keyframes cd-shimmer{0%{--cd-strength:16%;--cd-start:46%}to{--cd-strength:44%;--cd-start:12%}}@media (prefers-reduced-motion:reduce){.cd-row-highlight,.cd-screen-glow{animation:none}}.cd-total-shimmer{background-image:linear-gradient(100deg, var(--accent) 38%, color-mix(in srgb, #fff 75%, var(--accent)) 50%, var(--accent) 62%);-webkit-text-fill-color:transparent;background-position:100% 0;background-repeat:no-repeat;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:5.2s ease-in-out infinite cd-total-shimmer}@keyframes cd-total-shimmer{0%{background-position:100% 0}60%,to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.cd-total-shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}.cd-digit{-webkit-text-fill-color:var(--accent);vertical-align:top;height:1.1em;display:inline-block;overflow:hidden}.cd-digit>span{flex-direction:column;display:flex}.cd-digit>span>span{height:1.1em;display:block}.cd-roll-up{animation:.45s cubic-bezier(.2,.8,.2,1) both cd-roll-up}.cd-roll-down{animation:.45s cubic-bezier(.2,.8,.2,1) both cd-roll-down}@keyframes cd-roll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes cd-roll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cd-roll-up,.cd-roll-down{animation:none}}.cd-slide-in-top{animation:.5s cubic-bezier(.2,.8,.2,1) both cd-slide-in-top}@keyframes cd-slide-in-top{0%{opacity:0;transform:translateY(-160px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cd-slide-in-top{animation:none}}.sale-detail-in{animation:.18s both sale-detail-in}@keyframes sale-detail-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sale-detail-in{animation:none}}@keyframes cd-spin{to{transform:rotate(360deg)}}.cd-spinner{animation:.9s linear infinite cd-spin}@keyframes cd-card-pulse{0%,to{box-shadow:0 0 #34d39973}50%{box-shadow:0 0 0 14px #34d39900}}.cd-card-pulse{animation:1.8s ease-in-out infinite cd-card-pulse}@media (prefers-reduced-motion:reduce){.cd-spinner{animation-duration:2.4s}.cd-card-pulse{animation:none}}@media (width<=820px){.delivery-form-grid{grid-template-columns:minmax(0,1fr)!important}.delivery-form-grid>div+div{border-top:1px solid var(--divider);border-left:none!important}}.rota-tile:hover{filter:brightness(1.12)}.rota-tile:active{transform:scale(.97)}.rota-tile:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.print-slip-root{display:none}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}body>:not(.print-slip-root){display:none!important}.print-slip-root{display:block}}.rcpt{box-sizing:border-box;color:#000;background:#fff;width:68mm;margin:0 auto;padding:4mm 0 12mm;font-family:Arial,Segoe UI,Helvetica,sans-serif;font-size:12px;font-weight:500;line-height:1.3}.rcpt *{box-sizing:border-box;color:#000!important;background:0 0!important}.rcpt-center{text-align:center}.rcpt-logo{filter:invert()grayscale()contrast(1.4);width:22mm;height:auto;margin:0 auto 2mm;display:block}.rcpt-name{text-transform:uppercase;letter-spacing:.02em;font-size:15px;font-weight:700}.rcpt-small{white-space:pre-line;font-size:11px}.rcpt-hr{border:0;border-top:1px dashed #000;margin:2.5mm 0}.rcpt-row{justify-content:space-between;gap:3mm;display:flex}.rcpt-row>:last-child{text-align:right;font-variant-numeric:tabular-nums;flex:none}.rcpt-item{margin-bottom:1.6mm}.rcpt-name-line{overflow-wrap:anywhere;font-weight:700}.rcpt-sub{padding-left:3mm;font-size:11px}.rcpt-total{margin:1mm 0;font-size:19px;font-weight:700}.rcpt-bold{font-weight:700}
