@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Thmanyah Sans", "Cairo", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah-sans/thmanyahsans-light.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah-sans/thmanyahsans-regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah-sans/thmanyahsans-medium.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah-sans/thmanyahsans-bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah-sans/thmanyahsans-black.woff2)format("woff2");font-style:normal;font-weight:900;font-display:swap}:root{font-kerning:normal;font-variant-ligatures:common-ligatures contextual;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1,"salt" 1;color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--primary:#92163b;--primary-dark:#6f0f2c;--red:#d92732;--ink:#172033;--muted:#697386;--line:#e5e8ed;--surface:#fff;--canvas:#f5f6f8;background:#f5f6f8;font-family:Thmanyah Sans,Cairo,IBM Plex Sans Arabic,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--canvas);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #92163b40}svg{flex:none}.brand{color:inherit;align-items:center;gap:.65rem;display:flex}.brand-mark{border:2px solid;border-radius:12px 5px;place-items:center;width:2.7rem;height:2.7rem;font-size:1.35rem;font-weight:900;display:grid;transform:rotate(-4deg)}.brand>div{line-height:1;display:grid}.brand strong{letter-spacing:-.04em;font-size:1.45rem;font-weight:950}.brand small{letter-spacing:.12em;margin-top:.3rem;font-size:.62rem;font-weight:800}.login-page{background:#fff;grid-template-columns:1.08fr .92fr;min-height:100dvh;display:grid}.login-showcase{color:#fff;isolation:isolate;background:linear-gradient(145deg,#5e0d27,#92163b 55%,#bd213d);flex-direction:column;min-height:100vh;padding:clamp(2rem,5vw,4.5rem);display:flex;position:relative;overflow:hidden}.login-showcase:before,.login-showcase:after{z-index:-1;content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute}.login-showcase:before{width:38rem;height:38rem;inset:-16rem auto auto -12rem}.login-showcase:after{width:25rem;height:25rem;inset:auto -9rem -8rem auto;box-shadow:0 0 0 5rem #ffffff08,0 0 0 10rem #ffffff05}.showcase-copy{max-width:43rem;margin:auto 0}.soft-pill{color:#fff;background:#ffffff17;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.showcase-copy h1{letter-spacing:-.06em;margin:1.4rem 0;font-size:clamp(2.6rem,5vw,5rem);line-height:1.25}.showcase-copy h1 em{color:#ffc7cb;font-style:normal}.showcase-copy>p{color:#ffffffb8;max-width:34rem;margin:0;font-size:clamp(1rem,1.5vw,1.22rem);line-height:2}.feature-strip{flex-wrap:wrap;gap:1.7rem;margin-top:3rem;display:flex}.feature-strip span{align-items:center;gap:.55rem;font-size:.9rem;font-weight:700;display:flex}.feature-strip svg{color:#ffc7cb}.showcase-footer{color:#ffffff80}.login-form-wrap{background:radial-gradient(circle at 100% 0,#fff1f2,#0000 28rem),#fff;place-items:center;padding:2rem;display:grid}.login-card{width:min(100%,28rem)}.kicker{color:var(--primary);letter-spacing:.08em;font-size:.72rem;font-weight:900}.login-card h2{letter-spacing:-.04em;margin:.45rem 0;font-size:clamp(1.8rem,3vw,2.45rem)}.login-card header p,.page-head p{color:var(--muted)}.login-card label{color:#374151;margin:1.15rem 0 .55rem;font-size:.86rem;font-weight:800;display:block}.input-wrap{color:#8d96a6;background:#fafbfc;border:1px solid #dfe3e8;border-radius:12px;align-items:center;gap:.7rem;min-height:3.35rem;padding:0 1rem;transition:all .2s;display:flex}.input-wrap:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #92163b14}.input-wrap input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.input-wrap button{color:#7a8494;background:0 0;border:0;place-items:center;display:grid}.primary{background:var(--primary);color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:.55rem;min-height:2.9rem;padding:.75rem 1.15rem;font-weight:850;transition:all .2s;display:inline-flex;box-shadow:0 8px 20px #92163b2e}.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.primary.wide{width:100%;min-height:3.5rem;margin-top:1.6rem}.primary:disabled{opacity:.7}.preview{width:100%;color:var(--primary);background:0 0;border:0;margin-top:.7rem;padding:.65rem;font-size:.86rem;font-weight:800}.secure-note{color:#8a93a1;justify-content:center;align-items:center;gap:.45rem;margin-top:2rem;font-size:.73rem;display:flex}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.7s linear infinite spin}.mobile-brand{display:none}@keyframes spin{to{transform:rotate(360deg)}}.workspace{min-height:100dvh}.sidebar{z-index:10;color:#fff;background:linear-gradient(#74102e,#8f173a 55%,#691027);flex-direction:column;width:17rem;padding:2rem 1.25rem 1.25rem;display:flex;position:fixed;inset:0 0 0 auto}.sidebar>.brand{margin:0 .75rem 2.4rem}.sidebar nav{gap:.35rem;display:grid}.sidebar nav button,.logout{color:#ffffffad;text-align:right;background:0 0;border:0;border-radius:10px;align-items:center;gap:.8rem;width:100%;min-height:3.25rem;padding:0 1rem;font-size:.9rem;font-weight:700;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff1f}.sidebar nav button.active{box-shadow:inset -3px 0 #ffb8c0}.sidebar nav button b{min-width:1.45rem;height:1.45rem;color:var(--primary);background:#fff;border-radius:99px;place-items:center;margin-inline-start:auto;font-size:.7rem;display:grid}.help-card{background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;justify-items:start;gap:.35rem;margin-top:auto;padding:1rem;display:grid}.help-card svg{color:#ffc4ca;margin-bottom:.4rem}.help-card strong{font-size:.85rem}.help-card span{color:#ffffff8f;font-size:.72rem}.logout{margin-top:.8rem}.main{min-height:100vh;margin-inline-start:17rem}.topbar{z-index:8;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;align-items:center;gap:1.2rem;height:4.6rem;padding:0 clamp(1rem,3vw,2.4rem);display:flex;position:sticky;top:0}.online{color:#1f8d56;align-items:center;gap:.45rem;font-size:.75rem;font-weight:800;display:flex}.online>span,.toolbar p>span,.working i{background:#26b66c;border-radius:50%;width:.48rem;height:.48rem;box-shadow:0 0 0 4px #26b66c1f}.role-switch,.period{background:#f1f3f6;border-radius:10px;padding:.25rem;display:flex}.role-switch{margin-inline-start:auto}.role-switch button,.period button{color:#7a8494;background:0 0;border:0;border-radius:8px;padding:.48rem .8rem;font-size:.75rem;font-weight:800}.role-switch button.active,.period button.active{color:var(--primary);background:#fff;box-shadow:0 2px 8px #16203317}.employee{border-inline-start:1px solid var(--line);align-items:center;gap:.65rem;padding-inline-start:1rem;display:flex}.employee>span{width:2.5rem;height:2.5rem;color:var(--primary);background:#f7e8ed;border-radius:11px;place-items:center;font-weight:900;display:grid}.employee div{display:grid}.employee strong{font-size:.78rem}.employee small{color:var(--muted);margin-top:.2rem;font-size:.65rem}.top-brand{display:none}.content{padding:clamp(1.3rem,3.3vw,3rem);max-width:96rem;margin:auto;padding-bottom:6rem}.page-head{justify-content:space-between;align-items:center;gap:1rem;min-height:4.4rem;margin-bottom:1.5rem;display:flex}.page-head h1{color:var(--ink);letter-spacing:-.045em;margin:.3rem 0 0;font-size:clamp(1.6rem,3vw,2.3rem)}.outline{border:1px solid var(--line);color:#566174;background:#fff;border-radius:10px;align-items:center;gap:.5rem;min-height:2.7rem;padding:.6rem .9rem;font-size:.78rem;font-weight:750;display:inline-flex}.hero{color:#fff;background:linear-gradient(115deg,#72102d,#a31c43);border-radius:22px;justify-content:space-between;align-items:center;min-height:16rem;padding:clamp(1.6rem,4vw,3rem);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #700f2c2e}.hero:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:23rem;height:23rem;position:absolute;inset:-10rem auto auto -7rem;box-shadow:0 0 0 4rem #ffffff08}.hero>div{z-index:1}.hero>div>span{color:#ffc2ca;font-size:.78rem;font-weight:800}.hero h2{margin:.6rem 0;font-size:clamp(1.45rem,3vw,2.25rem)}.hero p{color:#ffffffab}.hero>div>div{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.hero button{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:800;display:inline-flex}.hero button:first-child{color:var(--primary);background:#fff;border-color:#fff}.hero aside{background:#ffffff12;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:12rem;height:12rem;margin-inline-end:4%;display:grid;position:relative;transform:rotate(-8deg)}.hero aside>span{background:#2dbf73;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;display:grid;position:absolute;inset:auto 1.3rem 1.1rem auto}.metrics{grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.2rem 0;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:1rem;min-height:8rem;padding:1.15rem;display:flex;box-shadow:0 5px 18px #17203308}.metric>span{border-radius:12px;place-items:center;width:3rem;height:3rem;display:grid}.metric.green>span{color:#16864e;background:#e7f8ef}.metric.blue>span{color:#2474c7;background:#eaf3fd}.metric.amber>span{color:#b26a0b;background:#fff3dd}.metric.red>span{color:var(--primary);background:#f9e9ee}.metric div{display:grid}.metric div>small{color:var(--muted);font-style:normal}.metric strong{margin:.2rem 0;font-size:1.65rem}.metric em{color:#349365;font-size:.67rem;font-style:normal}.two-cols{grid-template-columns:1.3fr .7fr;gap:1rem;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 5px 18px #17203308}.panel-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;display:flex}.panel-head h2{margin:0;font-size:1rem}.panel-head p{color:var(--muted);margin:.2rem 0 0;font-size:.72rem}.panel-head button{color:var(--primary);background:0 0;border:0;font-size:.74rem;font-weight:800}.panel-head>b{color:var(--primary);background:#f8e9ee;border-radius:99px;padding:.4rem .65rem;font-size:.68rem}.active-order{background:#f8f9fb;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.active-order>b{width:2.4rem;height:2.4rem;color:var(--primary);background:#fff;border-radius:10px;place-items:center;display:grid}.active-order>div{gap:.45rem;display:grid}.active-order small{color:var(--muted)}.active-order button{background:var(--primary);color:#fff;border:0;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;display:grid;transform:rotate(180deg)}.progress{background:#e8ebef;border-radius:99px;height:.42rem;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg,var(--primary),#d9354e);height:100%;display:block}.target>div:last-child{align-items:center;gap:1.3rem;display:flex}.target-ring{border:8px solid #f0dce3;border-top-color:var(--primary);text-align:center;border-radius:50%;place-content:center;width:6.3rem;height:6.3rem;display:grid;transform:rotate(-25deg)}.target-ring>*{transform:rotate(25deg)}.target-ring strong{font-size:1.3rem}.target-ring small{color:var(--muted)}.target p{color:var(--muted);font-size:.78rem}.toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.search{border:1px solid var(--line);color:#8b94a4;background:#fff;border-radius:11px;align-items:center;gap:.6rem;width:min(100%,29rem);height:3rem;padding:0 .9rem;display:flex}.search input{background:0 0;border:0;outline:0;width:100%}.toolbar p{color:var(--muted);align-items:center;gap:.45rem;font-size:.78rem;display:flex}.queue-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.order-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:1.25rem;transition:all .2s}.order-card:hover{border-color:#d9a6b8;transform:translateY(-2px);box-shadow:0 14px 34px #17203314}.order-card>div{align-items:center;gap:.6rem;display:flex}.order-card>div>small{color:var(--muted);align-items:center;gap:.3rem;margin-inline-start:auto;font-size:.68rem;display:flex}.order-card h2{margin:1.2rem 0 .8rem;font-size:1.05rem}.order-card p{color:var(--muted);gap:1.2rem;font-size:.75rem;display:flex}.order-card p span{align-items:center;gap:.35rem;display:flex}.order-card>button{width:100%;color:var(--primary);background:#f8e9ee;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:850;display:flex}.badge{border-radius:99px;padding:.26rem .5rem;font-size:.62rem}.b0{color:#d21e2d;background:#fff0f1}.b1,.b3{color:#32805a;background:#eef7f2}.b2{color:#a76612;background:#fff4df}.back{color:var(--muted);background:0 0;border:0;align-items:center;gap:.4rem;margin-bottom:.8rem;font-size:.76rem;display:flex}.working{color:#218251;background:#e9f8f0;border-radius:99px;align-items:center;gap:.5rem;padding:.5rem .8rem;font-size:.72rem;font-weight:800;display:flex}.order-layout{grid-template-columns:minmax(0,1fr) 21rem;gap:1rem;display:grid}.items-panel{padding:0;overflow:hidden}.order-progress{border-bottom:1px solid var(--line);gap:.55rem;padding:1.3rem;display:grid}.order-progress>div:first-child{justify-content:space-between;display:flex}.order-progress small{color:var(--muted);font-size:.7rem}.item{border-bottom:1px solid #edf0f3;grid-template-columns:2rem 3rem 1fr auto auto;align-items:center;gap:.8rem;padding:1rem 1.3rem;display:grid}.item:last-child{border-bottom:0}.item>b{color:#8b94a3;background:#f1f3f6;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-size:.72rem;display:grid}.item.done>b{color:#24905b;background:#e6f7ed}.product{color:#ad7b48;background:#f5f0eb;border-radius:10px;place-items:center;width:2.8rem;height:2.8rem;display:grid}.item>div{display:grid}.item>div small{color:var(--muted);font-size:.65rem}.item em{font-style:normal;font-weight:850}.item>span:last-child{color:#a36a1b;background:#fff4df;border-radius:99px;padding:.3rem .55rem;font-size:.64rem}.item.done>span:last-child{color:#248052;background:#e8f7ef}.order-aside{align-content:start;gap:.8rem;display:grid}.info h2{margin:0 0 1rem;font-size:1rem}.info dl{margin:0}.info dl div{border-bottom:1px dashed var(--line);justify-content:space-between;padding:.7rem 0;font-size:.78rem;display:flex}.info dl div:last-child{border:0}.info dt{color:var(--muted)}.info dd{margin:0;font-weight:800}.scan-cta{background:var(--primary);color:#fff;text-align:right;border:0;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:1rem;display:grid}.scan-cta>span{background:#ffffff24;border-radius:10px;place-items:center;width:2.8rem;height:2.8rem;display:grid}.scan-cta>div{display:grid}.scan-cta small{color:#ffffff94;margin-top:.2rem;font-size:.64rem}.unavailable{color:#c02632;background:#fff;border:1px solid #f1c9cc;border-radius:11px;padding:.75rem;font-weight:800}.scan-layout{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1rem;display:grid}.scanner{border:1px solid var(--line);background:#fff;border-radius:18px;padding:clamp(1rem,3vw,2rem)}.scan-frame{min-height:22rem;color:var(--primary);text-align:center;background:radial-gradient(circle,#fff 0,#fbf4f6);border:2px dashed #d5a4b5;border-radius:18px;place-content:center;display:grid;position:relative}.scan-frame>i{background:linear-gradient(90deg,#0000,#e32e43,#0000);width:68%;height:2px;animation:2.2s ease-in-out infinite scan;position:absolute;top:45%;right:16%;box-shadow:0 0 12px #e32e43}.scan-frame h2{color:var(--ink);margin:1rem 0 .2rem;font-size:1.15rem}.scan-frame p{color:var(--muted);margin:0;font-size:.75rem}.scan-frame.success{color:#188b51;background:#f2fcf7;border-color:#71c998}.big-check{background:#dff6e9;border-radius:50%;place-items:center;width:5rem;height:5rem;margin:auto;display:grid}@keyframes scan{0%,to{transform:translateY(-4rem)}50%{transform:translateY(4rem)}}.divider{color:var(--muted);align-items:center;gap:1rem;font-size:.7rem;display:flex}.divider:before,.divider:after{background:var(--line);content:"";flex:1;height:1px}.scanner form{gap:.7rem;display:flex}.scanner form .input-wrap{flex:1}.recent-row{border-bottom:1px solid var(--line);align-items:center;gap:.7rem;padding:.85rem 0;display:flex}.recent-row>span{color:#238b55;background:#e8f7ef;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.recent-row>div{display:grid}.recent-row small{color:var(--muted);font-size:.65rem}.recent .panel-head>b{color:#218251;background:#e8f7ef}.sync{color:#25865a;background:#f2f9f5;border-radius:10px;align-items:center;gap:.7rem;margin-top:1rem;padding:.8rem;display:flex}.sync div{display:grid}.sync small{color:#61907a;font-size:.65rem}.stats-layout{grid-template-columns:1.2fr .8fr;gap:1rem;display:grid}.bars{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:.7rem;height:18rem;padding-top:2rem;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.6rem;height:100%;display:flex}.bars span{background:#e6cbd5;border-radius:7px 7px 0 0;width:min(2rem,70%)}.bars span.peak{background:var(--primary)}.bars small{color:var(--muted);direction:ltr;font-size:.58rem}.leader{border-bottom:1px solid var(--line);grid-template-columns:1.5rem 2.2rem 1fr auto;align-items:center;gap:.6rem;padding:.75rem .4rem;display:grid}.leader:last-child{border:0}.leader>span{width:2.2rem;height:2.2rem;color:var(--primary);background:#f5e8ed;border-radius:10px;place-items:center;font-weight:900;display:grid}.leader>div{display:grid}.leader small{color:var(--muted);font-size:.62rem}.leader.me{background:#fbf1f4;border-radius:10px;padding-inline:.7rem}.leader.me>b:first-child{color:var(--primary)}.mobile-nav{display:none}.error-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;width:min(100% - 2rem,34rem);margin:12vh auto;padding:2rem}.error-icon{background:var(--primary);color:#fff;border-radius:14px;place-items:center;width:4rem;height:4rem;margin:auto;font-size:2rem;font-weight:900;display:grid}.error-card h1{color:var(--primary)}.technical-detail{color:var(--muted);font-family:monospace}@media(max-width:1100px){.metrics,.queue-grid{grid-template-columns:repeat(2,1fr)}.two-cols,.stats-layout{grid-template-columns:1fr}.hero aside{margin-inline-end:0}.order-layout{grid-template-columns:1fr}.order-aside{grid-template-columns:1fr 1fr}.order-aside .info{grid-column:1/-1}}@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-form-wrap{min-height:100dvh;padding:1.2rem}.mobile-brand{color:var(--primary);margin-bottom:3rem;display:block}.sidebar{display:none}.main{margin:0}.topbar{height:4.2rem}.top-brand{color:var(--primary);margin-inline-end:auto;display:block}.topbar .online{display:none}.role-switch{margin-inline-start:0}.employee{display:none}.content{padding:1.2rem 1rem 6rem}.mobile-nav{z-index:20;border-top:1px solid var(--line);padding:.4rem max(.35rem,env(safe-area-inset-right)) calc(.4rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.mobile-nav button{color:#8891a1;background:0 0;border:0;justify-items:center;gap:.2rem;min-width:3.5rem;padding:.35rem;display:grid}.mobile-nav button.active{color:var(--primary)}.mobile-nav small{font-size:.58rem;font-weight:800}.page-head{align-items:flex-start}.hero{min-height:17rem}.hero aside{display:none}.scan-layout{grid-template-columns:1fr}.scan-frame{min-height:18rem}}@media(max-width:580px){.page-head{flex-wrap:wrap}.page-head>:last-child{max-width:100%}.page-head .outline{font-size:.68rem}.hero{border-radius:16px;padding:1.3rem}.hero p{font-size:.8rem;line-height:1.8}.hero>div>div{display:grid}.hero button{justify-content:center}.metrics{grid-template-columns:1fr 1fr;gap:.65rem}.metric{align-items:flex-start;gap:.6rem;min-height:7.4rem;padding:.85rem}.metric>span{width:2.45rem;height:2.45rem}.metric strong{font-size:1.25rem}.metric div>small,.metric em{font-size:.58rem}.queue-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.search{width:100%}.item{grid-template-columns:1.7rem 2.6rem 1fr auto;padding:.8rem}.item>span:last-child{display:none}.item em{font-size:.75rem}.order-aside{grid-template-columns:1fr}.scanner form{flex-direction:column}.scan-frame{min-height:16rem}.recent{display:none}.bars{height:14rem}.login-card header{margin-bottom:1.5rem}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{background:#e9ebef}body{background:radial-gradient(circle at 50% 0,#92163b14,#0000 34rem),#e9ebef}.login-page,.workspace{background:var(--canvas);width:min(100%,30rem);min-height:100dvh;margin-inline:auto;overflow:hidden;box-shadow:0 0 60px #1720331f}.login-page{display:block}.login-showcase,.sidebar{display:none}.login-form-wrap{min-height:100dvh;padding:max(1.5rem,env(safe-area-inset-top)) 1.2rem max(1.5rem,env(safe-area-inset-bottom));background:radial-gradient(circle at 92% 4%,#92163b21,#0000 13rem),linear-gradient(#fff 0% 52%,#faf7f8);flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex;position:relative}.mobile-brand{color:var(--primary);margin:1rem 0 auto;display:block}.login-card{width:100%;margin-block:auto;padding:1.35rem 0 1rem}.login-card header{margin-bottom:1.6rem}.login-card h2{font-size:1.9rem}.input-wrap{background:#fff;border-radius:15px;min-height:3.75rem}.primary.wide{border-radius:15px;min-height:3.8rem}.main{background:#f6f7f9;min-height:100dvh;margin:0}.topbar{height:auto;min-height:4.5rem;padding:max(.65rem,env(safe-area-inset-top)) 1rem .65rem;box-shadow:0 1px 0 var(--line);border-bottom:0;gap:.65rem}.top-brand{color:var(--primary);margin-inline-end:auto;display:block}.top-brand .brand-mark{border-radius:10px 4px;width:2.25rem;height:2.25rem;font-size:1.05rem}.top-brand .brand strong{font-size:1.15rem}.topbar .online,.employee{display:none}.role-switch{margin:0;padding:.2rem}.role-switch button{min-height:2.75rem;padding:.35rem .65rem}.content{max-width:none;padding:1.1rem 1rem calc(6.2rem + env(safe-area-inset-bottom))}.page-head{align-items:flex-end;min-height:3.7rem;margin-bottom:1rem}.page-head h1{font-size:1.55rem}.page-head .outline{min-height:2.75rem;padding:.45rem .65rem;font-size:.64rem}.panel-head button{min-width:2.75rem;min-height:2.75rem;padding:.45rem}.hero{border-radius:20px;min-height:0;padding:1.35rem;box-shadow:0 14px 32px #700f2c2e}.hero h2{margin:.45rem 0;font-size:1.38rem;line-height:1.55}.hero p{margin:0;font-size:.76rem;line-height:1.8}.hero>div>div{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem;display:grid}.hero button{justify-content:center;min-height:3rem;padding:.65rem .45rem;font-size:.72rem}.hero aside{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.8rem 0}.metric{border-radius:17px;align-items:flex-start;gap:.55rem;min-height:7rem;padding:.85rem}.metric>span{border-radius:10px;width:2.35rem;height:2.35rem}.metric strong{font-size:1.25rem}.metric div>small,.metric em{font-size:.57rem}.two-cols,.stats-layout,.scan-layout,.order-layout{grid-template-columns:minmax(0,1fr);gap:.75rem}.panel{border-radius:18px;padding:1rem}.active-order{border-radius:14px;grid-template-columns:auto 1fr;padding:.85rem}.active-order>button{display:none}.target>div:last-child{justify-content:center}.target-ring{width:5.6rem;height:5.6rem}.toolbar{flex-direction:column;align-items:stretch;gap:.7rem}.search{border-radius:14px;width:100%;height:3.35rem}.toolbar p{margin:0}.queue-grid{grid-template-columns:minmax(0,1fr);gap:.75rem}.order-card{border-radius:18px;padding:1rem}.order-card:hover{transform:none}.order-card>button,.scan-cta,.unavailable{border-radius:14px;min-height:3.25rem}.order-aside{grid-template-columns:minmax(0,1fr)}.item{grid-template-columns:1.7rem 2.6rem minmax(0,1fr) auto;gap:.6rem;padding:.85rem .8rem}.item>span:last-child{display:none}.item em{font-size:.72rem}.scanner{border-radius:20px;padding:1rem}.scan-frame{border-radius:18px;min-height:18rem}.scanner form{flex-direction:column}.scanner form .primary{border-radius:14px;min-height:3.3rem}.recent{display:block}.bars{height:13rem}.chart,.leaderboard{overflow:hidden}.mobile-nav{z-index:20;border-top:1px solid var(--line);width:min(100%,30rem);min-height:4.4rem;padding:.45rem .35rem max(.45rem,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;justify-content:space-around;display:flex;position:fixed;inset:auto auto 0 50%;transform:translate(-50%);box-shadow:0 -8px 24px #1720330f}.mobile-nav button{color:#8992a2;background:0 0;border:0;border-radius:12px;place-content:center;justify-items:center;gap:.18rem;min-width:3.6rem;min-height:3.2rem;padding:.3rem;display:grid;position:relative}.mobile-nav button.active{color:var(--primary);background:#faeff3}.mobile-nav small{font-size:.56rem;font-weight:850}@media(min-width:31rem){.login-page,.workspace{border:1px solid #17203314;border-radius:28px;min-height:calc(100dvh - 2rem);margin-block:1rem}.workspace,.main{min-height:calc(100dvh - 2rem)}.topbar{border-radius:28px 28px 0 0}.mobile-nav{border-radius:0 0 28px 28px;bottom:1rem}}.form-alert{border:1px solid;border-radius:12px;padding:.8rem .9rem;font-size:.78rem;font-weight:500;line-height:1.7}.form-alert.error{color:#9f1239;background:#fff1f2;border-color:#fecaca}.form-alert.warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.input-wrap.invalid{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.field-error{color:#b91c1c;margin-top:-.45rem;font-size:.7rem;font-weight:500;display:block}.connected-shell,.state-page{background:#f6f7f9;width:min(100%,30rem);min-height:100dvh;margin-inline:auto}.connected-topbar{min-height:4.75rem;padding:max(.75rem,env(safe-area-inset-top)) 1rem .75rem;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;display:flex}.connected-topbar .outline{border-radius:12px;min-height:2.75rem;padding:.65rem .9rem}.connected-content{padding:3rem 1rem calc(2rem + env(safe-area-inset-bottom))}.connected-content h1{color:var(--ink);margin:.55rem 0;font-size:2rem;line-height:1.45}.connected-content>p:not(.kicker){color:var(--muted);line-height:1.9}.connection-chip{color:#177245;background:#e8f7ef;border-radius:999px;align-items:center;min-height:2rem;padding:.35rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.connection-chip:before{content:"";background:#22a565;border-radius:999px;width:.45rem;height:.45rem;margin-inline-end:.45rem}.connected-card{border:1px solid var(--line);background:#fff;border-radius:18px;gap:.35rem;margin-top:2rem;padding:1.25rem;display:grid;box-shadow:0 8px 24px #1720330d}.connected-card strong{color:var(--primary);text-align:right;direction:ltr;font-size:1.15rem}.connected-card span{color:var(--muted);font-size:.76rem}.state-page{place-items:center;padding:1rem;display:grid}.state-page>section{border:1px solid var(--line);text-align:center;background:#fff;border-radius:20px;padding:1.5rem}.state-page h1{margin:.7rem 0;font-size:1.5rem}.state-page p{color:var(--muted);margin-bottom:1.25rem;line-height:1.8}.picker-shell{background:#f5f6f8;width:min(100%,30rem);min-height:100dvh;margin-inline:auto;overflow:hidden;box-shadow:0 0 60px #1720331f}.picker-topbar{z-index:10;min-height:4.75rem;padding:max(.7rem,env(safe-area-inset-top)) 1rem .7rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid;position:sticky;top:0}.compact-brand .brand-mark{border-radius:10px 4px;width:2.35rem;height:2.35rem;font-size:1.05rem}.compact-brand strong{font-size:1.1rem}.picker-employee{justify-items:start;min-width:0;display:grid}.picker-employee small{color:var(--muted);font-size:.62rem}.picker-employee strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;overflow:hidden}.icon-action,.back-action{border:1px solid var(--line);color:#5f6878;background:#fff;border-radius:12px;min-width:2.75rem;min-height:2.75rem;padding:.45rem .7rem;font-size:.67rem;font-weight:800}.back-action{margin-inline-start:auto}.picker-content,.picker-detail-content{padding:1.05rem 1rem calc(2rem + env(safe-area-inset-bottom))}.picker-page-heading{justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.picker-page-heading h1{color:var(--ink);letter-spacing:-.04em;margin:.65rem 0 .1rem;font-size:1.65rem}.picker-page-heading p{color:var(--muted);margin:0;font-size:.72rem}.refresh-action,.picker-items-section>header button{min-height:2.75rem;color:var(--primary);background:#fff;border:1px solid #dfc4ce;border-radius:12px;padding:.5rem .8rem;font-size:.7rem;font-weight:850}.refresh-action:disabled,.picker-items-section>header button:disabled{cursor:wait;opacity:.65}.picker-tabs{background:#e9ebef;border-radius:15px;grid-template-columns:1fr 1fr;gap:.35rem;margin:.75rem 0 1rem;padding:.3rem;display:grid}.picker-tabs button{color:#707a8b;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;min-height:3rem;font-size:.78rem;font-weight:850;display:flex}.picker-tabs button.active{color:var(--primary);background:#fff;box-shadow:0 4px 13px #17203314}.picker-tabs b{background:#f5e5eb;border-radius:99px;place-items:center;min-width:1.35rem;min-height:1.35rem;font-size:.63rem;display:grid}.picker-list-heading{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.8rem;display:flex}.picker-list-heading>div{display:grid}.picker-list-heading strong{font-size:.86rem}.picker-list-heading small,.picker-list-heading>span{color:var(--muted);font-size:.65rem}.picker-list-heading>span{background:#eef0f3;border-radius:99px;padding:.35rem .6rem}.picker-next-action,.claim-order-action{min-height:2.8rem;font:inherit;border:0;border-radius:12px;font-size:.7rem;font-weight:850}.picker-next-action{background:var(--primary);color:#fff;flex:none;padding:.55rem .8rem}.claim-order-action{width:100%;color:var(--primary);background:#f6e8ed;margin-top:.8rem}.picker-next-action:disabled,.claim-order-action:disabled{cursor:not-allowed;opacity:.62}.picker-acquisition-feedback{color:#a51732;background:#fff0f1;border-radius:10px;margin:.55rem 0;padding:.65rem .8rem;font-size:.72rem;line-height:1.7}.picker-order-list,.picker-loading{gap:.75rem;margin-top:.5rem;display:grid}.picker-order-card{border:1px solid var(--line);background:#fff;border-radius:19px;padding:1rem;overflow:hidden;box-shadow:0 7px 24px #1720330a}.picker-order-card.active-card{border-color:#ead0da}.order-card-topline,.order-card-footer,.order-progress-copy{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.order-number{color:var(--ink);font-size:1rem;font-weight:900}.status-pill{border-radius:99px;align-items:center;min-height:1.8rem;padding:.28rem .62rem;font-size:.62rem;font-weight:850;display:inline-flex}.status-pill.waiting{color:#9a5a08;background:#fff3dc}.status-pill.active{color:#197348;background:#e9f8f0}.order-card-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:1rem 0;display:grid}.order-card-metrics>div,.detail-summary-grid article{background:#f5f6f8;border-radius:13px;align-content:center;gap:.2rem;min-height:4.25rem;padding:.65rem;display:grid}.order-card-metrics small,.detail-summary-grid small{color:var(--muted);font-size:.59rem}.order-card-metrics strong{font-size:.83rem}.order-card-footer{border-top:1px dashed var(--line);color:#596476;padding-top:.8rem;font-size:.66rem}.order-card-footer small{color:var(--muted)}.order-progress-copy{margin-top:1rem}.order-progress-copy strong{color:var(--primary);font-size:1.25rem}.order-progress-copy span{color:var(--muted);font-size:.67rem}.progress-track{background:#eee8eb;border-radius:99px;height:.55rem;margin-top:.45rem;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#a91945,#d64059);height:100%;display:block}.open-order-action{background:var(--primary);color:#fff;border:0;border-radius:13px;width:100%;min-height:3.15rem;font-size:.76rem;font-weight:900}.picker-data-state{text-align:center;background:#fff;border:1px dashed #d8dce2;border-radius:20px;place-content:center;justify-items:center;min-height:15rem;margin-top:.5rem;padding:1.5rem;display:grid}.picker-data-state>span{width:3.2rem;height:3.2rem;color:var(--primary);background:#f4e5eb;border-radius:50%;place-items:center;font-size:1.2rem;font-weight:900;display:grid}.picker-data-state h2{margin:.85rem 0 .25rem;font-size:1.05rem}.picker-data-state p{max-width:18rem;color:var(--muted);margin:0;font-size:.72rem;line-height:1.8}.picker-data-state button{background:var(--primary);color:#fff;border:0;border-radius:11px;min-height:2.8rem;margin-top:1rem;padding:.55rem 1rem;font-size:.72rem;font-weight:850}.picker-loading>span,.detail-loading>span{background:linear-gradient(90deg,#eceef2,#f8f9fa,#eceef2) 0 0/200% 100%;border-radius:18px;animation:1.2s linear infinite picker-shimmer;display:block}.picker-loading>span{height:11rem}@keyframes picker-shimmer{to{background-position:-200% 0}}.picker-detail-hero{color:#fff;background:linear-gradient(135deg,#6e102b,#9d1940);border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem;display:flex;box-shadow:0 14px 30px #700f2c2e}.detail-order-title h1{text-align:right;margin:.55rem 0 .15rem;font-size:1.45rem}.detail-order-title p{color:#ffffffad;margin:0;font-size:.68rem}.detail-progress-ring{background:radial-gradient(circle,#851436 56%,transparent 57%),conic-gradient(#fff var(--progress),#ffffff29 0);text-align:center;border-radius:50%;flex:none;place-content:center;width:5.4rem;height:5.4rem;display:grid}.detail-progress-ring strong{font-size:1.05rem}.detail-progress-ring small{color:#ffffffa6;font-size:.57rem}.detail-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.8rem 0;display:grid}.detail-summary-grid article{border:1px solid var(--line);background:#fff;min-height:4.7rem}.detail-summary-grid strong{color:var(--primary);font-size:1.05rem}.picker-items-section{margin-top:1rem}.picker-items-section>header{justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:.75rem;display:flex}.picker-items-section h2{margin:0;font-size:1rem}.picker-items-section p{color:var(--muted);margin:.2rem 0 0;font-size:.64rem}.picker-item-list{gap:.6rem;display:grid}.picker-item-card{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:auto 3.1rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.75rem;display:grid}.picker-item-card.complete{background:#fbfefc;border-color:#cce8d9}.picker-scan-section,.picker-finish-section{border:1px solid var(--line);background:#fff;border-radius:18px;gap:.65rem;margin-top:1rem;padding:.9rem;display:grid}.picker-scan-section h2,.picker-finish-section h2{margin:0;font-size:.9rem}.picker-scan-section .shared-scan{box-shadow:none;border:0;border-radius:0;padding:0}.picker-finish-section>p{color:var(--muted);margin:0;font-size:.68rem;line-height:1.65}.picker-unavailable-toggle,.picker-unavailable-form button,.picker-uncertain-action button,.picker-finish-section button,.picker-operation-result button{min-height:2.75rem;color:var(--primary);font:inherit;cursor:pointer;background:#fff;border:1px solid #dfc4ce;border-radius:12px;padding:.55rem .8rem;font-size:.68rem;font-weight:850}.picker-unavailable-toggle{grid-column:1/-1}.picker-unavailable-toggle:disabled,.picker-unavailable-form button:disabled,.picker-finish-section button:disabled{cursor:not-allowed;opacity:.6}.picker-unavailable-form{border-top:1px dashed var(--line);grid-column:1/-1;gap:.5rem;padding-top:.75rem;display:grid}.picker-unavailable-form label{color:#172033;font-size:.68rem;font-weight:850}.picker-unavailable-form input,.picker-unavailable-form textarea{color:#172033;width:100%;min-height:2.75rem;font:inherit;background:#fff;border:1px solid #d9dee7;border-radius:11px;padding:.6rem .7rem;font-size:.75rem}.picker-unavailable-form input{text-align:right;direction:ltr}.picker-unavailable-form textarea{resize:vertical}.picker-uncertain-action{background:#fffaf0;border:1px solid #e7d7a8;border-radius:12px;gap:.45rem;padding:.65rem;display:grid}.picker-uncertain-action p{color:#725719;margin:0;font-size:.67rem;line-height:1.6}.picker-uncertain-action>div{flex-wrap:wrap;gap:.45rem;display:flex}.picker-operation-feedback{border-radius:10px;margin:0;padding:.55rem .65rem;font-size:.67rem;line-height:1.6}.picker-operation-feedback.success{color:#17683f;background:#edf9f2}.picker-operation-feedback.error{color:#a51732;background:#fff0f1}.picker-finish-confirm{border:1px solid #dfc4ce;border-radius:12px;gap:.5rem;padding:.7rem;display:grid}.picker-finish-confirm p{color:#172033;margin:0;font-size:.7rem;line-height:1.65}.picker-finish-section .picker-finish-button,.picker-finish-confirm button:first-of-type{border-color:var(--primary);background:var(--primary);color:#fff}.picker-detail-warning{color:#725719;background:#fffaf0;border:1px solid #e7d7a8;border-radius:12px;margin-top:.8rem;padding:.7rem;font-size:.68rem;line-height:1.6}.picker-operation-result{text-align:center;background:#fbfefc;border:1px solid #cce8d9;border-radius:20px;justify-items:center;gap:.75rem;margin-top:1rem;padding:1.4rem 1rem;display:grid}.picker-operation-result>span{color:#187044;background:#def4e8;border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.2rem;display:grid}.picker-operation-result h1,.picker-operation-result p{margin:0}.picker-operation-result h1{color:#17683f;font-size:1rem}.picker-operation-result p{color:var(--muted);font-size:.72rem;line-height:1.7}.item-index{color:#737d8d;background:#eef0f3;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.64rem;font-weight:900;display:grid}.picker-item-card.complete .item-index{color:#187044;background:#def4e8}.item-image{width:3.1rem;height:3.1rem;color:var(--primary);background:#f2eef0;border-radius:12px;place-items:center;font-weight:900;display:grid;position:relative;overflow:hidden}.item-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.item-copy{gap:.2rem;min-width:0;display:grid}.item-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.item-copy small{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.item-quantity{justify-items:end;display:grid}.item-quantity strong{color:var(--primary);direction:ltr;font-size:.78rem}.item-quantity small{color:var(--muted);font-size:.56rem}.detail-loading{gap:.75rem;padding-top:1rem;display:grid}.detail-loading>span:first-child{height:10rem}.detail-loading>span:not(:first-child){height:4.5rem}.detail-loading p{color:var(--muted);text-align:center;font-size:.72rem}@media(min-width:31rem){.picker-shell{border:1px solid #17203314;border-radius:28px;min-height:calc(100dvh - 2rem);margin-block:1rem}.picker-topbar{border-radius:28px 28px 0 0}}.shared-scan{border:1px solid var(--line);background:#fff;border-radius:18px;gap:.7rem;width:100%;padding:.9rem;display:grid;box-shadow:0 10px 28px #1720330f}.shared-scan-form{gap:.45rem;display:grid}.shared-scan-form>label{color:#172033;font-size:.76rem;font-weight:850}.shared-scan-helper{color:var(--muted);margin:0;font-size:.65rem;line-height:1.7}.shared-scan-control{background:#fff;border:1px solid #d9dee7;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;transition:border-color .16s,box-shadow .16s;display:grid;overflow:hidden}.shared-scan-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #92163b1c}.shared-scan-control.invalid{border-color:#c6283d}.shared-scan-control input,.shared-scan-control button{min-height:3rem;font:inherit;border:0}.shared-scan-control input{color:#172033;text-align:left;background:0 0;outline:0;min-width:0;padding:.7rem .85rem;font-size:.8rem}.shared-scan-control input::placeholder{color:#9aa2b1}.shared-scan-control button{background:var(--primary);color:#fff;cursor:pointer;min-width:6.5rem;padding:.65rem .9rem;font-size:.7rem;font-weight:850}.shared-scan-control button:hover:not(:disabled){background:var(--primary-dark)}.shared-scan-control input:disabled,.shared-scan-control button:disabled{cursor:not-allowed;opacity:.62}.shared-scan-feedback{border-radius:10px;margin:.1rem 0 0;padding:.55rem .65rem;font-size:.66rem;line-height:1.6}.shared-scan-feedback.success{color:#17683f;background:#edf9f2}.shared-scan-feedback.error{color:#a51732;background:#fff0f1}.shared-scan-camera{border-top:1px dashed var(--line);color:var(--muted);align-items:flex-start;gap:.45rem;margin:0;padding-top:.65rem;font-size:.62rem;line-height:1.65;display:flex}.shared-scan-camera>span{color:#606a79;background:#eef0f3;border-radius:50%;flex:none;place-items:center;width:1.25rem;height:1.25rem;font-size:.62rem;font-weight:900;display:grid}.shared-scan-camera.supported>span{color:#187044;background:#def4e8}.shared-scan-camera-controls{gap:.55rem;display:grid}.shared-scan-camera-toggle{min-height:2.75rem;color:var(--primary);font:inherit;cursor:pointer;background:#fff;border:1px solid #dfc4ce;border-radius:12px;padding:.6rem .85rem;font-size:.7rem;font-weight:850}.shared-scan-camera-toggle:disabled{cursor:not-allowed;opacity:.62}.shared-scan-camera-view{aspect-ratio:4/3;background:#111827;border:1px solid #29313e;border-radius:14px;width:100%;position:relative;overflow:hidden}.shared-scan-camera-view video{object-fit:cover;width:100%;height:100%;display:block}.shared-scan-camera-view>span{pointer-events:none;border:2px solid #ffffffc7;border-radius:12px;position:absolute;inset:20%;box-shadow:0 0 0 999px #00000024}.shared-scan-camera-message{color:#596273;background:#f4f5f7;border-radius:10px;margin:0;padding:.55rem .65rem;font-size:.65rem;line-height:1.65}.shared-scan-camera-message.error{color:#a51732;background:#fff0f1}@media(max-width:24rem){.shared-scan-control{grid-template-columns:1fr}.shared-scan-control button{width:100%}}@media(prefers-reduced-motion:reduce){.shared-scan-control{transition:none}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}