:root{--paper: #f6f3ec;--paper-2: #ede8dc;--ink: #16130e;--ink-2: #5a5344;--line: #d9d2c2;--sticker: #d8401f;--sticker-deep: #b23317;--ok: #2e6b34;--mono: "Spline Sans Mono", ui-monospace, monospace;--sans: "Archivo", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:16px}.tela{min-height:100%;display:flex;flex-direction:column;max-width:560px;margin:0 auto;padding:env(safe-area-inset-top) 16px calc(env(safe-area-inset-bottom) + 16px)}.topo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 10px;border-bottom:1.5px solid var(--ink);position:sticky;top:0;background:var(--paper);z-index:50}.topo .marca{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.12em;font-size:13px}.topo .contexto{font-family:var(--mono);font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em;text-align:right}h1{font-weight:900;font-variation-settings:"wdth" 118;text-transform:uppercase;font-size:26px;line-height:1.05}.sub{color:var(--ink-2);font-size:14px;margin-top:6px}.rotulo{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2);display:block;margin:16px 0 6px}.campo{width:100%;padding:14px;border:1.5px solid var(--ink);background:#fcfaf5;border-radius:0;outline:none}.campo:focus{box-shadow:3px 3px 0 var(--sticker)}.botao{display:block;width:100%;padding:16px;text-align:center;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);font-weight:800;font-size:16px;letter-spacing:.02em;box-shadow:3px 3px 0 var(--ink);transition:transform .08s,box-shadow .08s;-webkit-user-select:none;user-select:none}.botao:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.botao.primario{background:var(--sticker);color:#fff}.botao.gigante{padding:20px;font-size:18px;text-transform:uppercase}.botao:disabled{opacity:.45;box-shadow:none}.botao.mini{width:auto;padding:8px 14px;font-size:13px;box-shadow:2px 2px 0 var(--ink)}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{flex:1 1 0;min-width:40px;padding:12px 4px;text-align:center;font-family:var(--mono);font-size:13px;font-weight:600;border:1.5px solid var(--ink);border-radius:999px;background:#fcfaf5;color:var(--ink);-webkit-user-select:none;user-select:none}.chip.ativo{background:var(--ink);color:var(--paper)}.chip.ativo.bom{background:var(--sticker);border-color:var(--sticker);color:#fff}.passes{display:flex;border:1.5px solid var(--ink)}.passes button{flex:1;padding:12px 6px;border:0;background:var(--paper);color:var(--ink-2);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.passes button.ativo{background:var(--ink);color:var(--paper);font-weight:600}.passes button+button{border-left:1.5px solid var(--ink)}.fotos-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.foto-slot{aspect-ratio:1;border:1.5px dashed var(--ink-2);background:#fcfaf5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);position:relative;overflow:hidden}.foto-slot.cheio{border-style:solid;border-color:var(--ink)}.foto-slot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.foto-slot .tag{position:absolute;bottom:6px;left:6px;background:var(--ink);color:var(--paper);padding:2px 8px;font-size:10px;border-radius:999px;z-index:2}.foto-slot input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.abas{position:sticky;bottom:0;display:flex;border:1.5px solid var(--ink);background:var(--paper);margin-top:auto;z-index:50}.abas button{flex:1;padding:13px 4px 12px;border:0;background:transparent;color:var(--ink-2);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.abas button.ativa{background:var(--ink);color:var(--paper);font-weight:600}.abas button+button{border-left:1px solid var(--line)}.abas .badge{display:inline-block;min-width:18px;padding:0 5px;margin-left:4px;background:var(--sticker);color:#fff;border-radius:999px;font-size:10px}.cartao{border:1.5px solid var(--ink);background:#fcfaf5;padding:14px}.cartao+.cartao{margin-top:10px}.linha-item{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}.linha-item:last-child{border-bottom:0}.codigo{font-family:var(--mono);font-size:12px;color:var(--ink-2)}.estado-pill{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--ink-2);color:var(--ink-2);white-space:nowrap}.estado-pill.aceito{border-color:var(--ok);color:var(--ok)}.estado-pill.erro,.estado-pill.conflito{border-color:var(--sticker);color:var(--sticker-deep)}.estado-pill.pendente{border-color:var(--ink);color:var(--ink)}.faixa-sync{font-family:var(--mono);font-size:11px;padding:8px 12px;margin-top:10px;border:1px solid var(--line);color:var(--ink-2);background:var(--paper-2)}.msg-erro{color:var(--sticker-deep);font-size:14px;margin-top:10px}.contador-dia{font-family:var(--mono);font-size:12px;color:var(--ink-2)}.contador-dia b{color:var(--sticker-deep);font-size:16px}.selo-mini{width:26px;height:26px}.vazio{text-align:center;color:var(--ink-2);padding:48px 12px;font-size:14px}