:root{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f2f3fa;--text: #1e1f2b;--text-2: #575a6e;--muted: #8a8ca0;--faint: #a9abbd;--border: #ecedef;--border-2: #e2e4ee;--hover: #f3f2fd;--primary: #6c5ce7;--primary-hover: #5a49d8;--primary-soft: #efecfe;--primary-ink: #ffffff;--ok-bg: #e4f7ec;--ok-fg: #10763f;--ok-bd: #bfe9cf;--warn-bg: #fdefd0;--warn-fg: #9a5b00;--warn-bd: #f4d493;--err-bg: #fde6e3;--err-fg: #c0342b;--err-bd: #f6c2bb;--cat-papel: #f5a623;--cat-papel-bg: #fef2d7;--cat-toner: #5f6d94;--cat-toner-bg: #e8ebf4;--cat-cilindro: #8b5cf6;--cat-cilindro-bg: #eee8fd;--cat-tinta: #14b8d4;--cat-tinta-bg: #d6f3f9;--cat-descartaveis: #1fb877;--cat-descartaveis-bg: #d7f4e7;--cat-clinicos: #ff6b8a;--cat-clinicos-bg: #ffe0e7;--cat-default: #8a8ca0;--cat-default-bg: #eceef5;--r-sm: 10px;--r: 14px;--r-lg: 20px;--r-xl: 26px;--pill: 999px;--shadow-sm: 0 1px 2px rgba(28,29,54,.05), 0 2px 6px rgba(28,29,54,.04);--shadow: 0 6px 20px rgba(28,29,54,.08);--shadow-lg: 0 16px 40px rgba(28,29,54,.14);--ring: 0 0 0 3px color-mix(in srgb, var(--primary) 38%, transparent);--dur-micro: .13s;--dur-ui: .2s;--dur-layer: .26s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-inout: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.32, 1.6, .5, 1);--font-display: "Nunito", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 560px at 100% -8%,#ecebff 0%,transparent 58%),radial-gradient(820px 480px at -8% 108%,#ffe9f1 0%,transparent 52%),var(--bg);background-attachment:fixed}h1,h2,h3{margin:0;font-family:var(--font-display);letter-spacing:-.01em}a{color:var(--primary);text-decoration:none}input,select,textarea,button{font-family:inherit;font-size:15px}input::placeholder{color:var(--faint)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.stat__value,.balance-num,.pin-dots,td,th{font-variant-numeric:tabular-nums}@keyframes rise-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes celebrate{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes ring-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--ok-fg) 32%,transparent)}to{box-shadow:0 0 0 22px transparent}}@keyframes dot-pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(100%) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.rise{animation:rise-in var(--dur-ui) var(--ease-out) both}.stagger>*{animation:rise-in var(--dur-ui) var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:20ms}.stagger>*:nth-child(2){animation-delay:55ms}.stagger>*:nth-child(3){animation-delay:90ms}.stagger>*:nth-child(4){animation-delay:125ms}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:195ms}.stagger>*:nth-child(n+7){animation-delay:.22s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:var(--r);border:none;background:linear-gradient(180deg,#7d6dff,var(--primary));color:var(--primary-ink);font-family:var(--font-display);font-weight:800;font-size:15px;cursor:pointer;white-space:nowrap;box-shadow:0 2px color-mix(in srgb,var(--primary) 55%,#000 18%),var(--shadow-sm);transition:background var(--dur-micro) ease,transform var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) ease,filter var(--dur-micro) ease}.btn:hover{background:linear-gradient(180deg,#6f5ef2,var(--primary-hover))}.btn:active{transform:translateY(1px) scale(.98);box-shadow:0 1px color-mix(in srgb,var(--primary) 55%,#000 18%)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-sm)}.btn--lg{height:60px;font-size:18px;width:100%;border-radius:var(--r-lg)}.btn--ghost{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--border-2),var(--shadow-sm)}.btn--ghost:hover,.btn--ghost:active{background:var(--hover)}.btn--danger{background:var(--err-bg);color:var(--err-fg);box-shadow:inset 0 0 0 1.5px var(--err-bd)}.btn--danger:hover{filter:brightness(.97)}.btn--sm{height:36px;padding:0 14px;font-size:13px;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1.5px var(--border-2);background:var(--surface);color:var(--text);font-weight:700}.btn--sm:hover{background:var(--hover)}.btn--pop{animation:pop-in var(--dur-ui) var(--spring) both}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:700;color:var(--text-2);font-family:var(--font-display)}.input,.select{height:46px;border:1.5px solid var(--border-2);border-radius:var(--r);background:var(--surface);padding:0 14px;color:var(--text);width:100%;transition:border-color var(--dur-micro) ease,box-shadow var(--dur-micro) ease}.input:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}textarea.input{height:auto;padding:12px 14px;min-height:76px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-sm)}.card--tap{cursor:pointer;transition:transform var(--dur-ui) var(--ease-out),box-shadow var(--dur-ui) var(--ease-out);border-left:4px solid var(--accent, transparent)}.card--tap:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card--tap:active{transform:translateY(-1px) scale(.995)}.muted{color:var(--muted);font-size:14px}.faint{color:var(--faint)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;font-family:var(--font-display);padding:5px 11px;border-radius:var(--pill);border:1.5px solid transparent}.badge--ok{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-bd)}.badge--alerta{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-bd)}.badge--esgotado{background:var(--err-bg);color:var(--err-fg);border-color:var(--err-bd)}.badge--aguardando{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-bd)}.badge--recebida{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-bd)}.badge--neutral{background:var(--surface-2);color:var(--text-2);border-color:var(--border-2)}.chip{height:36px;padding:0 16px;border-radius:var(--pill);border:1.5px solid var(--border-2);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:background var(--dur-micro) ease,color var(--dur-micro) ease,transform var(--dur-micro) var(--ease-out),border-color var(--dur-micro) ease}.chip:hover{background:var(--hover)}.chip:active{transform:scale(.95)}.chip--on{background:var(--primary);color:#fff;border-color:var(--primary)}.cat-dot{width:10px;height:10px;border-radius:var(--pill);background:var(--cat, var(--cat-default));flex:none}.mobile{max-width:480px;margin:0 auto;padding:22px 16px 44px;min-height:100%}.mobile__title{font-size:22px;font-weight:900}.brand{font-family:var(--font-display);font-weight:900}.brand span{background:linear-gradient(90deg,var(--primary),#ff6b8a);-webkit-background-clip:text;background-clip:text;color:transparent}.center-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.pin-dots{display:flex;gap:13px;justify-content:center;margin:22px 0}.pin-dot{width:15px;height:15px;border-radius:var(--pill);background:var(--border-2);transition:background var(--dur-micro) ease}.pin-dot--on{background:var(--primary);animation:dot-pop .22s var(--spring)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.key{height:66px;border-radius:var(--r);border:1.5px solid var(--border-2);background:var(--surface);font-size:24px;font-weight:700;font-family:var(--font-display);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--dur-micro) ease,transform var(--dur-micro) var(--ease-out)}.key:hover{background:var(--hover)}.key:active{transform:scale(.94);background:var(--hover)}.key--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.key--primary:hover{background:var(--primary-hover)}.celebrate{width:76px;height:76px;border-radius:var(--pill);background:var(--ok-bg);color:var(--ok-fg);display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:40px;animation:celebrate .42s var(--spring) both,ring-pulse .7s var(--ease-out) .12s}.toast-layer{position:fixed;left:0;right:0;bottom:20px;display:flex;justify-content:center;z-index:60;pointer-events:none}.toast{pointer-events:auto;background:var(--text);color:#fff;padding:13px 16px;border-radius:var(--r);display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-lg);max-width:92vw;font-weight:600;animation:toast-in .4s var(--spring) both}.toast--ok{background:#10402a}.toast--err{background:#5a1a16}.toast__action{color:#c9c2ff;font-weight:800;cursor:pointer;background:none;border:none;font-family:var(--font-display)}.admin{display:flex;min-height:100%}.sidebar{width:232px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:22px 14px;gap:3px;position:sticky;top:0;height:100vh}.sidebar__brand{font-size:19px;font-weight:900;font-family:var(--font-display);padding:4px 12px 18px}.nav-link{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:var(--r);color:var(--text-2);font-weight:700;font-size:14.5px;font-family:var(--font-display);transition:background var(--dur-micro) ease,color var(--dur-micro) ease}.nav-link:hover{background:var(--hover)}.nav-link--on{background:var(--primary-soft);color:var(--primary)}.admin__main{flex:1;min-width:0;padding:26px 30px}.admin__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.admin__title{font-size:24px;font-weight:900}.grid{display:grid;gap:14px}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat{position:relative;overflow:hidden}.stat__label{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-family:var(--font-display)}.stat__value{font-size:30px;font-weight:900;margin-top:4px;font-family:var(--font-display)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800;font-family:var(--font-display)}tbody tr{transition:background var(--dur-micro) ease}tbody tr:hover{background:var(--surface-2)}tr:last-child td{border-bottom:none}.row-actions{display:flex;gap:6px}.error-box{background:var(--err-bg);color:var(--err-fg);border:1.5px solid var(--err-bd);border-radius:var(--r);padding:11px 14px;font-size:14px;font-weight:600;animation:rise-in var(--dur-ui) var(--ease-out) both}.empty{padding:44px 16px;text-align:center;color:var(--muted)}.empty__emoji{font-size:34px;display:block;margin-bottom:8px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;align-items:center}.row--wrap{flex-wrap:wrap}.spacer{flex:1}.scroll-x{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#18192c66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px;animation:pop-in var(--dur-ui) var(--ease-out) both}.modal-card{width:440px;max-width:100%;max-height:86vh;overflow:auto;animation:rise-in var(--dur-layer) var(--ease-out) both}@media(max-width:720px){.sidebar{display:none}.admin__main{padding:16px}.grid[style]{grid-template-columns:1fr!important}}@media print{.noprint{display:none!important}body{background:#fff}.admin__main{padding:0;max-width:none}.labels-grid{grid-template-columns:repeat(3,1fr)!important}}.labels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.label{border:2px solid #111;border-radius:12px;padding:12px;text-align:center;break-inside:avoid}.label__code{font-size:24px;font-weight:900;font-family:var(--font-display)}.label__name{font-size:13px;font-weight:700;margin:2px 0}.label__hint{font-size:10px;color:#333;margin-top:4px}.label svg{width:120px;height:120px}.saldo{display:inline-flex;align-items:baseline;gap:5px;padding:6px 13px;border-radius:var(--pill);font-family:var(--font-display);font-weight:900;font-size:18px;line-height:1;border:1.5px solid;font-variant-numeric:tabular-nums}.saldo small{font-size:12px;font-weight:700;opacity:.85}.saldo--ok{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-bd)}.saldo--alerta{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-bd)}.saldo--esgotado{background:var(--err-bg);color:var(--err-fg);border-color:var(--err-bd)}.thresh{color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}.code-chip{font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.02em;padding:3px 10px;border-radius:var(--pill);background:var(--catbg, var(--cat-default-bg));color:var(--cat, var(--cat-default))}.stat__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat__emoji{font-size:22px;line-height:1}.stat--violet{background:linear-gradient(180deg,#f2effe,var(--surface) 72%)}.stat--amber{background:linear-gradient(180deg,#fff4da,var(--surface) 72%)}.stat--red{background:linear-gradient(180deg,#ffe7e3,var(--surface) 72%)}.stat--green{background:linear-gradient(180deg,#e4f7ec,var(--surface) 72%)}.stat--blue{background:linear-gradient(180deg,#e6f1ff,var(--surface) 72%)}.stat--violet .stat__value{color:var(--primary)}.stat--amber .stat__value{color:var(--warn-fg)}.stat--red .stat__value{color:var(--err-fg)}.stat--green .stat__value{color:var(--ok-fg)}.stat--blue .stat__value{color:#1f6fd6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}