:root{--bg: #0d0d0f;--panel: #17171b;--panel2: #1f1f25;--border: #2c2c34;--text: #ececec;--muted: #9a9aa5;--gold: #d4af37;--gold-dim: #8a7020;--blue: #2ea0ff;--green: #32cd64;--orange: #ff8c28;--red: #e05555}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}#root{min-height:100dvh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;max-width:560px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 12px;position:sticky;top:0;background:#0d0d0feb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid var(--border)}.topbar h1{font-size:17px;margin:0;flex:1;font-weight:600}.topbar .sub{color:var(--muted);font-size:12px}.content{padding:16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.card h3{margin:0 0 6px;font-size:14px;color:var(--gold);font-weight:600;letter-spacing:.02em}.card .hint{color:var(--muted);font-size:12.5px;line-height:1.45}button{font:inherit;border:none;border-radius:12px;cursor:pointer;padding:12px 16px;font-weight:600;font-size:15px;background:var(--panel2);color:var(--text);border:1px solid var(--border)}button.primary{background:var(--gold);color:#14120a;border-color:var(--gold)}button.ghost{background:transparent}button.small{padding:8px 12px;font-size:13px;border-radius:10px}button.danger{color:var(--red);border-color:#4a2a2a}button:disabled{opacity:.45;cursor:default}button:active:not(:disabled){transform:scale(.985)}input,select,textarea{font:inherit;width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 12px;font-size:15px}label{display:block;font-size:12.5px;color:var(--muted);margin:10px 0 5px}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.spread{display:flex;justify-content:space-between;align-items:center;gap:8px}.chip{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:700}.chip.inadequado{background:#3a1717;color:#ff9d9d}.chip.baixo{background:#3a2d13;color:#ffce7a}.chip.normal{background:#17321d;color:#8fe3a5}.chip.excelente{background:#14262e;color:#7ad4ff}.chip.pendente{background:var(--panel2);color:var(--muted)}.chip.ok{background:#17321d;color:#8fe3a5}.selo{background:#141210;border:1px solid var(--gold-dim);color:#e8cf8f;border-radius:10px;padding:10px 12px;font-size:12px;text-align:center;line-height:1.4}.big-number{font-size:56px;font-weight:800;color:var(--gold);line-height:1;letter-spacing:-.02em}.big-label{color:var(--muted);font-size:13px;margin-top:6px}.alert{border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600}.alert.red{background:#351616;color:#ffb3b3;border:1px solid #5a2626}.alert.amber{background:#33290f;color:#ffd98a;border:1px solid #5a4a1e}.list-item{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.list-item .code{font-weight:700;font-size:15.5px}.list-item .meta{color:var(--muted);font-size:12.5px;margin-top:3px}.count-stage{position:relative;overflow:auto;background:#000;border-radius:12px;border:1px solid var(--border);height:54dvh;touch-action:pan-x pan-y}.count-wrap{position:relative;transform-origin:0 0}.count-wrap img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.dot{position:absolute;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff;pointer-events:none}.dot.f1{background:var(--blue)}.dot.f2{background:var(--green)}.dot.f3{background:var(--orange)}.brush{display:flex;gap:8px}.brush button{flex:1;padding:10px 6px;font-size:13px}.brush button.active-f1{background:var(--blue);color:#fff;border-color:var(--blue)}.brush button.active-f2{background:var(--green);color:#08220f;border-color:var(--green)}.brush button.active-f3{background:var(--orange);color:#2b1503;border-color:var(--orange)}.brush button.active-del{background:var(--red);color:#fff;border-color:var(--red)}.counter-bar{display:flex;gap:14px;justify-content:center;font-size:14px;color:var(--muted)}.counter-bar b{color:var(--text);font-size:17px}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:280px;margin:20px auto}.pinpad button{font-size:22px;padding:16px 0;border-radius:16px}.pin-dots{display:flex;gap:12px;justify-content:center;margin:18px 0}.pin-dot{width:14px;height:14px;border-radius:50%;background:var(--panel2);border:1px solid var(--border)}.pin-dot.on{background:var(--gold);border-color:var(--gold)}.logo-lock{text-align:center;margin-top:12dvh}.logo-lock .name{font-size:26px;font-weight:800;letter-spacing:.06em;color:var(--gold)}.logo-lock .tag{color:var(--muted);font-size:13px;margin-top:4px}.janela-thumb{width:52px;height:52px;border-radius:10px;object-fit:cover;border:1px solid var(--border)}.range-val{min-width:84px;text-align:right;font-weight:700;color:var(--gold);font-size:18px}input[type=range]{accent-color:var(--gold);padding:0;height:32px}.legend{display:flex;gap:12px;justify-content:center;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}