:root{--pri: #4f46e5;--pri-deep: #4338ca;--pri-soft: #e0e7ff;--sec: #e0e7ff;--on-sec: #312e81;--surface-1: #f0f4f9;--surface-2: #e9eef6;--bg: #f8fafd;--bg-2: #f0f4f9;--card: #fff;--line: #e1e3e1;--line-strong: #c4c7c5;--outline: #747775;--ink: #1f1f1f;--ink-2: #444746;--text: #1f1f1f;--muted: #444746;--ok: #146c2e;--ok-soft: #c4eed0;--red: #b3261e;--red-soft: #f9dedc;--warn: #7a5900;--warn-soft: #ffefc9;--brand: #d9573b;--font: "Google Sans Flex", "Google Sans", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--r: 16px;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.05, .7, .1, 1);--e1: 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--e2: 0 4px 8px 3px rgba(60, 64, 67, .15), 0 1px 3px rgba(60, 64, 67, .3)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{font-weight:400;margin:0;line-height:1.25}p{margin:0}a{color:inherit}ul,ol{list-style:none;margin:0;padding:0}:focus-visible{outline:2px solid var(--pri);outline-offset:2px}.ms{width:20px;height:20px;fill:currentColor;flex:none}.muted{color:var(--muted)}.small{font-size:13px}.sp,.grow{flex:1}.warn-t{color:var(--red);font-style:normal}.app{display:grid;grid-template-columns:256px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);height:100vh}.appbar{grid-column:1 / -1;display:flex;align-items:center;gap:4px;padding:0 16px 0 8px;background:var(--bg);min-width:0;position:relative;z-index:20}.ab-icon{width:48px;height:48px;border-radius:50%;border:0;background:none;color:var(--ink-2);display:grid;place-items:center;flex:none}.ab-icon:hover{background:#44474614}.ab-icon .ms{width:24px;height:24px}.ab-brand{display:flex;align-items:center;gap:8px;padding:0 8px;height:48px;text-decoration:none;flex:none}.ab-brand img{width:30px;height:30px}.ab-brand b{font:500 21px/1 var(--font);color:var(--brand);letter-spacing:-.2px}.ab-brand span{font:400 20px/1 var(--font);color:var(--ink-2);padding-left:10px;margin-left:2px;border-left:1px solid var(--line)}.ab-search{flex:0 1 720px;display:flex;align-items:center;gap:12px;height:48px;margin-left:52px;padding:0 8px 0 16px;border-radius:28px;background:var(--surface-2);color:var(--ink-2);min-width:0;transition:background-color .2s var(--ease),box-shadow .2s var(--ease)}.ab-search:focus-within{background:var(--card);box-shadow:var(--e1)}.ab-search .ms{width:22px;height:22px}.ab-search input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:16px}.ab-search input::placeholder{color:var(--ink-2)}.ab-clear{width:36px;height:36px;border-radius:50%;border:0;background:none;color:var(--ink-2);display:grid;place-items:center}.ab-clear:hover{background:#44474614}.ab-sync{margin-right:8px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;margin:0 7px}.avatar.logo-av{background:var(--brand)}.avatar.logo-av img{width:24px;filter:brightness(0) invert(1)}.rail{background:var(--bg);padding:8px 12px 16px;display:flex;flex-direction:column;gap:0;overflow-y:auto}.rail-new{display:flex;align-items:center;gap:12px;height:56px;padding:0 20px 0 16px;margin:0 0 16px;align-self:flex-start;border:0;border-radius:16px;background:var(--sec);color:var(--on-sec);font:500 14px var(--font);transition:box-shadow .2s var(--ease)}.rail-new:hover{box-shadow:var(--e1)}.rail-new .ms{width:24px;height:24px}.rail a{display:flex;align-items:center;gap:14px;height:36px;padding:0 16px;border-radius:18px;text-decoration:none;font:500 14px/20px var(--font);color:var(--text);transition:background-color .2s var(--ease)}.rail a:hover{background:#44474614}.rail a.on{background:var(--sec);color:var(--on-sec);font-weight:700}.rail .ni{display:inline-grid;place-items:center;font-style:normal;flex:none}.rail .ms{color:var(--ink-2)}.rail a.on .ms{color:var(--on-sec)}.rail .count{margin-left:auto;font:600 12.5px/20px var(--font);font-style:normal;color:var(--ink-2)}.rail a.on .count{color:var(--on-sec)}.rail .count.soft{color:var(--warn)}.app.nav-min{grid-template-columns:80px minmax(0,1fr)}.app.nav-min .rail{padding:8px 0;align-items:center;gap:6px}.app.nav-min .rail-new{width:56px;padding:0;justify-content:center;align-self:center}.app.nav-min .rail-new span{display:none}.app.nav-min .rail a{flex-direction:column;justify-content:flex-start;gap:4px;width:72px;height:auto;padding:0 0 4px;border-radius:0;background:none;position:relative}.app.nav-min .rail a .ni{width:56px;height:32px;border-radius:16px}.app.nav-min .rail a:hover .ni{background:#44474614}.app.nav-min .rail a.on .ni{background:var(--sec)}.app.nav-min .rail a span{font:500 12px/16px var(--font);text-align:center;white-space:nowrap}.app.nav-min .rail .count{position:absolute;top:0;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--pri);color:#fff;font:600 10px/16px var(--font);text-align:center}.app.nav-min .rail .count.soft{background:var(--warn)}.main{overflow:auto;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.top{display:flex;align-items:center;gap:16px;padding:14px 28px 18px 16px;flex-wrap:wrap}.top h1{font:400 24px/32px var(--font)}.top .sub{color:var(--ink-2);font-size:14px;margin-top:2px}.page{padding:0 24px 32px 16px;flex:1;min-height:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;border-radius:9999px;border:1px solid transparent;font:500 14px/20px var(--font);white-space:nowrap;transition:background-color .2s var(--ease),box-shadow .25s var(--ease),border-color .2s var(--ease);text-decoration:none}.btn .ms{width:18px;height:18px}.btn-sm{height:36px;padding:0 16px}.btn-lg{height:52px;padding:0 28px;font-size:16px}.btn-lg .ms{width:22px;height:22px}.btn-primary{background:var(--pri);color:#fff}.btn-primary:hover:not(:disabled){background:var(--pri-deep);box-shadow:0 1px 2px #3c40434d}.btn-ghost{background:transparent;border-color:var(--outline);color:var(--pri)}.btn-ghost:hover:not(:disabled),.btn-quiet:hover:not(:disabled){background:#4f46e514}.btn-quiet{background:none;color:var(--pri);padding:0 12px}.btn-quiet.danger{color:var(--red)}.btn-quiet.danger:hover{background:#b3261e14!important}.btn-tonal{background:var(--sec);color:var(--on-sec)}.btn-tonal:hover:not(:disabled){background:#c7d2fe;box-shadow:0 1px 2px #3c40434d}.btn:disabled{background:#1f1f1f14;color:#1f1f1f61;cursor:default;border-color:transparent}.ibtn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);border:0;background:none}.ibtn:hover{background:#44474614}.linkbtn{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:4px 0;color:var(--pri);font-weight:500}.pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:16px;background:var(--card);border:1px solid var(--line);font-size:13px;color:var(--ink-2);white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.dot.live{background:#1e8e3e;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.tag{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:6px;font:500 12.5px/1 var(--font);white-space:nowrap;background:var(--bg-2);color:var(--ink-2)}.tag .ms{width:14px;height:14px}.tag.soft{background:var(--bg-2);color:var(--ink-2)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.st-new{background:var(--pri-soft);color:#0842a0}.st-making{background:#ffefc9;color:#7a5900}.st-ready{background:#eaddff;color:#4f378a}.st-out{background:#c2e7ff;color:#004a77}.st-done{background:var(--ok-soft);color:var(--ok)}.st-cancel{background:var(--red-soft);color:var(--red)}.store-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 7px;border-radius:12px;background:var(--st-soft);color:color-mix(in srgb,var(--st) 75%,#000);font:500 12.5px/1 var(--font);white-space:nowrap}.store-chip i{width:8px;height:8px;border-radius:50%;background:var(--st)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{background:var(--card);border-radius:var(--r);padding:16px 20px 18px;display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:box-shadow .25s var(--ease),transform .25s var(--ease)}a.kpi:hover{box-shadow:var(--e1);transform:translateY(-1px)}.kh{display:flex;align-items:center;gap:10px;font:500 14px/20px var(--font);color:var(--ink-2)}.ki{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;font-style:normal}.ki .ms{width:18px;height:18px}.ki.blue{background:#d3e3fd;color:#0b57d0}.ki.green{background:#c4eed0;color:#146c2e}.ki.purple{background:#eaddff;color:#6750a4}.ki.amber{background:#ffefc9;color:#7a5900}.ki.red{background:#f9dedc;color:#b3261e}.ki.rose{background:#ffe3da;color:#a8371f}.kpi b{font:400 30px/1.2 var(--font)}.kpi b.warn{color:#a8371f}.ks{font-size:13px;color:var(--ink-2)}.split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:12px;margin-top:12px;align-items:start}.side{display:grid;gap:12px}.card{background:var(--card);border-radius:var(--r)}.panel{padding:18px 20px 20px}.panel h2{font:400 18px/24px var(--font);display:flex;align-items:center;gap:10px;margin-bottom:12px}.panel h2>.ms{color:var(--ink-2)}.panel h2 a{margin-left:auto;font:500 14px var(--font);color:var(--pri);text-decoration:none}.ov-count{min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:var(--pri);color:#fff;font:600 12.5px/24px var(--font);text-align:center}.ov-count.warn{background:var(--warn)}.mix{margin:0 0 8px}.mix-bar{display:flex;gap:3px;height:8px;border-radius:4px;overflow:hidden}.mix-bar i{background:var(--st)}.mix-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:13px;color:var(--ink-2)}.mix-legend span{display:inline-flex;align-items:center;gap:6px}.mix-legend i{width:8px;height:8px;border-radius:50%;background:var(--st)}.mix-legend b{color:var(--text);font-weight:600}.slot{margin-top:14px}.slot-h{display:flex;align-items:center;gap:8px;padding:0 12px 4px;font:500 14px var(--font);color:var(--text)}.slot-h .ms{width:18px;height:18px;color:var(--ink-2)}.slot-h small{color:var(--ink-2);font-weight:400;margin-left:4px}.ov-row{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(0,1.3fr) auto 104px;align-items:center;gap:14px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:none;text-align:left;transition:background-color .15s var(--ease)}.ov-row:hover{background:var(--bg-2)}.ov-row.faded{opacity:.55}.ov-row .tag{justify-self:start}.ov-who{display:grid;min-width:0}.ov-who b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-who small,.ov-main small{font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-main{display:grid;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.has-card{display:inline-flex!important;align-items:center;gap:4px}.has-card .ms{width:14px;height:14px}.todo p{font-size:14px;color:var(--ink-2)}.todo p b{color:var(--text);font-size:16px}.todo .btn{width:100%;margin-top:10px}.todo.hot{background:#fff8e1}.mini{margin:10px 0 2px;display:grid;gap:2px;font-size:14px}.mini li{display:flex;gap:10px;align-items:baseline;padding:4px 0;cursor:default}.mini li span{font-weight:600;min-width:52px}.mini li small{margin-left:auto;color:var(--ink-2);font-size:12.5px;white-space:nowrap}.checks{display:grid;gap:4px}.checks button{display:grid;width:100%;text-align:left;border:0;background:var(--warn-soft);padding:10px 14px;border-radius:12px}.checks button:hover{box-shadow:var(--e1)}.checks b{font-weight:500;font-size:14px}.checks span{font-size:13px;color:var(--warn)}.feed li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line)}.feed li:first-child{border-top:0;padding-top:0}.feed a{display:grid;min-width:0;text-decoration:none}.feed a b{font-weight:500;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed a small{font-size:12.5px;color:var(--ink-2)}.feed time{margin-left:auto;font-size:12.5px;color:var(--ink-2);white-space:nowrap}.fdot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none;background:var(--line-strong)}.fdot.order{background:#1e8e3e}.fdot.update{background:#e3a008}.empty{padding:44px 24px;text-align:center;color:var(--ink-2)}.empty b{display:block;color:var(--text);font:400 18px var(--font);margin-bottom:4px}.orders-page{padding-top:0}.inbox{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:12px;height:calc(100vh - 80px)}.inbox.mail{height:calc(100vh - 164px)}.list,.detail{background:var(--card);border-radius:var(--r);display:flex;flex-direction:column;min-height:0;overflow:hidden}.tabs{display:flex;gap:0;padding:0 8px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;flex:none}.tabs button{height:48px;padding:0 12px;border:0;border-bottom:3px solid transparent;background:none;font:500 14px var(--font);color:var(--ink-2);display:flex;align-items:center;gap:6px;white-space:nowrap}.tabs button:hover{color:var(--text);background:var(--bg)}.tabs button.on{color:var(--pri);border-bottom-color:var(--pri)}.tabs button i{font-style:normal;font-size:12px;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:var(--bg-2);display:grid;place-items:center}.tabs button.on i{background:var(--pri-soft);color:var(--pri)}.stores{display:flex;gap:6px;padding:10px 12px 4px;overflow-x:auto;scrollbar-width:none;flex:none}.stores button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line-strong);background:var(--card);font:500 13px var(--font);color:var(--ink-2);white-space:nowrap}.stores button i{width:8px;height:8px;border-radius:50%;background:var(--st)}.stores button.on{background:var(--sec);border-color:var(--sec);color:var(--on-sec)}.bulk{display:flex;align-items:center;gap:4px;min-height:48px;padding:4px 12px 4px 16px;border-bottom:1px solid var(--line);flex:none}.cb{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--ink-2);cursor:pointer}input[type=checkbox]{width:18px;height:18px;accent-color:var(--pri);margin:0;cursor:pointer;flex:none}.rows{overflow:auto;flex:1;padding:6px}.row{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 12px 12px 10px;border-radius:12px;border:0;background:none;text-align:left}.row+.row{margin-top:1px}.row:hover{background:var(--bg-2)}.row.on{background:var(--pri-soft)}.row:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--st, transparent)}.row>input{margin:3px 0 0 6px}.row-body{flex:1;min-width:0;display:grid;gap:2px;border:0;background:none;padding:0;text-align:left}.l1{display:flex;align-items:baseline;gap:10px;min-width:0}.from{font-weight:500;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.fresh .from{font-weight:700}.l1 time{margin-left:auto;font-size:12.5px;color:var(--ink-2);white-space:nowrap}.row.fresh .l1 time{color:var(--text);font-weight:600}.subj{font-size:14px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subj small{color:var(--ink-2)}.l3{display:flex;align-items:center;gap:6px;margin-top:6px;min-width:0}.no{font-size:12.5px;color:var(--ink-2)}.np{color:var(--warn);display:grid}.np .ms{width:16px;height:16px}.detail.none{justify-content:center}.dhead{padding:18px 24px 14px;border-bottom:1px solid var(--line);flex:none}.dh-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ord-no{font:500 15px var(--font);color:var(--ink-2);margin-right:4px}.dhead h2{font:400 22px/28px var(--font);margin-top:10px}.who{color:var(--ink-2);font-size:13.5px;margin-top:4px}.back-only{display:none}.stepper{display:flex;gap:4px;margin-top:14px;flex-wrap:wrap}.stepper li{flex:1 1 0;min-width:96px}.stepper button{width:100%;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:0;border-radius:10px;background:var(--bg-2);font:500 13px var(--font);color:var(--ink-2)}.stepper button:hover{background:var(--surface-2)}.stepper em{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:600 11px var(--font);background:var(--card);flex:none}.stepper em .ms{width:14px;height:14px}.stepper .past button{color:var(--ok)}.stepper .past em{background:var(--ok);color:#fff}.stepper .now button{background:var(--pri);color:#fff}.stepper .now em{color:var(--pri)}.dbody{overflow:auto;flex:1;padding:18px 24px 24px;display:flex;flex-direction:column;gap:14px}.dbody>*{flex-shrink:0}.check-box,.note-box{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;background:var(--warn-soft);color:#3f2e00}.check-box>.ms,.note-box>.ms{margin-top:1px}.check-box div,.note-box div{display:grid;flex:1}.check-box b,.note-box b{font-weight:600;font-size:14px}.check-box span,.note-box span{font-size:14px}.check-box .btn{align-self:center;flex:none}.note-box{background:var(--bg-2);color:var(--text)}.info-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.info{border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:5px;align-content:start;font-size:14px}.info h3{display:flex;align-items:center;gap:8px;font:500 12.5px var(--font);text-transform:uppercase;letter-spacing:.4px;color:var(--ink-2);margin-bottom:4px}.info h3 .ms{width:18px;height:18px}.info p{display:flex;align-items:flex-start;gap:8px}.info p>.ms{width:16px;height:16px;color:var(--ink-2);margin-top:2px}.info b{font-weight:500;font-size:15px}.info a{color:var(--pri);text-decoration:none}.info .when{display:block;font-size:15px;margin-bottom:4px}.info .when span{display:block;font:400 24px/1.2 var(--font);margin-top:2px}.info.big{background:var(--bg);border-color:transparent}.pay{align-items:center!important;margin-top:4px}.pay span:last-child{color:var(--ink-2);font-size:13px}.items table{width:100%;border-collapse:collapse;font-size:14px}.items th{text-align:left;font:500 12.5px var(--font);color:var(--ink-2);padding:0 8px 6px;border-bottom:1px solid var(--line)}.items td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}.items td small{display:block;color:var(--ink-2);font-size:13px}.items td b{font-weight:500}.items th:nth-child(n+2),.items td:nth-child(n+2){text-align:right;width:90px;white-space:nowrap}.items .fee td{color:var(--ink-2)}.items tfoot td{border:0;font-weight:600;padding-top:12px}.cardtext{margin:0;border-radius:14px;padding:14px 18px 18px;background:#fff7f4;border:1px dashed #f0b8a8}.cardtext figcaption{display:flex;align-items:center;gap:8px;font:500 12.5px var(--font);text-transform:uppercase;letter-spacing:.4px;color:#8a3a26;flex-wrap:wrap}.cardtext figcaption .ms{width:18px;height:18px}.cardtext figcaption .tag{text-transform:none;letter-spacing:0}.cardtext blockquote{margin:10px 0 0;font:italic 400 19px/1.5 Georgia,Times New Roman,serif;color:#3a1d14}p.small{display:flex;align-items:center;gap:6px}p.small .ms{width:16px;height:16px}.src-mail pre,.raw{margin:8px 0 0;padding:14px 16px;border-radius:12px;background:var(--bg-2);font:400 13px/1.55 ui-monospace,SF Mono,Menlo,monospace;white-space:pre-wrap;color:var(--ink-2)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--line);flex:none}.new-order fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;align-items:end}.new-order legend{font:500 12.5px var(--font);text-transform:uppercase;letter-spacing:.4px;color:var(--ink-2);padding:0;margin-bottom:10px}.field{display:grid;gap:6px}.field.wide{grid-column:1 / -1}.field>span{font:500 13px var(--font);color:var(--ink-2)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--outline);border-radius:8px;background:var(--card);padding:10px 12px;outline:none;font-size:15px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri)}.toggle{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;min-height:44px}.toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:26px;border-radius:13px;background:var(--line-strong);position:relative;transition:background .15s;flex:none;margin:0;cursor:pointer}.toggle input:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:var(--card);transition:transform .15s}.toggle input:checked{background:var(--pri)}.toggle input:checked:after{transform:translate(18px)}.daychips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.daychips button{position:relative;display:grid;justify-items:start;min-width:130px;padding:10px 16px;border-radius:14px;border:0;background:var(--card);text-align:left}.daychips button:hover{box-shadow:var(--e1)}.daychips button.on{background:var(--sec);color:var(--on-sec)}.daychips b{font-weight:500;font-size:15px}.daychips small{font-size:12.5px;color:inherit;opacity:.8}.daychips i{position:absolute;right:12px;top:10px;font:600 13px var(--font);font-style:normal}.drop{display:flex;gap:16px;padding:12px;border-radius:12px}.drop:hover{background:var(--bg-2)}.drop.faded{opacity:.55}.drop-main{flex:1;min-width:0;display:grid;gap:1px;cursor:pointer}.drop-main b{font-weight:500;font-size:15px}.drop-main span{font-size:14px}.drop-main small{font-size:13px;color:var(--ink-2)}.drop-note{display:flex;gap:6px;align-items:flex-start;color:var(--warn)!important}.drop-note .ms{width:14px;height:14px;margin-top:2px}.drop-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.drop-btns{display:flex;align-items:center;gap:4px}.bars li{display:grid;grid-template-columns:90px 1fr 24px;align-items:center;gap:10px;padding:5px 0;font-size:14px}.bars i{height:8px;border-radius:4px;background:var(--brand);opacity:.75}.bars b{text-align:right;font-weight:600}.mrow{display:grid;gap:2px;padding-left:14px}.mrow:before{display:none}.mail-split{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.cap{display:flex;align-items:center;gap:8px;font:500 12.5px var(--font);text-transform:uppercase;letter-spacing:.4px;color:var(--ink-2)}.cap .ms{width:18px;height:18px;color:var(--brand)}.raw{max-height:none}.parsed{margin-top:8px;display:grid;gap:14px;justify-items:start}.parsed dl{margin:0;display:grid;grid-template-columns:110px 1fr;gap:10px 14px;font-size:14px;width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--line)}.parsed dt{color:var(--ink-2)}.parsed dd{margin:0}.how{padding:32px 36px;max-width:620px}.how h2{font:400 22px var(--font);margin-bottom:18px}.how ol{counter-reset:s;display:grid;gap:16px}.how li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;gap:2px 14px}.how li:before{content:counter(s);grid-row:span 2;width:32px;height:32px;border-radius:50%;background:var(--sec);color:var(--on-sec);display:grid;place-items:center;font-weight:600}.how b{font-weight:500}.how span{color:var(--ink-2);font-size:14px}.sections{display:grid;gap:12px;max-width:900px;align-content:start}.section{padding:22px 24px}.section h2{font:400 20px var(--font)}.section>p{color:var(--ink-2);margin-top:4px;font-size:14px}.conn{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--bg)}.conn .gmail{width:40px;height:40px;border-radius:50%;background:var(--pri-soft);color:var(--pri);display:grid;place-items:center}.conn b{display:block;font-weight:500}.conn span{font-size:13px;color:var(--ink-2)}.shops{margin-top:14px;display:grid;gap:6px}.shops li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;background:var(--bg)}.shops .sq{width:14px;height:14px;border-radius:4px;background:var(--st);flex:none}.shops b{display:block;font-weight:500}.shops span{font-size:13px;color:var(--ink-2)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line-strong);font-size:14px}.ab-me{position:relative}.ab-worker{display:flex;align-items:center;gap:8px;height:44px;padding:0 8px 0 5px;border:0;border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font:500 14px var(--font)}.ab-worker:hover{background:var(--bg-2)}.ab-worker .avatar,.ab-people .avatar{margin:0;background:var(--brand);color:#fff;font-weight:600}.ab-menu{position:absolute;right:0;top:52px;width:280px;padding:16px 12px 8px;border-radius:24px;background:var(--card);box-shadow:var(--e2);z-index:40;display:grid;gap:8px}.ab-menu>small{font-size:12.5px;color:var(--ink-2);padding:0 8px}.ab-people{display:grid;gap:2px}.ab-people button{display:flex;align-items:center;gap:12px;height:48px;padding:0 8px;border:0;border-radius:24px;background:none;font:500 15px var(--font);text-align:left}.ab-people button:hover{background:var(--bg-2)}.ab-people button.on{background:var(--sec);color:var(--on-sec)}.ab-links{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:8px}.ab-links a{display:flex;align-items:center;gap:14px;height:40px;padding:0 12px;border-radius:20px;text-decoration:none;font:500 14px var(--font);color:var(--ink-2)}.ab-links a:hover{background:var(--bg-2)}.who-chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:12px;background:#ffe3da;color:#8a3a26;font:600 12.5px/1 var(--font);white-space:nowrap}.who-chip .ms{width:14px;height:14px}.who-chip.sm{height:20px;padding:0 7px;font-size:11.5px}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:22px;color:var(--pri)}.boot img{width:56px}.boot.inline{min-height:0;padding:40px 0;display:flex;justify-content:center;gap:12px;color:var(--ink-2);font-size:14px}.spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.hint{font-size:13px;background:var(--pri-soft);color:#041e49;padding:10px 14px;border-radius:12px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--card)}.login .side{background:#2a1f1b;color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand{display:flex;align-items:center;gap:12px}.login-brand img{width:44px}.login-brand b{font:500 30px var(--font);color:#ffb39f}.login .side h2{font:400 40px/1.15 var(--font);max-width:480px}.login .side h2 em{font-style:normal;color:#ffb39f}.login .side p{color:#d8ccc6;max-width:440px;margin-top:14px;font-size:16px}.login .mark-bg{position:absolute;right:-90px;bottom:-70px;width:420px;opacity:.12}.login .box{display:grid;place-items:center;padding:40px}.login .box>div{width:min(380px,100%);display:grid;gap:16px}.login .box h1{font-size:30px}.login .box p{color:var(--ink-2)}.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;height:48px;border-radius:9999px;border:1px solid var(--outline);background:var(--card);font:500 15px var(--font)}.gbtn:hover:not(:disabled){background:#4f46e50a}.gbtn svg{width:22px;height:22px}.note{font-size:13px;color:var(--ink-2)}.bad{background:var(--red-soft);color:var(--red);padding:12px 14px;border-radius:12px;font-size:14px}.ab-links button{display:flex;align-items:center;gap:14px;min-height:40px;padding:4px 12px;border:0;border-radius:20px;background:none;font:500 14px var(--font);color:var(--ink-2);text-align:left;flex-wrap:wrap}.ab-links button:hover{background:var(--bg-2)}.ab-links button small{flex-basis:100%;padding-left:34px;margin-top:-4px;font-weight:400;font-size:12px}.pin{justify-items:center;text-align:center}.pin-dots{display:flex;gap:16px;margin:6px 0 2px}.pin-dots i{width:16px;height:16px;border-radius:50%;border:2px solid var(--outline);transition:background-color .15s}.pin-dots i.on{background:var(--brand);border-color:var(--brand)}.bad-shake{animation:shake .35s}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.pad{display:grid;grid-template-columns:repeat(3,76px);gap:12px;margin-top:8px}.pad button{width:76px;height:76px;border-radius:50%;border:0;background:var(--bg-2);font:400 28px var(--font);color:var(--text);transition:background-color .15s}.pad button:hover:not(:disabled){background:var(--surface-2)}.pad button:active:not(:disabled){background:var(--sec)}.pad button:disabled{opacity:.5}.pinform{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pinform input{width:150px;height:40px;border:1px solid var(--outline);border-radius:8px;padding:0 12px;font-size:15px;letter-spacing:3px}.chips .chip button{border:0;background:none;padding:0 0 0 6px;color:var(--ink-2);font-size:16px;line-height:1}.conn-actions{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.team{margin-top:14px;display:grid;gap:2px}.team li{display:flex;align-items:center;gap:14px;padding:10px 6px;border-top:1px solid var(--line)}.team li:first-child{border-top:0}.team .avatar{margin:0;background:var(--brand);color:#fff;font-weight:600}.team li div{flex:1;min-width:0;display:grid}.team b{font-weight:500}.team span{font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis}.addrow{display:grid;grid-template-columns:1.4fr 1fr 150px auto;gap:8px;margin-top:14px}.addrow input,.addrow select{height:40px;border:1px solid var(--outline);border-radius:8px;padding:0 12px;background:var(--card);outline:none;font-size:14px;min-width:0}.addrow input:focus,.addrow select:focus{border-color:var(--pri)}.filters{padding:12px 14px;display:grid;gap:10px;margin-bottom:12px}.periods{display:flex;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none;border-radius:20px}.periods>*{flex:none}.filters{min-width:0}.dot-alt{display:none}.periods button i{margin-left:2px}.seg-date{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 12px;border-left:1px solid var(--outline);color:var(--ink-2);cursor:pointer}.seg-date.on{background:var(--sec);color:var(--on-sec)}.seg-date .ms{width:18px;height:18px}.seg-date input{border:0;background:none;font:500 13.5px var(--font);color:inherit;outline:none;width:118px}.frow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fsearch{display:flex;align-items:center;gap:8px;height:38px;padding:0 6px 0 12px;border:1px solid var(--line-strong);border-radius:10px;flex:1 1 260px;max-width:380px;color:var(--ink-2);background:var(--card)}.fsearch:focus-within{border-color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri)}.fsearch .ms{width:18px;height:18px}.fsearch input{flex:1;min-width:0;border:0;outline:none;font-size:14px;background:none}.fsearch button{width:28px;height:28px;border:0;border-radius:50%;background:none;color:var(--ink-2);display:grid;place-items:center}.fsearch button .ms{width:16px;height:16px}.frow select{height:38px;padding:0 30px 0 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23444746'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 6px center / 20px no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:500 13.5px var(--font);color:var(--text);cursor:pointer}.frow select.on{background-color:var(--sec);border-color:var(--sec);color:var(--on-sec)}.fchips{display:flex;gap:6px;flex-wrap:wrap}.fchips button{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line-strong);background:var(--card);font:500 13px var(--font);color:var(--ink-2)}.fchips button .ms{width:16px;height:16px;margin-left:-4px}.fchips button.on{background:var(--sec);border-color:var(--sec);color:var(--on-sec)}.tbl-wrap{overflow:auto}.otable{width:100%;border-collapse:collapse;font-size:14px}.otable th{position:sticky;top:0;z-index:1;background:var(--card);text-align:left;font:500 12.5px var(--font);color:var(--ink-2);padding:0 10px;height:42px;border-bottom:1px solid var(--line);white-space:nowrap}.otable th.sortable button{border:0;background:none;padding:0;font:inherit;color:inherit;display:inline-flex;gap:4px;align-items:center;height:100%}.otable th.sortable button:hover,.otable th.on button{color:var(--text)}.otable th i{font-style:normal;width:10px}.otable td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.otable tbody tr{cursor:pointer;transition:background-color .12s}.otable tbody tr:hover{background:var(--bg)}.otable tbody tr.on{background:var(--pri-soft)}.otable tbody tr.dim td:not(.c-st){opacity:.5}.otable td b{display:block;font-weight:500}.otable td small{display:block;color:var(--ink-2);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.otable .c-cb{width:40px;padding-left:14px;padding-right:4px}.otable .c-when{white-space:nowrap;width:1%}.otable .c-when b{font-weight:600}.otable .c-no{white-space:nowrap;width:1%;color:var(--ink-2);font-variant-numeric:tabular-nums}.dotc{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:1px}.otable .c-item b,.otable .c-to b{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otable .c-st{width:1%}.stsel{height:30px;padding:0 24px 0 10px;border:0;border-radius:8px;font:500 12.5px var(--font);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:18px}.otable .c-fl{white-space:nowrap;width:1%}.otable .c-ic{white-space:nowrap;width:1%;padding-right:14px}.ic{display:inline-grid;place-items:center;width:22px;height:22px;color:var(--ink-2);font:700 13px var(--font)}.ic .ms{width:17px;height:17px}.ic.warn{color:var(--warn)}.ic.bad{color:var(--red)}.drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#1f1f1f47;animation:fadeIn .15s ease both}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(620px,100%);background:var(--card);box-shadow:var(--e2);display:flex;flex-direction:column;animation:slideIn .22s var(--ease-out) both}.drawer>.detail{flex:1;border-radius:0;min-height:0}.drawer-x{position:absolute;top:12px;right:12px;z-index:2;background:var(--card)}.drawer .dhead{padding-right:60px}@keyframes fadeIn{0%{opacity:0}}@keyframes slideIn{0%{transform:translate(40px);opacity:0}}@media (prefers-reduced-motion: reduce){.drawer,.drawer-bg{animation:none}}.toast{position:fixed;left:24px;bottom:24px;background:#313033;color:#f4eff4;padding:6px 8px 6px 16px;min-height:48px;font-size:14px;border-radius:4px;box-shadow:var(--e2);z-index:50;display:flex;gap:8px;align-items:center;animation:up .25s var(--ease-out) both;max-width:calc(100vw - 32px)}.toast button{border:0;background:none;color:#a8c7fa;font-weight:500;padding:8px 10px;border-radius:4px}.toast button:hover{background:#ffffff14}.toast .toast-x{color:#c4c7c5;font-size:18px;padding:4px 10px}@keyframes up{0%{opacity:0;transform:translateY(10px)}}@media (max-width: 1280px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who tag" "main store";row-gap:2px}.ov-who{grid-area:who}.ov-main{grid-area:main}.ov-row .store-chip{grid-area:store;justify-self:end}.ov-row .tag{grid-area:tag;justify-self:end}}@media (max-width: 1100px){.app,.app.nav-min{grid-template-columns:80px minmax(0,1fr)}.rail{padding:8px 0;align-items:center;gap:6px}.rail-new{width:56px;padding:0;justify-content:center;align-self:center}.rail-new span{display:none}.rail a{flex-direction:column;gap:4px;width:72px;height:auto;padding:0 0 4px;border-radius:0;background:none!important;position:relative}.rail a .ni{width:56px;height:32px;border-radius:16px;display:grid}.rail a:hover .ni{background:#44474614}.rail a.on .ni{background:var(--sec)}.rail a span{font:500 12px/16px var(--font);text-align:center;white-space:nowrap}.rail .count{position:absolute;top:0;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--pri);color:#fff!important;font:600 10px/16px var(--font);text-align:center}.rail .count.soft{background:var(--warn)}.appbar>.ab-icon{display:none}.ab-search{margin-left:16px}.split{grid-template-columns:1fr}.inbox{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}.info-grid,.mail-split{grid-template-columns:1fr}.otable .c-fl,.otable .c-no{display:none}.dot-alt{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}.otable .c-item b,.otable .c-to b,.otable td small{max-width:190px}}@media (max-width: 760px){.app,.app.nav-min{grid-template-columns:1fr;grid-template-rows:56px minmax(0,1fr) auto}.appbar{height:56px;padding:0 8px}.ab-brand span,.ab-sync,.ab-wname{display:none}.login{grid-template-columns:1fr}.login .side{padding:32px 24px;gap:24px}.login .side h2{font-size:28px}.addrow{grid-template-columns:1fr}.ab-worker{padding:0 4px}.flow{width:100%}.flow a{flex:1;padding:0 6px;font-size:0;flex-direction:column;gap:0;line-height:1.1;height:44px;justify-content:center;align-items:center}.flow a b{font-size:16px}.job.big .job-what .main{font-size:22px}.job-foot .btn{flex:1}.ab-search{margin-left:4px;height:42px}.ab-search input{font-size:15px}.rail{grid-row:3;flex-direction:row;justify-content:space-around;padding:6px 2px calc(6px + env(safe-area-inset-bottom));background:var(--bg-2);overflow:visible}.rail-new{display:none}.rail a{flex:1 1 0;min-width:0;width:auto;margin:0!important}.rail a .ni{width:48px}.rail a span{font-size:10.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.top{padding:10px 16px 14px}.top h1{font-size:22px}.page{padding:0 12px 20px}.kpis{gap:8px}.kpi{padding:14px 14px 16px}.kpi b{font-size:24px}.inbox,.inbox.mail{grid-template-columns:1fr;height:calc(100vh - 138px)}.inbox.has-sel .list,.inbox:not(.has-sel) .detail{display:none}.back-only{display:inline-flex;margin:-6px 0 6px -12px}.dhead,.dbody{padding-left:16px;padding-right:16px}.stepper li{min-width:0}.stepper button{justify-content:center;padding:0 4px;font-size:0}.stepper{flex-wrap:nowrap}.stepper .now{flex:2.6 1 0}.stepper .now button{font-size:12.5px;gap:6px}.new-order fieldset{grid-template-columns:1fr}.otable .c-no,.otable .c-to{display:none}.otable td small,.otable .c-item b,.otable .c-to b{max-width:160px}.fsearch{max-width:none;flex-basis:100%}.drawer .back-only{display:none!important}.board{grid-template-columns:repeat(5,82vw);scroll-snap-type:x mandatory}.col{scroll-snap-align:start}.drop{flex-direction:column;gap:8px}.drop-side{flex-direction:row;flex-wrap:wrap;align-items:center}.toast{left:12px;right:12px;bottom:84px}}.cap-t,.obar .obtn span,.oseg button,.osel,.opill,.ftable th,.ofoot,.ow-sec,.ow-hero small,.ow-person small,.ow-card small,.ow-note small{text-transform:uppercase;letter-spacing:.1em}.opage{display:grid;gap:12px;grid-template-rows:auto auto minmax(240px,1fr)}.otbl{min-height:0}.obar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.osearch{display:flex;align-items:center;gap:10px;height:44px;padding:0 8px 0 14px;border-radius:12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);flex:1 1 260px;max-width:360px;color:var(--ink-2)}.osearch:focus-within{box-shadow:inset 0 0 0 2px var(--pri)}.osearch .ms{width:20px;height:20px}.osearch input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:15px}.osearch button{width:30px;height:30px;border:0;border-radius:50%;background:none;color:var(--ink-2);display:grid;place-items:center}.osearch button .ms{width:16px;height:16px}.orange{position:relative}.obtn{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:12px;border:0;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text);font:600 13px var(--font);white-space:nowrap}.obtn .ms{width:18px;height:18px;color:var(--ink-2)}.obtn.on,.obtn:hover{box-shadow:inset 0 0 0 1px var(--pri)}.opop{position:absolute;left:0;top:50px;z-index:25;width:320px;padding:12px;border-radius:16px;background:var(--card);box-shadow:var(--e2),inset 0 0 0 1px var(--line);display:grid;gap:12px}.opresets{display:flex;flex-wrap:wrap;gap:6px}.opresets button{height:32px;padding:0 12px;border-radius:8px;border:0;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);font:500 13px var(--font);color:var(--text)}.opresets button:hover{box-shadow:inset 0 0 0 1px var(--pri)}.odates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.odates label{display:grid;gap:4px;font:500 12px var(--font);color:var(--ink-2)}.odates input{height:38px;border-radius:8px;border:0;padding:0 8px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);font:500 13px var(--font);color:var(--text)}.odays{display:flex;gap:4px}.odays button{width:36px;height:44px;border-radius:10px;border:0;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-2);display:grid;place-items:center}.odays button:hover{color:var(--text)}.osel{height:44px;padding:0 36px 0 14px;border:0;border-radius:12px;background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238e9ab3'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 10px center / 20px no-repeat;box-shadow:inset 0 0 0 1px var(--line-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;font:600 12px var(--font);color:var(--text);cursor:pointer}.osel.on{box-shadow:inset 0 0 0 1px var(--pri);color:var(--on-sec)}.oseg{display:flex;padding:4px;gap:2px;border-radius:12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong)}.oseg button{height:36px;padding:0 14px;border:0;border-radius:9px;background:none;font:600 11.5px var(--font);color:var(--ink-2);white-space:nowrap}.oseg button:hover{color:var(--text)}.oseg button.on{background:var(--pri-soft);color:var(--on-sec);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pri) 50%,transparent)}.opills{display:flex;gap:8px;flex-wrap:wrap}.opill{--c: var(--ink-2);display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:20px;border:0;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-strong);font:600 12px var(--font);color:var(--ink-2)}.opill i{width:7px;height:7px;border-radius:50%;background:var(--c);opacity:.9}.opill b{min-width:20px;height:20px;padding:0 6px;border-radius:6px;background:var(--surface-2);color:var(--text);font:600 11.5px/20px var(--font);letter-spacing:0;text-align:center}.opill:hover{color:var(--text)}.opill.on{color:var(--text);box-shadow:inset 0 0 0 1px var(--c);background:color-mix(in srgb,var(--c) 12%,var(--card))}.opill.st-all{--c: var(--pri)}.opill.on.st-all{color:var(--on-sec)}.otbl{border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;display:flex;flex-direction:column}.otbl-scroll{overflow:auto}.ftable{width:100%;border-collapse:collapse;font-size:14px}.ftable th{text-align:left;font:600 11.5px var(--font);color:var(--ink-2);padding:0 16px;height:52px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--card);position:sticky;top:0;z-index:1}.ftable th.sortable button{border:0;background:none;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;display:inline-flex;gap:6px}.ftable th.sortable button:hover,.ftable th.on button{color:var(--text)}.ftable th i{font-style:normal}.ftable td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.ftable tbody tr{cursor:pointer;transition:background-color .12s}.ftable tbody tr:hover{background:color-mix(in srgb,var(--pri) 6%,transparent)}.ftable tbody tr.dim td{opacity:.5}.ftable td b{display:block;font-weight:600;font-size:15px}.ftable td small{display:block;color:var(--ink-2);font-size:12.5px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.ftable .c-cb{width:48px;padding-right:0}.ftable .c-no{white-space:nowrap;width:1%}.ftable .c-no b{font-size:16px}.c-icons{display:flex;align-items:center;gap:6px;margin-top:4px}.c-icons .ms{width:15px;height:15px}.c-icons .ok{color:var(--ok);display:grid}.c-icons .off{color:var(--line-strong);display:grid}.c-icons .card-i{color:#f472b6;display:grid}.c-icons .warn-i{color:var(--warn);display:grid}.srcdot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.ftable .c-buyer b{font-weight:600}.ftable .c-to b{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ftable .c-st{white-space:nowrap;width:1%}.spill{display:inline-flex;align-items:center;height:24px;padding:0 10px;white-space:nowrap}.c-st .spill{display:flex;width:max-content}.late-p{margin-top:4px}.ftable .c-when{white-space:nowrap;width:1%}.ftable .c-when b{font-weight:500;font-variant-numeric:tabular-nums}.ftable .c-sum{text-align:right;white-space:nowrap;width:1%}.ftable th.c-sum button{margin-left:auto}.ftable .c-sum b{font-variant-numeric:tabular-nums}.ftable .c-sum .unpaid{color:var(--red);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}.ftable .c-info{width:1%;text-align:center}.ftable .c-info .ibtn{color:var(--ink-2)}.ofoot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--line);font:600 12px var(--font);color:var(--ink-2)}.ofoot b{color:var(--text)}.opager{display:inline-flex;align-items:center;gap:6px;letter-spacing:0}.opager button,.osize button{border:0;background:none;color:var(--ink-2);border-radius:8px}.opager button{width:32px;height:32px;display:grid;place-items:center}.opager button:disabled{opacity:.3}.osize{display:inline-flex;align-items:center;gap:4px}.osize button{height:32px;min-width:44px;padding:0 10px;margin-left:4px;font:600 12.5px var(--font)}.osize button.on{background:var(--pri-soft);color:var(--on-sec)}.ow-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0307128c;display:grid;place-items:center;padding:20px;animation:fadeIn .15s ease both}.ow{width:min(1240px,100%);height:min(92vh,960px);background:var(--bg-2);border-radius:20px;box-shadow:var(--e2),inset 0 0 0 1px var(--line);display:flex;flex-direction:column;overflow:hidden;animation:popIn .2s var(--ease-out) both}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(.985)}}.ow-head{display:flex;align-items:center;gap:10px;padding:18px 22px 16px 28px;background:var(--card);border-bottom:1px solid var(--line)}.ow-head h2{display:flex;align-items:center;gap:14px;font:600 26px/1.2 var(--font);flex-wrap:wrap}.ow-head h2 .spill{font-size:12px;height:28px}.ow-head p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ink-2);font-size:13.5px;margin-top:4px}.ow-chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:7px;font:600 11.5px var(--font);font-style:normal;background:var(--surface-2);color:var(--ink-2)}.ow-chip.ok{background:var(--ok-soft);color:var(--ok)}.ow-chip.bad{background:var(--red-soft);color:var(--red)}.ow-created{font:500 12.5px ui-monospace,SF Mono,Menlo,monospace;color:var(--ink-2);margin-right:10px;white-space:nowrap}.ow-nav{width:44px;height:44px;border-radius:12px;border:0;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text);display:grid;place-items:center;flex:none}.ow-nav:disabled{opacity:.35}.ow-nav:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--pri)}.ow-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 380px}.ow-main{overflow:auto;padding:24px 28px 32px;display:flex;flex-direction:column;gap:14px}.ow-main>*,.ow-side>*{flex-shrink:0}.ow-side{overflow:auto;padding:24px 22px;border-left:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;gap:12px}.ow-hero{display:grid;grid-template-columns:1fr 1fr 1.4fr;border-radius:18px;background:linear-gradient(135deg,#5b4ef0,#4338ca);color:#fff;padding:24px 6px}.ow-hero>div{padding:0 26px;display:grid;gap:4px;align-content:start}.ow-hero>div+div{border-left:1px solid rgba(255,255,255,.22)}.ow-hero small{font:600 11.5px var(--font);color:#ffffffb8}.ow-hero b{font:600 24px/1.2 var(--font)}.ow-hero a{color:#fff}.ow-hero a b{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;font-size:19px}.ow-hero span{color:#fffc;font-size:14px}.ow-alerts{display:grid;gap:8px}.ow-alert{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-strong);font-size:14px}.ow-alert span{flex:1}.ow-alert.warn{background:var(--warn-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 35%,transparent);color:var(--text)}.ow-alert.warn>.ms{color:var(--warn)}.ow-sec{display:flex;align-items:center;gap:14px;font:600 12px var(--font);color:var(--ink-2);margin-top:8px}.ow-sec:after{content:"";flex:1;height:1px;background:var(--line-strong)}.ow-side .ow-sec{margin-top:4px}.ow-side .ow-sec:after{display:none}.ow-items{display:grid;gap:8px}.ow-item{display:flex;align-items:center;gap:18px;padding:14px 20px 14px 14px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-strong)}.ow-thumb{width:64px;height:64px;border-radius:12px;background:#d9573b24;color:var(--brand);display:grid;place-items:center;flex:none}.ow-thumb .ms{width:30px;height:30px}.ow-thumb.photo{width:96px;height:96px;overflow:hidden;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}.ow-thumb.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s var(--ease)}.ow-thumb.photo:hover img{transform:scale(1.06)}.ow-item>div{flex:1;min-width:0;display:grid;gap:6px}.ow-item b{font:600 17px/1.3 var(--font)}.ow-item em{color:var(--ink-2);font-size:14.5px;padding-left:12px;border-left:2px solid var(--line-strong)}.ow-qty{min-width:44px;height:44px;padding:0 8px;border-radius:10px;background:var(--pri);color:#fff;display:grid;place-items:center;font:700 15px var(--font);flex:none}.ow-price{font:600 19px var(--font);font-variant-numeric:tabular-nums;min-width:84px;text-align:right}.ow-ext{justify-self:start}.ow-note{display:flex;gap:12px;padding:14px 16px;border-radius:14px;background:var(--warn-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 35%,transparent)}.ow-note>.ms{color:var(--warn);margin-top:2px}.ow-note div{display:grid;gap:2px}.ow-note small{font:600 11.5px var(--font);color:var(--warn)}.ow-people{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ow-person{padding:18px 22px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-strong);display:grid;gap:6px;align-content:start}.ow-person small{display:flex;align-items:center;gap:8px;font:600 11.5px var(--font);color:var(--ink-2)}.ow-person small .ms{width:16px;height:16px}.ow-person.to small{color:#f472b6}.ow-person b{font:600 20px/1.3 var(--font)}.ow-person a,.ow-person span{font:400 15px ui-monospace,SF Mono,Menlo,monospace;color:var(--ink-2);text-decoration:none}.ow-person a:hover{color:var(--text)}.ow-card{padding:20px 24px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-strong);display:grid;gap:10px}.ow-card small{font:600 11.5px var(--font);color:var(--warn)}.ow-card p{font:italic 400 18px/1.55 var(--font)}.ow-mail{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.ow-mail pre{flex-basis:100%;margin:0;padding:14px 16px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font:400 12.5px/1.55 ui-monospace,SF Mono,Menlo,monospace;white-space:pre-wrap;color:var(--ink-2)}.ow-box{border-radius:14px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-strong);padding:14px 16px}.ow-src{display:flex;align-items:center;gap:10px}.ow-src b{font-weight:600}.ow-steps{border-radius:14px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-strong);padding:8px;display:grid;gap:2px}.ow-steps button{width:100%;display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border:0;border-radius:10px;background:none;font:500 15px var(--font);color:var(--ink-2);text-align:left}.ow-steps button:hover{background:color-mix(in srgb,var(--pri) 8%,transparent);color:var(--text)}.ow-steps i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line-strong);display:grid;place-items:center;flex:none}.ow-steps i .ms{width:15px;height:15px;color:#fff}.ow-steps .past{color:var(--ok)}.ow-steps .past i{background:var(--ok);box-shadow:none}.ow-steps .now{background:var(--pri-soft);color:var(--on-sec)}.ow-steps .now i{background:var(--pri);box-shadow:none}.ow-cancel{padding:0 4px}.linkbtn.danger{color:var(--red)!important}.ow-sum{display:grid;gap:10px;padding:16px 18px}.ow-sum>div{display:flex;justify-content:space-between;gap:10px;color:var(--ink-2);font-size:14.5px}.ow-sum .tot{padding-top:12px;border-top:1px solid var(--line-strong);color:var(--text);font-size:17px}.ow-sum .tot b{font:600 20px var(--font)}.ow-sum .paid span:first-child{color:var(--ok);font-weight:600}.ow-sum .unpaid span:first-child{color:var(--red);font-weight:600}.ow-print{width:100%;height:56px;border-radius:14px;font-size:16px;margin-top:4px}.ow-print2{width:100%;border-radius:12px}.ow-printed{text-align:center;color:var(--ink-2);font-size:13px}.ow-single{flex:1;min-height:0;overflow:auto}.ow-single .detail{background:none;box-shadow:none;height:100%}.ow-single .dhead{display:none}@media (max-width: 1100px){.ow-body{grid-template-columns:1fr;overflow:auto}.ow-main,.ow-side{overflow:visible}.ow-side{border-left:0;border-top:1px solid var(--line)}.ftable .c-buyer{display:none}}@media (max-width: 760px){.ow-bg{padding:0}.ow{height:100%;border-radius:0}.ow-head{padding:12px 12px 12px 16px;flex-wrap:wrap}.ow-head h2{font-size:20px}.ow-created{display:none}.ow-hero{grid-template-columns:1fr;gap:14px;padding:18px 0}.ow-hero>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.22);padding-top:14px}.ow-main{padding:16px}.ow-people{grid-template-columns:1fr}.osearch{max-width:none;flex-basis:100%}.opage{grid-template-rows:none}.ftable .c-to,.ftable .c-info{display:none}.ftable td,.ftable th{padding-left:10px;padding-right:10px}}.cardface{position:relative;container-type:inline-size;aspect-ratio:148 / 105;background:#fff;color:#1f1f1f}.cardface.preview{width:100%;max-width:440px;border-radius:4px;box-shadow:0 0 0 1px #0000000f,0 6px 20px -8px #0003}.cf-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:9cqw 11cqw;text-align:center}@font-face{font-family:Card Noteworthy;src:local("Noteworthy Light"),local("Noteworthy-Light"),local("Noteworthy")}@font-face{font-family:Card Amatic;font-weight:400;size-adjust:128%;font-display:swap;src:url(https://fonts.gstatic.com/s/amaticsc/v28/TUZ3zwprpvBS1izr_vOMscGKcLUC_2fi-Vl4.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4}@font-face{font-family:Card Amatic;font-weight:400;size-adjust:128%;font-display:swap;src:url(https://fonts.gstatic.com/s/amaticsc/v28/TUZ3zwprpvBS1izr_vOMscGKfrUC_2fi-Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2212}.cf-text{margin:0;font:400 calc(var(--pt) * .2384cqw)/1.4 "Card Noteworthy","Card Amatic",cursive;white-space:pre-line;overflow-wrap:anywhere;max-height:100%;overflow:hidden}.cf-no{position:absolute;right:2.4cqw;bottom:1.6cqw;font:500 1.5cqw var(--font);color:#d4d4d4;letter-spacing:.05em}.ow-cardwrap{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.ow-cardwrap .cardface{flex:1 1 320px}.ow-cardside{display:grid;gap:10px;justify-items:start;flex:1 1 180px;color:var(--ink-2);font-size:13px}.st-new{--c: #2563eb}.st-making{--c: #b45309}.st-ready{--c: #7c3aed}.st-out{--c: #0e7490}.st-done{--c: #047857}.st-cancel{--c: #b91c1c}.tag[class*=st-],.stsel,.spill,.flow a[class*=st-]{color:var(--c);background-color:color-mix(in srgb,var(--c) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:11.5px;border-radius:7px}.print-root{display:none}@media print{body{background:#fff}#root{display:none!important}.print-root{display:block;color:#000;font:400 11pt/1.4 var(--font)}.p-cardpage{width:148mm;height:105mm;break-after:page;overflow:hidden}.p-cardpage:last-child{break-after:auto}.p-cardpage .cardface{width:148mm;height:105mm;aspect-ratio:auto;-webkit-print-color-adjust:exact;print-color-adjust:exact}.p-cardpage .cf-frame{padding:13mm 16mm}.p-cardpage .cf-text{font-size:calc(var(--pt) * 1pt)}.p-cardpage .cf-no{right:3.5mm;bottom:2.2mm;font-size:6pt}.p-route h1{font:600 16pt var(--font)}.p-route>p{font-size:9.5pt;color:#555;margin:1mm 0 4mm}.p-route table{width:100%;border-collapse:collapse;font-size:9.5pt}.p-route th{text-align:left;font:600 8.5pt var(--font);border-bottom:1.5pt solid #000;padding:1.5mm 2mm}.p-route td{border-bottom:.75pt solid #999;padding:2.5mm 2mm;vertical-align:top}.p-route td:last-child{width:32mm}.p-route tr{break-inside:avoid}}