@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap";:root{--bg: #F4F6FA;--bg-card: #FFFFFF;--brand: #2563EB;--brand-dark: #1D4ED8;--brand-deep: #1E3A8A;--brand-light: #EFF6FF;--brand-soft: #DBEAFE;--brand-mid: #BFDBFE;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--green: #10B981;--green-light: #D1FAE5;--amber: #F59E0B;--amber-light: #FEF3C7;--red: #EF4444;--red-light: #FEE2E2;--border: #E2E8F0;--shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 8px 32px rgba(15,23,42,.12), 0 4px 8px rgba(15,23,42,.06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--sidebar-w: 260px;--font-body: "Plus Jakarta Sans", sans-serif;--font-display: "Sora", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--gray-900);overflow-x:hidden}.app-shell{display:flex;height:100dvh;width:100vw;overflow:hidden}.main-scroll{flex:1;min-width:0;height:100dvh;overflow-y:auto;overflow-x:hidden;background:var(--bg)}.page-wrap{padding:36px 40px;max-width:1400px}.sidebar-metricly{width:var(--sidebar-w);height:100dvh;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px 28px;position:sticky;top:0;flex-shrink:0;z-index:350;overflow-y:auto;transition:transform .28s cubic-bezier(.4,0,.2,1)}.btn-hamburger-sidebar{display:none!important;position:fixed;top:14px;left:14px;z-index:400;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px;cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;justify-content:center}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}.page-title{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px;line-height:1.2;margin-bottom:4px}.page-subtitle{font-size:14px;color:var(--gray-500);font-weight:500}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.card-sm{padding:16px 20px}.chart-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;margin-bottom:24px}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{opacity:0;transform:translateY(12px);animation:fadeUp .4s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.fade-up:nth-child(1){animation-delay:.05s}.fade-up:nth-child(2){animation-delay:.1s}.fade-up:nth-child(3){animation-delay:.15s}.fade-up:nth-child(4){animation-delay:.2s}.fade-up:nth-child(5){animation-delay:.25s}.fade-up:nth-child(6){animation-delay:.3s}.nav-btn{transition:background .15s,color .15s}.nav-btn:hover:not(.ativo){background:var(--brand-light)!important;color:var(--brand)!important}.nav-btn:hover:not(.ativo) .nav-icon{color:var(--brand)!important}.logout-btn{transition:background .15s}.logout-btn:hover{background:var(--red-light)!important}.user-btn{transition:background .15s}.user-btn:hover{background:var(--brand-light)!important}input,textarea,select{font-family:var(--font-body);font-size:14px;color:var(--gray-900);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px #2563eb1f}table{width:100%;border-collapse:collapse}thead th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--gray-500);padding:10px 16px;text-align:left;border-bottom:1px solid var(--border)}tbody td{padding:12px 16px;font-size:14px;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover{background:var(--gray-50)}.recharts-tooltip-wrapper .recharts-default-tooltip{border-radius:var(--radius-md)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-md)!important;font-family:var(--font-body)!important}@media(max-width:1024px){:root{--sidebar-w: 220px}.page-wrap{padding:28px 24px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}}@media(max-width:768px){.sidebar-metricly{position:fixed!important;top:0;left:0;height:100dvh!important;transform:translate(-100%);box-shadow:var(--shadow-lg);padding-bottom:40px;z-index:350}.sidebar-metricly.sidebar-aberta{transform:translate(0)!important}.sidebar-header{margin-top:52px!important}.btn-hamburger-sidebar{display:flex!important}.main-scroll{width:100%}.page-wrap{padding:72px 16px 32px}.page-title{font-size:22px}.page-header{margin-bottom:20px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px}.chart-grid,.clients-grid{grid-template-columns:1fr}.modal-box{width:95vw!important;max-width:95vw!important;margin:0 auto;border-radius:var(--radius-lg)!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:480px}}@media(max-width:480px){.page-wrap{padding:68px 12px 28px}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.card{padding:16px}.page-title{font-size:20px}input,select,textarea{font-size:16px!important}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh}