:root{--canvas: #f6f4ef;--surface: #ffffff;--ink: #23201b;--muted: #6b655c;--line: #e4e0d8;--amber: #e8912a;--amber-ink: #97540f;--amber-soft: #fbe7c6;--green: #2f7a54;--green-soft: #d8ebe0;--red: #c43d2c;--shadow-sm: 0 1px 2px rgba(35, 32, 27, .06);--shadow-md: 0 10px 30px rgba(35, 32, 27, .1);--r-lg: 20px;--r-md: 12px;--display: "SF Pro Rounded", ui-rounded, "Segoe UI", system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace}@media (prefers-color-scheme: dark){:root{--canvas: #1a1813;--surface: #232019;--ink: #f1ede4;--muted: #a79f92;--line: #38332a;--amber-ink: #f0a94e;--amber-soft: #3a2c15;--green: #4fa97b;--green-soft: #1e3a2b;--red: #e0614f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 10px 30px rgba(0, 0, 0, .45)}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.painel{max-width:1120px;margin:0 auto;padding:24px 20px 56px}.painel-topo{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:8px}.painel-topo h1{font-family:var(--display);font-size:24px;margin:4px 0 0}.painel-topo .subtitulo{color:var(--muted);font-size:14px}.marca{display:flex;align-items:center;gap:10px}.marca .wordmark{font-family:var(--display);font-size:20px;letter-spacing:-.01em}.marca .wordmark b{color:var(--amber-ink);font-weight:700}.topo-acoes{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sair{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px}.sair:hover{color:var(--ink)}.login-tela{min-height:100vh;display:grid;place-items:center;padding:24px}.login-cartao{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:32px 28px;display:flex;flex-direction:column;gap:14px}.login-cartao h1{font-family:var(--display);font-size:22px;margin:8px 0 0}.login-cartao .sub{color:var(--muted);font-size:14px;margin:0 0 6px}.login-cartao label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.login-cartao input{font:inherit;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas);color:var(--ink)}.login-cartao input:focus{outline:2px solid var(--amber);border-color:var(--amber)}.login-cartao button[type=submit]{margin-top:8px;border:0;background:var(--amber);color:#fff;font-weight:700;font-size:15px;padding:12px;border-radius:var(--r-md)}.login-cartao button[disabled]{opacity:.6}.login-erro{color:var(--red);font-size:14px}.periodo{display:inline-flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px;box-shadow:var(--shadow-sm)}.periodo button{border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:600;padding:8px 16px;border-radius:999px;transition:background .15s,color .15s}.periodo button.ativo{background:var(--amber);color:#fff}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-sm)}.kpi .valor{font-family:var(--display);font-size:32px;font-weight:700;line-height:1.1}.kpi .rotulo{color:var(--muted);font-size:13px;margin-top:6px}.kpi.destaque .valor{color:var(--amber-ink)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cartao{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm);margin-bottom:16px}.cartao h2{font-family:var(--display);font-size:17px;margin:0 0 16px}.grafico{display:flex;align-items:flex-end;gap:6px;height:200px;padding-top:8px}.grafico .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.grafico .barra{width:100%;max-width:46px;background:linear-gradient(180deg,var(--amber),var(--amber-ink));border-radius:6px 6px 0 0;transition:height .3s ease;min-height:2px}.grafico .dia{font-size:11px;color:var(--muted);white-space:nowrap}.grafico .valor-col{font-size:11px;font-weight:700;color:var(--ink)}.ranking{display:flex;flex-direction:column;gap:12px}.ranking .linha .cabeca{display:flex;justify-content:space-between;font-size:14px;margin-bottom:5px}.ranking .linha .nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking .linha .qtd{font-weight:700;color:var(--amber-ink);padding-left:10px}.ranking .trilho{height:10px;background:var(--amber-soft);border-radius:999px;overflow:hidden}.ranking .preenche{height:100%;background:linear-gradient(90deg,var(--amber),var(--amber-ink));border-radius:999px}.ranking.verde .trilho{background:var(--green-soft)}.ranking.verde .preenche{background:linear-gradient(90deg,var(--green),#1f5a3c)}.ranking.verde .qtd{color:var(--green)}.estado{text-align:center;padding:60px 20px;color:var(--muted)}.estado.erro{color:var(--red)}.vazio{color:var(--muted);font-size:14px;padding:8px 0}.abas{display:inline-flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px;box-shadow:var(--shadow-sm)}.abas button{border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:600;padding:8px 16px;border-radius:999px;transition:background .15s,color .15s}.abas button.ativo{background:var(--ink);color:var(--surface)}.gestao{display:flex;flex-direction:column;gap:20px}.arvore,.arvore ul{list-style:none;margin:0;padding:0}.arvore ul{margin-left:18px;padding-left:14px;border-left:2px solid var(--line)}.arvore .no,.arvore .folha{padding:6px 0}.no-rotulo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.no-nome{font-weight:600;color:var(--ink)}.arvore .raiz>.no-rotulo .no-nome{font-size:1.1rem}.no-tipo{font-size:12px;color:var(--muted);background:var(--canvas);border:1px solid var(--line);border-radius:999px;padding:1px 8px}.arvore .folha .no-nome{font-weight:500}.admin-form{display:flex;flex-direction:column;gap:12px;margin-top:8px}.admin-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}.admin-form input,.admin-form select{font:inherit;font-weight:500;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px}.admin-form input:focus,.admin-form select:focus{outline:none;border-color:var(--amber)}.admin-form .linha-form{display:flex;gap:12px}.admin-form .linha-form label{flex:1;min-width:0}.opcional{font-weight:400;color:var(--muted)}.admin-form button[type=submit]{align-self:flex-start;background:var(--amber);color:#fff;border:0;border-radius:var(--r-md);padding:11px 20px;font-weight:700;cursor:pointer}.admin-form button[disabled]{opacity:.55;cursor:default}.admin-erro{margin:0;color:var(--red);font-size:13px;font-weight:600}.admin-ok{margin:0;color:var(--green);font-size:13px;font-weight:600}.btn-cancelar{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:var(--r-md);padding:11px 20px;font-weight:600;cursor:pointer}.btn-cancelar:disabled{opacity:.55;cursor:default}.no-acoes{display:inline-flex;gap:10px;margin-left:4px}.link-mini{background:none;border:0;padding:0;font:inherit;font-size:12px;font-weight:600;color:var(--amber-ink);cursor:pointer}.link-mini.perigo{color:var(--red)}.link-mini:hover{text-decoration:underline}.tabela-usuarios{width:100%;border-collapse:collapse;font-size:14px}.tabela-usuarios th,.tabela-usuarios td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.tabela-usuarios th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.tabela-usuarios tr.inativo td{opacity:.55}.tabela-usuarios .mono{font-family:var(--mono);font-size:13px}.selo{font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px}.selo.ativo{background:var(--green-soft);color:var(--green)}.selo.inativo{background:var(--amber-soft);color:var(--amber-ink)}@media (max-width: 720px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.admin-form .linha-form{flex-direction:column}}