:root{--asphalt:#16181a;--graphite:#24282c;--slate:#333a40;--concrete:#8a9199;--paper:#f2f4f5;--hivis:#ffb300;--hivis-dim:#b87f00;--alert:#e03a2f;--ok:#2e9e5b;--tap:48px;--key:60px;--gutter:16px;--radius:10px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100dvh;margin:0}body{font-family:var(--font);background:var(--asphalt);color:var(--paper);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font-family:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--hivis);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{flex-direction:column;max-width:560px;height:100dvh;margin:0 auto;display:flex}.header{padding:calc(env(safe-area-inset-top) + 14px) var(--gutter) 14px;border-bottom:1px solid var(--slate);flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.header .logo{width:auto;max-height:32px;display:block}.header-info{justify-content:space-between;align-items:baseline;width:100%;display:flex}.header h1{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700}.header .who{color:var(--concrete);font-size:13px}.screen{padding:var(--gutter);-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}.tabbar{border-top:1px solid var(--slate);background:var(--graphite);padding-bottom:env(safe-area-inset-bottom);flex:none;display:flex}.tabbar button{min-height:var(--tap);color:var(--concrete);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-top:3px solid #0000;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 4px;font-size:13px;font-weight:600;display:flex;position:relative}.tabbar button[aria-selected=true]{color:var(--hivis);border-top-color:var(--hivis);background:#ffb3000f}.tabbar .glyph{font-size:19px;line-height:1}.badge{background:var(--alert);color:#fff;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:6px;right:calc(50% - 26px)}.field{margin-bottom:20px}.field>label{letter-spacing:.08em;text-transform:uppercase;color:var(--concrete);margin-bottom:8px;font-size:12px;font-weight:700;display:block}select,.textinput{width:100%;min-height:var(--tap);background:var(--graphite);color:var(--paper);border:1px solid var(--slate);border-radius:var(--radius);padding:0 14px;font-size:16px}.datestep{align-items:stretch;gap:8px;display:flex}.datestep .value{min-height:var(--tap);background:var(--graphite);border:1px solid var(--slate);border-radius:var(--radius);font-variant-numeric:tabular-nums;flex:1;place-items:center;font-size:15px;font-weight:600;display:grid}.datestep .value small{color:var(--concrete);text-align:center;font-size:12px;font-weight:400;display:block}.datestep button{width:var(--tap);min-height:var(--tap);background:var(--graphite);border:1px solid var(--slate);border-radius:var(--radius);color:var(--paper);cursor:pointer;font-size:24px;font-weight:300}.datestep button:disabled{opacity:.35}.seg{gap:8px;display:flex}.seg button{min-height:var(--tap);background:var(--graphite);border:1px solid var(--slate);border-radius:var(--radius);color:var(--concrete);cursor:pointer;flex:1;font-size:16px;font-weight:600}.seg button[aria-pressed=true]{background:var(--slate);border-color:var(--hivis);color:var(--paper)}.preview{border-radius:var(--radius);border:1px solid var(--slate);background:#000;position:relative;overflow:hidden}.preview img{object-fit:contain;width:100%;max-height:46vh;display:block}.preview .retake{min-height:44px;color:var(--paper);cursor:pointer;background:#16181ae0;border:none;border-radius:22px;padding:0 18px;font-size:14px;font-weight:700;position:absolute;bottom:10px;right:10px}.pagelist{margin:0 0 12px;padding:0;list-style:none}.pagecard{background:var(--graphite);border:1px solid var(--slate);border-radius:var(--radius);margin-bottom:10px;padding:10px}.pagecard.bad{border-color:var(--alert)}.pagecard .pageopen{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;gap:12px;padding:0;display:flex}.pagecard .thumb{object-fit:cover;background:#000;border-radius:6px;flex:none;width:64px;height:90px}.pagecard .meta{flex-direction:column;justify-content:center;gap:4px;font-size:15px;display:flex}.pagecard .meta .ok{color:var(--ok);font-size:13px;font-weight:600}.pagecard .meta .todo{color:var(--hivis);font-size:13px;font-weight:600}.pagecard .meta small{color:var(--concrete);font-size:12px}.pagecard .acts{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pagecard .acts button{min-width:var(--tap);min-height:var(--tap);background:var(--slate);border:1px solid var(--slate);border-radius:var(--radius);color:var(--paper);cursor:pointer;font-size:15px;font-weight:600}.pagecard .acts button.wide{flex:1;padding:0 10px}.pagecard .acts button.danger{color:var(--alert)}.pagecard .acts button:disabled{opacity:.35}.secondary:disabled{opacity:.45;cursor:not-allowed}.crop{flex-direction:column;display:flex}.cropstage{touch-action:none;-webkit-user-select:none;user-select:none;margin:0 auto;position:relative}.cropstage img,.cropstage svg{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.quad{fill:#ffb3001f;stroke:var(--hivis);stroke-width:2px}.quad.bad{stroke:var(--alert);fill:#e03a2f26}.handle{touch-action:none;cursor:grab;background:0 0;border:none;padding:0;position:absolute;transform:translate(-50%,-50%)}.handle .dot{border:3px solid var(--hivis);background:#ffb30059;border-radius:50%;width:26px;height:26px;margin:0 auto;display:block;box-shadow:0 0 0 2px #0000008c}.handle.active .dot{background:var(--hivis)}.loupe{border:3px solid var(--hivis);pointer-events:none;background-color:#000;background-repeat:no-repeat;border-radius:50%;position:absolute;top:8px;overflow:hidden}.loupe .cross{background:linear-gradient(var(--hivis), var(--hivis)) center / 2px 100% no-repeat, linear-gradient(var(--hivis), var(--hivis)) center / 100% 2px no-repeat;opacity:.85;position:absolute;inset:0}.uploading{margin-top:14px}.uploading progress{width:100%;height:12px;accent-color:var(--hivis)}.uploading .secondary{margin-top:6px}.crop-actions{gap:8px;margin:14px 0 8px;display:flex}.send{border-radius:var(--radius);background:var(--hivis);width:100%;min-height:48px;color:var(--asphalt);letter-spacing:.02em;cursor:pointer;border:none;margin-top:4px;font-size:18px;font-weight:800}.send:disabled{background:var(--slate);color:var(--concrete);cursor:not-allowed}.hint{color:var(--concrete);text-align:center;margin:10px 0 0;font-size:13px}.banner{border-radius:var(--radius);border-left:4px solid;margin-bottom:16px;padding:14px;font-size:15px;font-weight:600}.banner.ok{border-color:var(--ok);background:#2e9e5b1f}.banner.error{border-color:var(--alert);background:#e03a2f1f}.lead{margin:0 0 20px;font-size:16px;line-height:1.5}.steps{margin:0 0 24px;padding-left:22px;font-size:15px;line-height:1.5}.steps li{margin-bottom:10px}.tokenbox{background:var(--graphite);border:1px solid var(--slate);border-radius:var(--radius);word-break:break-all;-webkit-user-select:all;user-select:all;margin-bottom:10px;padding:14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px}.secondary{width:100%;min-height:var(--tap);background:var(--graphite);border:1px solid var(--hivis);border-radius:var(--radius);color:var(--hivis);cursor:pointer;font-size:16px;font-weight:700}.screen.pinscreen{flex-direction:column;display:flex}.pinbottom{margin-top:auto;padding-top:16px}.pinrow{width:100%;min-height:var(--tap);background:var(--graphite);border:1px solid var(--slate);border-radius:var(--radius);color:var(--concrete);font:inherit;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:0 14px;display:flex}button.pinrow{cursor:pointer}.pinrow.active{border-color:var(--hivis);color:var(--paper)}.pinlabel{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.pindots{gap:12px;display:flex}.pindots>span[aria-hidden]{border:2px solid var(--concrete);border-radius:50%;width:14px;height:14px}.pindots>span.filled{background:var(--paper);border-color:var(--paper)}.pinpad{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.pinpad button{min-height:var(--key);background:var(--graphite);border:1px solid var(--slate);border-radius:var(--radius);color:var(--paper);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-size:28px;font-weight:600}.pinpad button:active:not(:disabled){background:var(--slate)}.pinpad button:disabled{opacity:.35;cursor:default}.pinpad button.back{color:var(--concrete);font-size:24px}.pinpad button.go{background:var(--hivis);border-color:var(--hivis);color:var(--asphalt);font-weight:800}.pinpad button.go:active:not(:disabled){background:var(--hivis-dim)}.pinpad button.go:disabled{background:var(--slate);border-color:var(--slate);color:var(--concrete);opacity:1}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.msglist{margin:0;padding:0;list-style:none}.msg{text-align:left;background:var(--graphite);border:1px solid var(--slate);border-left:4px solid var(--slate);border-radius:var(--radius);width:100%;color:inherit;font:inherit;cursor:pointer;margin-bottom:10px;padding:14px;display:block}.msg.unread{border-left-color:var(--hivis);background:var(--slate)}.msg.rejection{border-left-color:var(--alert)}.msg h3{align-items:center;gap:8px;margin:0 0 5px;font-size:15px;font-weight:700;display:flex}.msg .dot{background:var(--hivis);border-radius:50%;flex:none;width:8px;height:8px}.msg p{color:var(--concrete);margin:0;font-size:14px;line-height:1.45}.msg time{color:var(--concrete);font-variant-numeric:tabular-nums;margin-top:8px;font-size:12px;display:block}.empty{text-align:center;color:var(--concrete);padding:56px 20px;font-size:15px;line-height:1.5}.empty .glyph{margin-bottom:12px;font-size:34px;display:block}.devbar{border-top:1px dashed var(--slate);margin-top:24px;padding-top:16px}.devbar p{text-transform:uppercase;letter-spacing:.08em;color:var(--concrete);margin:0 0 10px;font-size:11px}.devbar button{border:1px solid var(--slate);min-height:40px;color:var(--concrete);cursor:pointer;background:0 0;border-radius:8px;margin:0 8px 8px 0;padding:0 14px;font-size:13px}.pickcard{background:var(--graphite);border:1px solid var(--slate);border-radius:var(--radius);width:100%;min-height:56px;color:var(--paper);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:14px;margin-bottom:10px;padding:10px 14px;display:flex}.pickcard:active:not(:disabled){background:var(--slate)}.pickcard:disabled{opacity:.45;cursor:not-allowed}.pickcard .icon{color:var(--concrete);flex:none;place-items:center;display:grid}.pickcard .text{flex-direction:column;gap:4px;display:flex}.pickcard .title{font-size:16px;font-weight:700}.pickcard .sub{color:var(--concrete);font-size:13px;line-height:1.35}.pickcard.primary{border:2px solid var(--hivis);min-height:104px}.pickcard.primary .icon{background:var(--hivis);width:52px;height:52px;color:var(--asphalt);border-radius:50%}.pickcard.primary .title{font-size:18px;font-weight:800}.addrow{gap:8px;margin-top:12px;display:flex}.addrow .secondary{flex:1;justify-content:center;align-items:center;gap:8px;padding:0 8px;display:inline-flex}