:root{--navy-900:#05152b;--navy-800:#092037;--navy-700:#0e2a45;--navy-600:#143452;--navy-500:#1f466b;--navy-300:#396691;--orange:#ff6a14;--orange-hover:#e55400;--cyan:#00bde3;--text:#f4f7fb;--text-dim:#a9bdd3;--danger:#ff7b7f;--ok:#3ddc97;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--navy-800);color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent;min-height:100dvh}button,input,select{font:inherit}h1,h2{line-height:1.2}h1{font-size:1.4rem}h2{margin:22px 0 8px;font-size:1.1rem}p{line-height:1.5}.app{max-width:640px;padding:16px 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.topbar{align-items:center;gap:12px;min-height:48px;margin-bottom:12px;display:flex}.topbar img{width:auto;height:56px}.topbar h1{margin:0;font-size:1.1rem}.dim{color:var(--text-dim)}.error{color:var(--danger);margin:6px 0 0;font-size:.92rem}.success{color:var(--ok)}.pending{color:var(--cyan);font-weight:700}.gap{margin-top:12px}.card{background:var(--navy-700);border:1px solid var(--navy-600);border-radius:var(--radius);margin:12px 0;padding:16px}.card.notice{border-color:var(--cyan)}.card>p:first-child{margin-top:0}.btn{border:1px solid var(--navy-300);background:var(--navy-600);min-height:48px;color:var(--text);cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.primary:active{background:var(--orange-hover)}.btn.block{width:100%;display:flex}.btn.small{min-height:44px;padding:0 12px;font-size:.92rem}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.link{color:var(--cyan);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.row{flex-wrap:wrap;gap:8px;display:flex}.row>.btn{flex:1 1 0}.tools{margin-top:8px}.stack{flex-direction:column;gap:10px;display:flex}label{margin:16px 0 6px;font-weight:600;display:block}input:not([type=checkbox]):not([type=file]),select{border:1px solid var(--navy-300);background:var(--navy-900);width:100%;min-height:48px;color:var(--text);border-radius:10px;padding:10px 12px}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{border:1px solid var(--navy-300);background:var(--navy-900);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 14px}.choice[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#fff}.check{align-items:flex-start;gap:10px;font-weight:400;display:flex}.check input{flex:none;width:24px;height:24px;margin-top:2px}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--navy-600);align-items:center;gap:8px;display:flex}.item{min-height:56px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;display:flex}.item .code{font-family:ui-monospace,Menlo,Consolas,monospace}.item .name{color:var(--text-dim);font-size:.85rem}.item .qty{font-size:1.25rem;font-weight:700}.camera{border-radius:var(--radius);aspect-ratio:4/3;background:#000;position:relative;overflow:hidden}.camera video{object-fit:cover;width:100%;height:100%;display:block}.camera .aim{border:2px solid var(--orange);pointer-events:none;border-radius:10px;height:24%;position:absolute;top:38%;left:10%;right:10%}.camera .status{text-align:center;color:var(--text-dim);background:var(--navy-900);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.last{border-radius:var(--radius);background:var(--navy-600);border-left:6px solid var(--orange);margin:12px 0;padding:12px 16px}.last.error{border-left-color:var(--danger)}.last .code{font-family:ui-monospace,Menlo,Consolas,monospace}.last .name{color:var(--text-dim)}.last .big{font-size:1.8rem;font-weight:800}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}.stats>div{background:var(--navy-900);color:var(--text-dim);border-radius:10px;padding:10px 12px;font-size:.9rem}.stats b{color:var(--text);font-size:1.35rem;display:block}.overlay{z-index:10;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sheet{background:var(--navy-700);border:1px solid var(--navy-300);border-radius:var(--radius);width:min(100%,480px);max-height:90dvh;padding:20px;overflow:auto}.sheet-title{margin-top:0}details.card summary{cursor:pointer}details.card ul{padding-left:20px}
