:root{--petrol-900: #0f363f;--petrol-800: #144e5b;--petrol-700: #186077;--petrol-600: #1d7192;--bg: #f5f5f5;--surface: #ffffff;--text: #0c2127;--text-muted: #4a5b61;--border: #dcdedf;--success: #2e7d5b;--success-bg: #e8f3ee;--danger: #a63a3a;--danger-bg: #f6eaea;--warning: #8a6d3b;--warning-bg: #f4eee2;--font: "Futura PT", "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-card: 16px;--radius-input: 8px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(15, 54, 63, .06);--shadow-card: 0 4px 16px rgba(15, 54, 63, .08);--shadow-lift: 0 8px 24px rgba(15, 54, 63, .12);--ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;-webkit-font-smoothing:antialiased}.overline{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600;color:var(--text-muted)}h1,h2,h3{font-weight:500;margin:0;color:var(--petrol-900)}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}a{color:var(--petrol-700)}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-pill);padding:10px 20px;font-family:var(--font);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:1.5px solid transparent;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .12s var(--ease)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--petrol-900);color:#fff}.btn-primary:hover:not(:disabled){background:var(--petrol-800)}.btn-secondary{background:transparent;color:var(--petrol-900);border-color:var(--petrol-900)}.btn-secondary:hover:not(:disabled){background:#0f363f0f}.btn-ghost{background:transparent;color:var(--petrol-700)}.btn-ghost:hover:not(:disabled){background:#0f363f0f}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 14px;font-size:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.input{border:1.5px solid var(--border);border-radius:var(--radius-input);padding:11px 14px;font-family:var(--font);font-size:15px;color:var(--text);background:#fff;transition:border-color .2s var(--ease)}.input:focus{outline:none;border-color:var(--petrol-600)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:var(--radius-pill)}.badge-fila{background:var(--warning-bg);color:var(--warning)}.badge-atendimento{background:#e9eff1;color:var(--petrol-700)}.badge-resolvida{background:var(--success-bg);color:var(--success)}.badge-bot{background:#eef0f0;color:var(--text-muted)}.row{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.muted{color:var(--text-muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fade .32s var(--ease)}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}