@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Barlow:wght@400;500&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--yellow:#f5c107;--yellow-dim:rgba(245,193,7,.15);--bg:#0d0d0d;--bg-2:#141414;--card:#1a1a1a;--card-2:#222;--border:#2a2a2a;--border-2:#333;--text:#fff;--text-2:#888;--text-3:#444;--green:#22c55e;--green-dim:rgba(34,197,94,.12);--red:#ef4444;--red-dim:rgba(239,68,68,.12);--radius:10px;--radius-sm:7px}body{font-family:Barlow,-apple-system,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}.app,body{background:var(--bg);min-height:100vh}.app{max-width:430px;margin:0 auto;padding-bottom:2rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.75rem}h1{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;letter-spacing:.5px;color:var(--text)}h2{font-size:13px;color:var(--text-2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}h2,h3{font-weight:500}h3{font-size:14px}label{font-size:12px;color:var(--text-2);display:block;margin:12px 0 5px;text-transform:uppercase;letter-spacing:.5px}input,select,textarea{width:100%;font-size:14px;font-family:Barlow,sans-serif;border-radius:var(--radius-sm);border:1px solid var(--border-2);padding:10px 12px;outline:none;background:var(--bg-2);color:var(--text);transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--yellow)}select option{background:var(--card)}textarea{resize:vertical;min-height:80px}.btn{display:block;width:100%;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-family:Barlow,sans-serif;font-weight:500;cursor:pointer;text-align:center;border:1px solid var(--border-2);background:var(--card-2);color:var(--text);margin-top:8px;transition:background .15s,border-color .15s;letter-spacing:.3px}.btn:hover{background:var(--border-2)}.btn-primary{background:var(--yellow);border-color:var(--yellow);color:#000;font-weight:600}.btn-primary:hover{background:var(--yellow-dark,#d4a706)}.btn-sm{padding:6px 12px;font-size:12px;width:auto;margin-top:0}.btn-outline{background:transparent;border-color:var(--border-2);color:var(--text-2)}.btn-outline:hover{border-color:var(--text-2);color:var(--text)}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:.75rem}.metric{background:var(--card-2);border-radius:var(--radius-sm);padding:12px;text-align:center}.metric-val{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;color:var(--text);line-height:1}.metric-val.yellow{color:var(--yellow)}.metric-lbl{font-size:11px;color:var(--text-2);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.row:last-child{border-bottom:none}.badge{font-size:10px;padding:3px 8px;border-radius:4px;display:inline-block;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge-boy{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(245,193,7,.25)}.badge-loja{background:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.badge-ok{background:var(--green-dim);color:var(--green);border:1px solid rgba(34,197,94,.2)}.badge-warn{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.2)}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:14px}.tab{flex:1 1;padding:10px;text-align:center;font-size:13px;cursor:pointer;color:var(--text-2);border-bottom:2px solid transparent;transition:color .15s;font-weight:500}.tab.active{color:var(--yellow);border-bottom-color:var(--yellow)}.upload-area{border:1px dashed var(--border-2);border-radius:var(--radius-sm);padding:1.5rem;text-align:center;cursor:pointer;color:var(--text-2);font-size:13px;margin-top:8px;transition:all .15s}.upload-area:hover{border-color:var(--yellow);color:var(--yellow);background:var(--yellow-dim)}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-top:8px;line-height:1.5}.alert-ok{background:var(--green-dim);color:var(--green);border:1px solid rgba(34,197,94,.2)}.alert-warn{background:var(--red-dim);color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.alert-info{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(245,193,7,.2)}.spinner{display:inline-block;width:13px;height:13px;border:2px solid var(--border-2);border-top-color:var(--yellow);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes spin{to{transform:rotate(1turn)}}.header{display:flex;align-items:center;gap:10px;padding:1rem 1rem .75rem}.back-btn{background:none;border:none;cursor:pointer;color:var(--text-2);font-size:22px;padding:2px 0;line-height:1;transition:color .15s}.back-btn:hover{color:var(--text)}.ai-tag{font-size:9px;background:var(--yellow-dim);color:var(--yellow);padding:1px 6px;border-radius:4px;margin-left:4px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border:1px solid rgba(245,193,7,.2)}.divider{border:none;border-top:1px solid var(--border);margin:12px 0}.muted{font-size:12px;color:var(--text-2);line-height:1.4}.muted-sm{font-size:11px;color:var(--text-3)}.total-bar{background:var(--yellow-dim);border:1px solid rgba(245,193,7,.2);border-radius:var(--radius-sm);padding:12px 14px;display:flex;justify-content:space-between;align-items:center;margin-top:8px}.total-bar-val{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;color:var(--yellow)}.total-bar-lbl{font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:1.5px solid hsla(0,0%,100%,.25);border-radius:4px;background:hsla(0,0%,100%,.05);cursor:pointer;position:relative;flex-shrink:0}input[type=checkbox]:checked{background:#f5c107;border-color:#f5c107}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid #111;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid #f5c107;outline-offset:2px}