:root{color:#1d2329;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f1ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{grid-template-columns:minmax(300px,360px) 1fr;min-height:100vh;display:grid}.sidebar{color:#f8fafc;background:#17212b;flex-direction:column;gap:18px;padding:22px;display:flex}.brand{justify-content:space-between;align-items:center;gap:16px;display:flex}.brandLogo{object-fit:contain;flex:none;width:58px;height:58px}.brand span,.eyebrow{color:#7dd3fc;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.brand h1,.topbar h2{margin:2px 0 0}.iconButton{color:#f8fafc;background:#ffffff14;border:1px solid #fff3;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.sidebarActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sidebarActions a,.sidebarActions button{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;font-weight:800;text-decoration:none;display:inline-flex}.sidebarActions button:disabled{cursor:not-allowed;opacity:.55}.adminHint{color:#fef3c7;margin:-8px 0 0;font-size:13px;font-weight:800}.searchBox,.scanInput{color:#4b5563;background:#fff;border:1px solid #d6d3cd;border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.searchBox{border:0}.searchBox input,.scanInput input{color:#111827;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:13px 0}.syncInfo{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.syncButton{color:#e0f2fe;background:#7dd3fc1f;border:1px solid #7dd3fc73;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-weight:800;display:inline-flex}.syncButton:disabled{cursor:not-allowed;opacity:.55}.tokenForm{grid-template-columns:1fr auto;gap:8px;display:grid}.tokenForm input{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff38;border-radius:8px;outline:0;width:100%;min-width:0;padding:10px 12px}.tokenForm input::placeholder{color:#94a3b8}.tokenForm button{color:#082f49;background:#38bdf8;border:0;border-radius:8px;padding:0 12px;font-weight:900}.tokenForm button:disabled{cursor:not-allowed;opacity:.55}.ordersList{flex-direction:column;gap:10px;display:flex;overflow:auto}.orderCard{text-align:left;color:#e5e7eb;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;gap:6px;padding:14px;display:grid}.orderCard.active{background:#38bdf824;border-color:#38bdf8}.orderNumber{color:#93c5fd;font-size:12px;font-weight:800}.orderTimestamp{color:#b9c7d0;align-items:center;gap:5px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.workspace{flex-direction:column;gap:20px;min-width:0;padding:28px;display:flex}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.topbar p,.muted{color:#64748b;margin:6px 0 0}.topActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.primaryButton{color:#fff;background:#0f766e;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.primaryButton:disabled{cursor:not-allowed;opacity:.55}.statusBadge{color:#334155;background:#e2e8f0;border-radius:999px;width:fit-content;padding:5px 10px;font-size:12px;font-weight:800}.statusBadge.conferindo{color:#1d4ed8;background:#dbeafe}.statusBadge.concluido{color:#166534;background:#dcfce7}.statusBadge.divergente,.statusBadge.faturado_alerta{color:#92400e;background:#fef3c7}.metrics{grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;display:grid}.metric,.scanPanel,.columns>section,.history{background:#fff;border:1px solid #ddd8cf;border-radius:8px;box-shadow:0 10px 25px #0f172a0d}.metric{padding:16px}.metric span{color:#64748b;font-size:13px;display:block}.metric strong{margin-top:4px;font-size:28px;display:block}.scanPanel{grid-template-columns:1fr auto;align-items:end;gap:14px;padding:16px;display:grid}.scanPanel label{margin-bottom:8px;font-weight:800;display:block}.scanInput input{font-size:24px;font-weight:800}.scanFeedback{border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.scanFeedback.ok{color:#14532d;background:#dcfce7}.scanFeedback.fail{color:#7f1d1d;background:#fee2e2}.scanFeedback strong,.scanFeedback span{display:block}.columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.columns>section,.history{padding:16px}h3{margin:0 0 12px}.itemList{gap:10px;display:grid}.itemRow,.historyRow{border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:12px;display:grid}.itemRow{grid-template-columns:1fr auto auto}.itemRow.done{background:#f0fdf4}.itemRow span{color:#64748b;font-size:12px;font-weight:800;display:block}.itemRow strong{margin-top:2px;display:block}.itemRow em{color:#92400e;margin-top:4px;font-size:12px;font-style:normal;font-weight:900;display:block}.itemRow p{margin:0;font-size:22px;font-weight:900}.itemRow small{color:#64748b;text-align:right;min-width:70px}.history{gap:8px;display:grid}.historyRow{grid-template-columns:auto 110px 1fr auto}.historyRow svg{color:#0f766e}.historyRow small{color:#64748b}.errorBanner{color:#7f1d1d;background:#fee2e2;border-radius:8px;padding:12px 14px;font-weight:800}.noticeBanner{color:#14532d;background:#dcfce7;border-radius:8px;padding:12px 14px;font-weight:800}.notificationPanel{background:#fffbeb;border:1px solid #facc15;border-radius:8px;gap:8px;padding:12px;display:grid}.notificationHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.notificationHeader span{color:#713f12;align-items:center;gap:8px;font-weight:900;display:inline-flex}.notificationHeader button{color:#7c2d12;background:#fff7ed;border:1px solid #d97706;border-radius:8px;min-height:32px;padding:0 10px;font-weight:900}.notificationItem{color:#1f2937;text-align:left;background:#fff;border:1px solid #fde68a;border-radius:8px;gap:3px;width:100%;padding:11px 12px;display:grid}.notificationItem strong{color:#92400e}.notificationItem span,.notificationItem small,.emptyState,.emptyPage{color:#64748b}.emptyPage{text-align:center;place-items:center;min-height:70vh;display:grid}@media (width<=920px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto}.ordersList{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.metrics,.columns,.scanPanel{grid-template-columns:1fr}.topbar{flex-direction:column}.historyRow{grid-template-columns:auto 1fr}}.adminShell{color:#f8fafc;background:#17212b;place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{color:#17212b;background:#fff;border-radius:12px;width:min(100%,420px);padding:30px;box-shadow:0 20px 60px #0005}.authLogo{place-items:center;width:94px;height:74px;margin-bottom:20px;display:grid}.authLogo img{object-fit:contain;max-width:100%;max-height:100%}.authCard h1{margin:0}.authCard>p{color:#64748b;margin:6px 0 24px}.authCard form{gap:14px;display:grid}.authCard label{gap:6px;font-weight:800;display:grid}.authCard input,.credentialForm input{border:1px solid #d6d3cd;border-radius:8px;outline:0;min-height:42px;padding:0 11px}.passwordInput{align-items:center;display:flex;position:relative}.passwordInput input{width:100%;padding-right:45px}.passwordInput button{color:#64748b;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;min-height:32px;padding:0;display:grid;position:absolute;right:5px}.passwordInput button:hover{color:#17212b;background:#e2e8f0}.adminPrimary,.dangerButton,.adminGhost{border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-weight:800;display:inline-flex}.adminPrimary{color:#fff;background:#0f766e}.adminGhost{color:#334155;background:#e2e8f0}.dangerButton{color:#991b1b;background:#fee2e2}.adminError,.adminNotice{border-radius:8px;padding:12px 14px;font-weight:800}.adminError{color:#7f1d1d;background:#fee2e2}.adminNotice{color:#14532d;background:#dcfce7}.adminPanel{color:#17212b;width:min(100%,980px);margin:0 auto;padding:30px 24px}.adminHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.adminHeader>div>span{color:#0f766e;font-size:12px;font-weight:900}.adminHeader h1{margin:4px 0}.adminHeader p{color:#64748b;margin:0}.adminCard{background:#fff;border:1px solid #ddd8cf;border-radius:10px;margin-bottom:16px;padding:20px;box-shadow:0 10px 25px #0f172a0d}.adminCardTitle{align-items:flex-start;gap:11px;margin-bottom:18px;display:flex}.adminCardTitle h2{margin:0;font-size:19px}.adminCardTitle p{color:#64748b;margin:4px 0 0}.credentialForm{grid-template-columns:1fr 1.5fr auto auto;gap:10px;display:grid}.credentialRow{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}.credentialRow small{color:#64748b;margin-top:4px;display:block}.rowActions{gap:8px;display:flex}.adminMuted{color:#64748b}@media (width<=720px){.credentialForm{grid-template-columns:1fr}.credentialRow{flex-direction:column;align-items:flex-start}.adminHeader{flex-direction:column}}.mobileShell{color:#17212b;background:#f3f1ed;max-width:620px;min-height:100vh;margin:0 auto;padding:18px 16px 30px}.cameraTools{align-items:center;gap:10px;margin-top:10px;display:flex}.cameraTools button{color:#fff;background:#17212b;border:0;border-radius:8px;padding:9px 11px;font-weight:800}.cameraTools button:disabled{opacity:.45}.cameraTools label{color:#64748b;flex:1;align-items:center;gap:6px;font-size:13px;display:flex}.cameraTools input{width:100%}.cameraTools button:nth-child(2){background:#0f766e}.mobileFeedback.flash-success{animation:.65s both scanSuccess}.mobileFeedback.flash-error{animation:.65s both scanError}@keyframes scanSuccess{0%{transform:scale(.94);box-shadow:0 0 #22c55e8c}45%{transform:scale(1.03);box-shadow:0 0 0 12px #22c55e24}to{transform:scale(1);box-shadow:0 0 #22c55e00}}@keyframes scanError{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.mobileHeader{align-items:center;gap:12px;margin-bottom:18px;display:flex}.mobileLogo{object-fit:contain;flex:none;width:42px;height:42px}.mobileHeader>div{flex:1;min-width:0}.mobileHeader span{color:#0f766e;font-size:11px;font-weight:900}.mobileHeader h1{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:20px;overflow:hidden}.mobileIcon{color:#17212b;background:#fff;border:0;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;text-decoration:none;display:grid}.mobileSearch,.manualScan{background:#fff;border:1px solid #ddd8cf;border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.mobileSearch input,.manualScan input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:13px 0}.mobileOrders{gap:10px;margin-top:14px;display:grid}.mobileOrders button{text-align:left;background:#fff;border:1px solid #ddd8cf;border-radius:10px;gap:4px;padding:15px;display:grid}.mobileOrders strong{color:#0f766e}.mobileOrders span{font-weight:800}.mobileOrders small{color:#64748b}.mobileProgress{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.mobileProgress div{text-align:center;background:#fff;border:1px solid #ddd8cf;border-radius:10px;padding:12px 8px}.mobileProgress strong,.mobileProgress span{display:block}.mobileProgress strong{font-size:24px}.mobileProgress span{color:#64748b;font-size:12px}.cameraCard{background:#111827;border-radius:14px;min-height:290px;position:relative;overflow:hidden}.cameraVideo{object-fit:cover;width:100%;min-height:290px;display:block}.scanFrame{pointer-events:none;border:2px solid #38bdf8;border-radius:8px;position:absolute;inset:25% 12%;box-shadow:0 0 0 999px #0004}.scanFrame i{border-style:solid;border-color:#fff;width:24px;height:24px;position:absolute}.scanFrame i:first-child{border-width:4px 0 0 4px;top:-2px;left:-2px}.scanFrame i:nth-child(2){border-width:4px 4px 0 0;top:-2px;right:-2px}.scanFrame i:nth-child(3){border-width:0 0 4px 4px;bottom:-2px;left:-2px}.scanFrame i:nth-child(4){border-width:0 4px 4px 0;bottom:-2px;right:-2px}.cameraOverlay{color:#fff;background:#111827aa;align-content:center;place-items:center;gap:10px;display:grid;position:absolute;inset:0}.mobilePrimary,.manualScan button{color:#fff;background:#0f766e;border:0;border-radius:8px;padding:11px 14px;font-weight:900}.cameraHint{color:#64748b;text-align:center;margin:10px 0;font-size:13px}.mobileError{color:#7f1d1d;background:#fee2e2;border-radius:9px;align-items:center;gap:8px;margin-bottom:10px;padding:11px;font-size:13px;font-weight:800;display:flex}.manualScan{margin-top:10px}.manualScan button:disabled{opacity:.45}.mobileFeedback{border-radius:10px;align-items:center;gap:11px;margin-top:12px;padding:14px;display:flex}.mobileFeedback strong,.mobileFeedback span{display:block}.mobileFeedback.ok{color:#14532d;background:#dcfce7}.mobileFeedback.fail{color:#7f1d1d;background:#fee2e2}.mobileItems{background:#fff;border:1px solid #ddd8cf;border-radius:10px;margin-top:14px;padding:15px}.mobileItems h2{margin:0 0 10px;font-size:17px}.mobileItems>div{border-top:1px solid #e5e7eb;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.mobileItems p{color:#166534;font-weight:800}:root{--roma-ink:#17202a;--roma-muted:#64717f;--roma-line:#dfe4e8;--roma-surface:#fff;--roma-bg:#eef3f5;--roma-teal:#0f766e;--roma-cyan:#0ea5e9;--roma-navy:#07324a;--roma-warn:#b45309;--roma-danger:#b91c1c;--roma-ok:#15803d}body{background:var(--roma-bg)}.shell{background:linear-gradient(#f8fbfc 0,#eef3f5 360px 100%)}.sidebar{background:linear-gradient(#06324a 0%,#0f3f4d 52%,#17202a 100%);border-right:1px solid #ffffff1f;box-shadow:14px 0 35px #0f202a29}.brand{background:#ffffff17;border:1px solid #ffffff29;border-radius:8px;align-items:flex-start;padding:14px}.brand>div{flex:1;min-width:0}.brandLogo{filter:drop-shadow(0 12px 22px #00000038);width:72px;height:62px}.brand span,.eyebrow{color:#68d8ff}.brand h1{color:#fff;font-size:26px;line-height:1}.iconButton,.sidebarActions a,.sidebarActions button{transition:transform .16s,border-color .16s,background .16s}.iconButton:hover,.sidebarActions a:hover,.sidebarActions button:hover:not(:disabled){background:#ffffff21;border-color:#7dd3fc80;transform:translateY(-1px)}.searchBox{border-radius:8px;min-height:46px;box-shadow:0 12px 24px #0000001f}.syncInfo{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:11px 12px}.syncInfo.secondary{color:#f8d983}.orderCard{background:#ffffff13;border-color:#ffffff1f;border-radius:8px;padding:15px;transition:transform .16s,background .16s,border-color .16s}.orderCard:hover{background:#ffffff1c;transform:translateY(-1px)}.orderCard.active{color:var(--roma-ink);background:#f8fbfc;border-color:#67e8f9;box-shadow:0 14px 28px #0000002e}.orderCard.active .orderNumber,.orderCard.active span{color:#0f766e}.workspace{padding:30px}.topbar{background:var(--roma-surface);border:1px solid var(--roma-line);border-radius:8px;padding:20px;box-shadow:0 14px 34px #0f202a14}.topbar h2{color:var(--roma-ink);font-size:30px;line-height:1.08}.topbar p,.muted{color:var(--roma-muted)}.primaryButton,.syncButton,.tokenForm button,.adminPrimary,.mobilePrimary,.manualScan button{background:linear-gradient(#13998d,#0f766e);border-radius:8px;box-shadow:0 10px 22px #0f766e38}.primaryButton:hover:not(:disabled),.syncButton:hover:not(:disabled),.adminPrimary:hover:not(:disabled),.manualScan button:hover:not(:disabled){filter:brightness(1.05)}.metrics{gap:14px}.metric,.scanPanel,.columns>section,.history,.adminCard,.mobileItems,.mobileProgress div,.mobileOrders button{border-color:var(--roma-line);border-radius:8px;box-shadow:0 12px 28px #0f202a12}.metric{position:relative;overflow:hidden}.metric:before{content:"";background:linear-gradient(180deg, var(--roma-cyan), var(--roma-teal));width:4px;position:absolute;top:0;bottom:0;left:0}.metric strong{color:var(--roma-ink);font-size:32px}.scanPanel{background:linear-gradient(#fff,#f8fbfc);border:1px solid #0ea5e947}.scanInput{border-color:#c6d8e1;border-radius:8px;min-height:58px}.scanInput input{color:var(--roma-ink)}.scanFeedback{border:1px solid #0000;border-radius:8px}.scanFeedback.ok{border-color:#86efac}.scanFeedback.fail{border-color:#fecaca}.columns{align-items:start}.columns>section h3,.history h3{color:var(--roma-ink);font-size:17px}.itemRow,.historyRow{background:#fff;border-color:#e6eaee;border-radius:8px}.itemRow.done{background:#f2fbf5;border-color:#b7e4c7}.statusBadge{border:1px solid #3341551f;border-radius:999px}.errorBanner,.noticeBanner{border-radius:8px;box-shadow:0 10px 22px #0f202a0f}.adminShell{background:linear-gradient(135deg,#06324a 0%,#0f766e 58%,#eef3f5 58% 100%)}.authCard{border:1px solid #ffffffb3;border-radius:8px}.authLogo{width:118px;height:86px}.adminPanel{width:min(100%,1040px)}.adminHeader{border:1px solid var(--roma-line);background:#fff;border-radius:8px;padding:18px;box-shadow:0 12px 28px #0f202a12}.adminGhost,.dangerButton{border-radius:8px}.webhookBox{gap:12px;display:grid}.webhookBox label{color:var(--roma-muted);gap:6px;font-size:13px;font-weight:800;display:grid}.webhookBox input{border:1px solid var(--roma-line);width:100%;min-height:42px;color:var(--roma-ink);background:#f8fbfc;border-radius:8px;outline:0;padding:0 11px}.mobileShell{background:linear-gradient(#f8fbfc 0,#eef3f5 220px 100%)}.mobileHeader{border:1px solid var(--roma-line);background:#fff;border-radius:8px;padding:10px;box-shadow:0 10px 24px #0f202a14}.mobileLogo{width:52px;height:46px}.mobileIcon{border:1px solid #dbe3e8;border-radius:8px}.mobileSearch,.manualScan,.cameraCard{border-radius:8px;box-shadow:0 10px 24px #0f202a14}.cameraCard,.cameraVideo{min-height:340px}.scanFrame{border-color:#67e8f9;inset:28% 8%}.cameraTools{border:1px solid var(--roma-line);background:#fff;border-radius:8px;padding:9px}.scanModeButton{background:linear-gradient(#0ea5e9,#0369a1);box-shadow:0 10px 22px #0369a133}.mobileNotice{color:#14532d;background:#dcfce7;border:1px solid #86efac;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:11px;font-size:13px;font-weight:800;display:flex}.finishCard{background:#ecfdf5;border:1px solid #86efac;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:13px;display:flex;box-shadow:0 10px 24px #0f202a14}.finishCard strong,.finishCard span{display:block}.finishCard span{color:#166534;margin-top:2px;font-size:13px}.mobileItems h2{margin:0}.mobileItemsHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.mobileItems>.mobileItemsHeader{border-top:0;padding:0}.mobileItemsHeader button{color:#fff;background:#17212b;border:0;border-radius:8px;padding:9px 11px;font-size:13px;font-weight:900}.mobileItemsHeader button:disabled{opacity:.55}@media (width<=920px){.workspace{padding:18px}.sidebar{padding:16px}.brandLogo{width:64px;height:54px}.topbar h2{font-size:24px}}