:root{--font-ui: "Inter Tight", -apple-system, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-card: 14px;--radius-ctrl: 10px;--radius-pill: 999px;--dur: .16s;--ease: cubic-bezier(.2,.7,.2,1)}:root,[data-theme=dark]{--canvas: oklch(.18 .008 75);--panel: oklch(.22 .008 75);--panel-hi: oklch(.26 .008 75);--raised: oklch(.29 .008 75);--line: oklch(.32 .008 75 / .8);--line-soft: oklch(.32 .008 75 / .4);--text: oklch(.97 .005 75);--text-muted: oklch(.72 .008 75);--text-dim: oklch(.55 .008 75);--accent: #32C5FF;--accent-hi: #5cd0ff;--accent-ink: #232429;--accent-soft: #32C5FF1A;--ok: oklch(.75 .16 155);--ok-soft: oklch(.75 .16 155 / .16);--warn: oklch(.78 .14 60);--warn-soft: oklch(.78 .14 60 / .16);--err: oklch(.7 .18 25);--err-soft: oklch(.7 .18 25 / .16);--info: oklch(.73 .11 240);--info-soft: oklch(.73 .11 240 / .16);--shadow-card: 0 1px 0 oklch(1 0 0 / .04) inset, 0 10px 30px rgba(0,0,0,.35);--shadow-pop: 0 20px 60px rgba(0,0,0,.45), 0 0 0 1px var(--line);--placeholder: repeating-linear-gradient(135deg, oklch(.32 .01 75) 0 10px, oklch(.28 .01 75) 10px 20px)}[data-theme=light]{--canvas: #E8EBED;--panel: oklch(1 0 0);--panel-hi: oklch(.985 .004 75);--raised: oklch(1 0 0);--line: oklch(.88 .006 75);--line-soft: oklch(.92 .006 75);--text: #232429;--text-muted: oklch(.48 .01 75);--text-dim: oklch(.62 .008 75);--accent: #32C5FF;--accent-hi: #5cd0ff;--accent-ink: #232429;--accent-soft: #32C5FF1A;--ok: oklch(.58 .16 155);--ok-soft: oklch(.58 .16 155 / .12);--warn: oklch(.68 .15 60);--warn-soft: oklch(.68 .15 60 / .14);--err: oklch(.58 .19 25);--err-soft: oklch(.58 .19 25 / .1);--info: oklch(.55 .13 240);--info-soft: oklch(.55 .13 240 / .1);--shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 4px 14px rgba(20,18,12,.05);--shadow-pop: 0 20px 60px rgba(20,18,12,.14), 0 0 0 1px var(--line);--placeholder: repeating-linear-gradient(135deg, oklch(.93 .008 75) 0 10px, oklch(.96 .008 75) 10px 20px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-ui);background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea,select{font:inherit;color:inherit}svg{display:block;flex-shrink:0}#root{width:100vw;height:100vh;display:flex;flex-direction:column}.app{flex:1;display:grid;grid-template-columns:84px 1fr;min-height:0;background:var(--canvas)}.sidebar{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;padding:18px 10px 14px;gap:4px}.sidebar__brand{width:33px;height:33px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;text-decoration:none}.navbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px 8px;border-radius:12px;color:var(--text-muted);font-size:10.5px;font-weight:500;letter-spacing:-.005em;position:relative;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);min-height:60px;text-decoration:none}.navbtn:hover{background:var(--panel-hi);color:var(--text)}.navbtn.is-active{background:var(--accent-soft);color:var(--accent)}.navbtn__badge{position:absolute;top:6px;right:10px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono)}.navbtn__badge--warn{background:var(--warn);color:#1d1509}.sidebar__spacer{flex:1}.topbar{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:16px;background:var(--panel);flex-shrink:0}.topbar__title{font-size:18px;font-weight:700;letter-spacing:-.01em}.topbar__crumb{color:var(--text-muted);font-size:13px;display:flex;align-items:center;gap:6px}.topbar__spacer{flex:1}.search{display:flex;align-items:center;gap:10px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-ctrl);padding:0 12px;height:40px;width:360px;color:var(--text-muted);font-size:14px;cursor:text;transition:border-color var(--dur) var(--ease)}.search:focus-within{border-color:var(--accent)}.search input{flex:1;background:none;border:0;outline:none;color:var(--text)}.search__kbd{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);border:1px solid var(--line);border-radius:6px;padding:2px 6px}.iconbtn{width:40px;height:40px;border-radius:var(--radius-ctrl);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid transparent;position:relative;flex-shrink:0}.iconbtn:hover{background:var(--panel-hi);color:var(--text)}.iconbtn .dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:999px;background:var(--err);border:2px solid var(--panel)}.who{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:var(--radius-pill);border:1px solid var(--line);flex-shrink:0}.who__avatar{width:32px;height:32px;border-radius:999px;background:#986600;background:oklch(.55 .12 75);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.who__name{font-size:13px;font-weight:600}.who__role{font-size:11px;color:var(--text-muted)}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.canvas{flex:1;display:grid;min-height:0;overflow:hidden}.canvas--with-rail{grid-template-columns:1fr 380px}.canvas--full{grid-template-columns:1fr}.scroll{overflow:auto;padding:20px 24px 32px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;border:2px solid transparent;background-clip:content-box}.panel{background:var(--panel);border-radius:var(--radius-card);border:1px solid var(--line);box-shadow:var(--shadow-card)}.panel--flat{background:var(--panel);border-radius:var(--radius-card);border:1px solid var(--line)}.sect{display:flex;align-items:baseline;justify-content:space-between;margin:4px 4px 10px;gap:16px}.sect__title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.sect__action{color:var(--accent);font-size:13px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 16px;border-radius:var(--radius-ctrl);font-weight:600;font-size:14.5px;letter-spacing:-.005em;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease);border:1px solid transparent;white-space:nowrap;min-width:48px;min-height:48px}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:var(--accent-hi)}.btn--ghost{background:var(--panel-hi);color:var(--text)}.btn--ghost:hover:not(:disabled){background:var(--raised)}.btn--outline{border-color:var(--line);color:var(--text)}.btn--outline:hover:not(:disabled){background:var(--panel-hi)}.btn--danger{background:var(--err-soft);color:var(--err)}.btn--danger:hover:not(:disabled){background:var(--err);color:#fff}.btn--lg{height:56px;font-size:16px;padding:0 22px;min-height:56px}.btn--sm{height:36px;padding:0 12px;font-size:13px;border-radius:8px;min-height:36px}.btn--full{width:100%}.btn--icon{width:44px;padding:0}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:-.005em;flex-shrink:0}.pill:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.pill--intake{background:var(--info-soft);color:var(--info)}.pill--queue{background:#857a9a29;color:#b191ea}.pill--print{background:var(--warn-soft);color:var(--warn)}.pill--ready{background:var(--ok-soft);color:var(--ok)}.pill--picked{background:#847f7a29;color:var(--text-muted)}.pill--hold{background:var(--err-soft);color:var(--err)}.pill--reprint{background:#a462b429;color:#cb86db}[data-theme=light] .pill--queue{color:#654199}[data-theme=light] .pill--reprint{color:#874197}.pay{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:6px;font-size:11.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-family:var(--font-mono);flex-shrink:0}.pay--paid{background:var(--ok-soft);color:var(--ok)}.pay--unpaid{background:var(--err-soft);color:var(--err)}.pay--deposit{background:var(--warn-soft);color:var(--warn)}.pay--refunded{background:#847f7a29;color:var(--text-muted)}.paybanner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-ctrl);background:var(--err-soft);border:1px solid oklch(from var(--err) l c h / .3);color:var(--err)}.paybanner--deposit{background:var(--warn-soft);border-color:oklch(from var(--warn) l c h / .3);color:var(--warn)}.paybanner__ico{width:32px;height:32px;border-radius:8px;background:#ffffff26;display:flex;align-items:center;justify-content:center}.paybanner__title{font-weight:800;font-size:13.5px;letter-spacing:-.005em}.paybanner__sub{font-size:11.5px;opacity:.8;margin-top:1px;font-family:var(--font-mono)}.ph-img{background:var(--placeholder);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;display:flex;align-items:flex-end;justify-content:flex-start;padding:6px;letter-spacing:.02em;position:relative;overflow:hidden;border-radius:10px;border:1px solid var(--line-soft)}.ph-img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,oklch(0 0 0 / .35));pointer-events:none}[data-theme=light] .ph-img:before{background:linear-gradient(180deg,transparent 50%,oklch(1 0 0 / .5))}.ph-img span{position:relative;z-index:1}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 18px;background:var(--text);color:var(--canvas);border-radius:12px;font-weight:600;font-size:13.5px;z-index:200;display:flex;align-items:center;gap:10px;animation:toastIn .24s var(--ease) both;box-shadow:var(--shadow-pop);white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:150;animation:fadeIn .16s var(--ease) both}.modal{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-pop);width:min(560px,92vw);max-height:84vh;overflow:auto;animation:modalIn .22s var(--ease) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mono{font-family:var(--font-mono);font-feature-settings:"ss01"}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.items-center{align-items:center}.justify-between{justify-content:space-between}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}