:root{color-scheme:light;--paper: #EAE7DF;--sheet: #FBFAF7;--sheet-raised: #FFFFFF;--tint: #F2F0EA;--tint-strong: #E6E2D9;--ink: #1A1A1E;--ink-soft: #56535C;--ink-faint: #8B8792;--rule: rgba(26, 26, 30, .13);--rule-soft: rgba(26, 26, 30, .07);--cyan: #0A7FA8;--cyan-deep: #075A78;--cyan-wash: rgba(10, 127, 168, .1);--cyan-edge: rgba(10, 127, 168, .32);--magenta: #B5157A;--yellow: #C98A00;--ok: #2E7D4F;--ok-wash: rgba(46, 125, 79, .12);--ok-edge: rgba(46, 125, 79, .32);--warn: #A96F0C;--warn-wash: rgba(169, 111, 12, .13);--warn-edge: rgba(169, 111, 12, .32);--bad: #BE3A2B;--bad-wash: rgba(190, 58, 43, .11);--bad-edge: rgba(190, 58, 43, .3);--bg-primary: var(--paper);--bg-card: var(--sheet-raised);--bg-card-active: var(--tint);--border-subtle: var(--rule);--border-glow: var(--cyan-edge);--accent-cyan: var(--cyan);--accent-blue: var(--cyan-deep);--accent-emerald: var(--ok);--accent-amber: var(--warn);--text-primary: var(--ink);--text-secondary: var(--ink-soft);--text-muted: var(--ink-faint);--font-main: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-sheet: 10px;--radius-chip: 6px;--shadow-sheet: 0 1px 2px rgba(26, 26, 30, .05), 0 10px 24px -16px rgba(26, 26, 30, .3);--safe-area-bottom: env(safe-area-inset-bottom, 16px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");color:var(--ink);font-family:var(--font-main);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:-webkit-fill-available;line-height:1.45;touch-action:manipulation}::selection{background:var(--cyan-wash);color:var(--ink)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.mobile-app-wrapper{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--sheet);box-shadow:0 0 0 1px var(--rule-soft),0 18px 50px -28px #1a1a1e73;position:relative;overflow-x:hidden;padding-bottom:88px}@media (min-width: 481px){.mobile-app-wrapper{min-height:92vh;margin-top:4vh;margin-bottom:4vh;border-radius:4px;box-shadow:0 0 0 1px var(--rule-soft),0 30px 60px -30px #1a1a1e66}}@media (min-width: 900px){.mobile-app-wrapper:before,.mobile-app-wrapper:after{content:"";position:absolute;width:22px;height:22px;pointer-events:none;opacity:.45}.mobile-app-wrapper:before{top:-14px;left:-14px;border-top:1px solid var(--ink-faint);border-left:1px solid var(--ink-faint)}.mobile-app-wrapper:after{bottom:-14px;right:-14px;border-bottom:1px solid var(--ink-faint);border-right:1px solid var(--ink-faint)}}.glass-card{background:var(--sheet-raised);border:1px solid var(--rule);border-radius:var(--radius-sheet);padding:18px;box-shadow:var(--shadow-sheet);transition:box-shadow .18s ease,transform .18s ease}.glass-card:active{transform:translateY(1px);box-shadow:0 1px 1px #1a1a1e0d}.inset{background:var(--tint);border:1px solid var(--rule-soft);border-radius:var(--radius-chip)}.rule{height:1px;background:var(--rule-soft);border:0}.docket-row{display:flex;align-items:baseline;gap:8px;padding:7px 0}.docket-row>.leader{flex:1;height:1px;align-self:flex-end;margin-bottom:5px;background-image:radial-gradient(circle at 1px 50%,var(--rule) 1px,transparent 1.2px);background-size:5px 2px;background-repeat:repeat-x}.docket-row>.figure{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);white-space:nowrap}.mobile-btn{width:100%;min-height:50px;border-radius:8px;border:none;font-family:var(--font-main);font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .15s ease,transform .12s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.btn-cyan{background:var(--ink);color:var(--sheet);box-shadow:0 1px 2px #1a1a1e2e}.btn-cyan:active{transform:translateY(1px);background:#000;box-shadow:none}.btn-cyan:disabled{background:var(--tint-strong);color:var(--ink-faint);cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--rule)}.btn-ghost:active{background:var(--tint)}.mobile-input{width:100%;height:52px;background:var(--sheet-raised);border:1px solid var(--rule);border-radius:8px;padding:0 18px;color:var(--ink);font-family:var(--font-mono);font-size:1.2rem;font-weight:500;text-align:center;letter-spacing:.14em;text-transform:uppercase;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.mobile-input::placeholder{color:var(--ink-faint);letter-spacing:.08em}.mobile-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-wash)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:66px;background:var(--sheet);border-top:1px solid var(--rule);display:flex;justify-content:space-around;align-items:stretch;z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}@media (min-width: 481px){.bottom-nav{border-bottom-left-radius:4px;border-bottom-right-radius:4px}}.nav-tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:none;color:var(--ink-faint);font-family:var(--font-main);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .15s ease}.nav-tab.active{color:var(--ink)}.nav-tab.active:before{content:"";position:absolute;top:-1px;left:18%;right:18%;height:2px;background:var(--cyan)}.mobile-status{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-on{background:var(--ok-wash);color:var(--ok);border:1px solid var(--ok-edge)}.status-off{background:var(--warn-wash);color:var(--warn);border:1px solid var(--warn-edge)}.pulse{width:6px;height:6px;border-radius:50%;background-color:currentColor;animation:pulse-animation 1.5s infinite}@keyframes pulse-animation{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar-bg{position:relative;width:100%;height:5px;border-radius:999px;background:var(--tint-strong);overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;background:var(--cyan);transition:width .35s ease}.progress-bar-fill.is-done{background:var(--ok)}.progress-bar-fill.is-error{background:var(--bad)}.progress-bar-fill.is-stalled{background:var(--warn);transition:none}.progress-bar-bg.is-indeterminate .progress-bar-fill{width:38%!important;animation:progress-sweep 1.25s cubic-bezier(.4,0,.2,1) infinite}@keyframes progress-sweep{0%{transform:translate(-110%)}to{transform:translate(330%)}}.print-scanner{animation:row-pulse 2s ease-in-out infinite}@keyframes row-pulse{0%,to{box-shadow:inset 3px 0 0 var(--cyan-edge),var(--shadow-sheet)}50%{box-shadow:inset 3px 0 0 var(--cyan),var(--shadow-sheet)}}.print-scanner-blue{animation:row-pulse-blue 2s ease-in-out infinite}@keyframes row-pulse-blue{0%,to{box-shadow:inset 3px 0 0 var(--cyan-edge),var(--shadow-sheet)}50%{box-shadow:inset 3px 0 0 var(--cyan-deep),var(--shadow-sheet)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}