*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cafe-escuro:#593A2D;--terracota:#8F5839;--grao-torrado:#241712;--areia:#F8F3EC;--taupe:#A9968C;--caramelo:#C98A4B;--bg-deep:#F8F3EC;--bg-surface:#FFFDFA;--bg-elevated:#F3ECE1;--bg-hover:#EDE3D6;--bg-active:#E5D8C8;--border:#E3D7C8;--border-light:#F0E8DC;--text-primary:#241712;--text-secondary:#6E5A4E;--text-muted:#9B897E;--accent:#8F5839;--accent-soft:rgba(143,88,57,.1);--accent-glow:rgba(143,88,57,.18);--accent-gradient:linear-gradient(135deg,#8F5839,#593A2D);--success:#4F7A57;--success-soft:rgba(79,122,87,.12);--warning:#9A5F28;--warning-soft:rgba(201,138,75,.16);--danger:#A6453A;--danger-soft:rgba(166,69,58,.11);--purple:#8F5839;--sidebar-w:242px;--topbar-h:60px;--radius:8px;--radius-lg:12px;--radius-xl:18px;--shadow:0 2px 16px rgba(36,23,18,.07);--shadow-lg:0 12px 40px rgba(36,23,18,.13);--fonte-display:"Fraunces",Georgia,serif;--fonte-texto:"Inter",system-ui,sans-serif;--fonte-dado:"IBM Plex Mono",ui-monospace,monospace}html,body,#root{height:100%}body{font-family:var(--fonte-texto);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}input,select,textarea,button{font-family:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:5px;border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:var(--taupe)}::selection{background:var(--accent-soft);color:var(--cafe-escuro)}.centro{display:flex;align-items:center;justify-content:center;height:100%}.carregando{color:var(--text-secondary);font-size:13px;display:flex;align-items:center;gap:10px}.spin{width:15px;height:15px;border:2px solid var(--border);border-top-color:var(--terracota);border-radius:50%;animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.eyebrow{font-family:var(--fonte-dado);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.11em;color:var(--text-muted)}.login-wrap{display:flex;align-items:center;justify-content:center;height:100%;padding:20px;background:var(--areia)}.login-card{width:100%;max-width:400px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 36px;box-shadow:var(--shadow)}.marca{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:6px}.marca-nome{font-family:var(--fonte-display);font-size:30px;font-weight:600;letter-spacing:-.01em;color:var(--cafe-escuro);line-height:1}.login-sub{text-align:center;font-size:13px;color:var(--text-secondary);margin-bottom:28px}.campo{margin-bottom:15px}.campo-label{display:block;font-family:var(--fonte-dado);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:7px}.input{width:100%;padding:11px 14px;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;outline:none;transition:.16s}.input:hover{border-color:var(--taupe)}.input:focus{border-color:var(--terracota);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer}.btn{padding:10px 18px;border:1.5px solid var(--border);background:var(--bg-surface);color:var(--cafe-escuro);border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;transition:.16s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover:not(:disabled){border-color:var(--terracota);color:var(--terracota)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primario{background:var(--terracota);border-color:var(--terracota);color:#fff}.btn-primario:hover:not(:disabled){background:var(--cafe-escuro);border-color:var(--cafe-escuro);color:#fff}.btn-fantasma{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-fantasma:hover:not(:disabled){background:var(--bg-hover);color:var(--cafe-escuro)}.btn-largo{width:100%}.erro{padding:11px 14px;background:var(--danger-soft);border:1px solid rgba(166,69,58,.22);border-radius:var(--radius);font-size:12.5px;color:var(--danger);margin-bottom:15px;line-height:1.55}.aviso{padding:12px 15px;background:var(--accent-soft);border:1px solid rgba(143,88,57,.16);border-radius:var(--radius);font-size:12px;color:var(--text-secondary);line-height:1.65}.app{display:flex;height:100%}.sidebar{width:var(--sidebar-w);background:var(--cafe-escuro);display:flex;flex-direction:column;flex-shrink:0}.sb-topo{padding:20px 20px 18px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(248,243,236,.1)}.sb-nav{flex:1;overflow-y:auto;padding:12px 10px}.sb-nav::-webkit-scrollbar-thumb{background:#f8f3ec29;border-color:transparent}.sb-secao{font-family:var(--fonte-dado);font-size:9.5px;text-transform:uppercase;letter-spacing:.13em;color:#f8f3ec6b;font-weight:500;padding:15px 11px 6px}.sb-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--radius);cursor:pointer;transition:.15s;font-size:13.5px;color:#f8f3ecb8;margin-bottom:1px}.sb-item:hover{background:#f8f3ec14;color:#f8f3ec}.sb-item.ativo{background:var(--terracota);color:#fff;font-weight:600}.sb-item-icone{width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.9}.sb-rodape{padding:12px;border-top:1px solid rgba(248,243,236,.1)}.sb-user{display:flex;align-items:center;gap:10px;padding:9px;border-radius:var(--radius);color:#f8f3ecd9}.sb-user:hover{background:#f8f3ec12}.av{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0;font-family:var(--fonte-texto)}.principal{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--areia)}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--bg-surface);display:flex;align-items:center;padding:0 24px;gap:16px;flex-shrink:0}.topbar-titulo{font-family:var(--fonte-display);font-size:16px;font-weight:600;color:var(--cafe-escuro);letter-spacing:-.01em}.espaco{flex:1}.conteudo{flex:1;overflow-y:auto;padding:28px}.seletor{position:relative;display:flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:.16s;-webkit-user-select:none;user-select:none}.seletor:hover{border-color:var(--terracota);background:var(--bg-hover)}.seletor-nome{font-size:12.5px;font-weight:600;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;color:var(--cafe-escuro)}.menu{position:absolute;top:calc(100% + 9px);left:0;min-width:300px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:7px;z-index:200;max-height:430px;overflow-y:auto}.menu-titulo{font-family:var(--fonte-dado);font-size:9.5px;text-transform:uppercase;letter-spacing:.11em;color:var(--text-muted);padding:9px 11px 6px;font-weight:500}.menu-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--radius);cursor:pointer;transition:.14s}.menu-item:hover{background:var(--bg-hover)}.menu-item.ativo{background:var(--accent-soft)}.menu-sep{height:1px;background:var(--border);margin:6px 9px}.pagina-titulo{font-family:var(--fonte-display);font-size:27px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px;color:var(--cafe-escuro);line-height:1.15}.pagina-sub{font-size:13.5px;color:var(--text-secondary);margin-bottom:26px;max-width:620px;line-height:1.6}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:14px;margin-bottom:24px}.kpi{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.kpi-label{font-family:var(--fonte-dado);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:10px}.kpi-valor{font-family:var(--fonte-display);font-size:29px;font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--cafe-escuro)}.kpi-nota{font-size:11px;color:var(--text-muted);margin-top:8px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:18px;overflow:hidden}.card-topo{display:flex;align-items:center;gap:13px;padding:16px 20px;border-bottom:1px solid var(--border-light)}.card-titulo{font-family:var(--fonte-display);font-size:15px;font-weight:600;color:var(--cafe-escuro)}.card-sub{font-size:11.5px;color:var(--text-muted);margin-top:3px;line-height:1.5}.card-corpo{padding:20px}.grade-clientes{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.cli-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;cursor:pointer;transition:.18s}.cli-card:hover{border-color:var(--terracota);transform:translateY(-2px);box-shadow:var(--shadow)}.cli-topo{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cli-nome{font-family:var(--fonte-display);font-size:15px;font-weight:600;line-height:1.25;color:var(--cafe-escuro)}.cli-ticket{font-family:var(--fonte-dado);font-size:10.5px;color:var(--text-muted);margin-top:3px;letter-spacing:.04em}.cli-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin-bottom:13px}.cli-stat{text-align:center}.cli-stat-v{font-family:var(--fonte-display);font-size:17px;font-weight:600;color:var(--cafe-escuro)}.cli-stat-l{font-family:var(--fonte-dado);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:4px}.pilula{padding:4px 11px;border-radius:999px;font-size:10.5px;font-weight:600;background:var(--bg-elevated);color:var(--text-secondary);display:inline-block;letter-spacing:.01em}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-family:var(--fonte-dado);font-size:9.5px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;background:var(--accent-soft);color:var(--terracota)}.vazio{text-align:center;padding:54px 20px;color:var(--text-muted);font-size:13.5px;line-height:1.7}.link-box{display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius);font-family:var(--fonte-dado);font-size:11.5px;color:var(--text-secondary);overflow:hidden}.link-box code{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-bar{height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.pg-fill{height:100%;border-radius:3px;transition:width .5s;background:linear-gradient(90deg,var(--taupe),var(--caramelo),var(--terracota),var(--cafe-escuro))}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:12.5px}.table th{font-family:var(--fonte-dado);font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);font-weight:500;text-align:left;padding:11px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:13px 16px;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-elevated)}@media (max-width:820px){.sidebar{display:none}.conteudo{padding:18px}.pagina-titulo{font-size:22px}}