*{box-sizing:border-box;margin:0;padding:0}body{color:#111827;background:#f3f4f6;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}.page{padding:40px}.page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-header h1{margin-bottom:10px;font-size:42px}.page-header p{color:#6b7280}.card{background:#fff;border-radius:14px;margin-bottom:24px;padding:24px;box-shadow:0 2px 10px #0000000f}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{margin-bottom:8px;font-weight:700}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;padding:12px;font-size:14px}button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:14px 22px;font-weight:700;transition:all .2s}button:hover{opacity:.9}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}table th,table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px}table th{background:#f9fafb}.alert{border-radius:8px;margin-bottom:20px;padding:14px}.alert-error{color:#991b1b;background:#fee2e2}*{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:hidden}img{max-width:100%;height:auto}button,input,select,textarea{max-width:100%}@media (width>=769px){.mobile-menu-button,.mobile-menu-overlay,.mobile-close-area{display:none!important}.app-sidebar{width:200px!important;height:100vh!important;box-shadow:none!important;z-index:1!important;padding:24px 14px!important;position:sticky!important;top:0!important;left:auto!important;overflow:hidden auto!important;transform:none!important}main{flex:1!important;min-width:0!important;padding-top:0!important;overflow-x:hidden!important}}@media (width<=768px){body{font-size:13px}.mobile-menu-button{z-index:900!important;color:#fff!important;cursor:pointer!important;background:#0f172a!important;border:none!important;border-radius:12px!important;width:auto!important;min-width:92px!important;padding:10px 13px!important;font-weight:800!important;display:block!important;position:fixed!important;top:12px!important;left:12px!important;box-shadow:0 10px 25px #0f172a38!important}.mobile-menu-overlay{z-index:950!important;background:#0f172a8c!important;border:none!important;display:block!important;position:fixed!important;inset:0!important}.mobile-close-area{justify-content:flex-end!important;margin-bottom:10px!important;display:flex!important}.mobile-close-button{color:#fff!important;cursor:pointer!important;background:#ffffff14!important;border:1px solid #ffffff24!important;border-radius:10px!important;padding:9px 12px!important;font-weight:800!important}.app-sidebar{z-index:1001!important;width:76vw!important;min-width:230px!important;max-width:285px!important;height:100vh!important;padding:18px 12px!important;transition:transform .22s!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden auto!important;transform:translate(-105%)!important;box-shadow:14px 0 34px #0f172a52!important}.app-sidebar.mobile-open{transform:translate(0)!important}.app-sidebar img{max-width:145px!important;height:auto!important;display:block!important}main{width:100%!important;min-width:0!important;max-width:100%!important;padding-top:58px!important;overflow-x:hidden!important}main,section,article,main>div{max-width:100%!important}h1{font-size:20px!important;line-height:1.2!important}h2{font-size:16px!important;line-height:1.2!important}h3{font-size:14px!important;line-height:1.2!important}main p,main span,main small,main label,main td,main th,main li{font-size:11px!important;line-height:1.25!important}main button{min-height:34px!important;padding:8px 9px!important;font-size:11px!important}main input,main select,main textarea{width:100%!important;min-height:36px!important;padding:8px!important;font-size:12px!important}form[style*=grid-template-columns]{grid-template-columns:1fr!important}table{white-space:nowrap!important;width:100%!important;font-size:11px!important;display:block!important;overflow-x:auto!important}th,td{white-space:nowrap!important;padding:7px 8px!important}div:has(table){max-width:100%!important;overflow-x:auto!important}.recharts-responsive-container{width:100%!important;min-width:0!important;max-width:100%!important;height:220px!important}.recharts-wrapper,.recharts-surface{width:100%!important;max-width:100%!important}.recharts-text,.recharts-cartesian-axis-tick-value,.recharts-legend-item-text,.recharts-tooltip-label,.recharts-tooltip-item{font-size:10px!important}div[style*=grid-template-columns]:not(:has(.recharts-wrapper)):not(:has(svg)):not(:has(canvas)){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}:is(div[style*=grid-template-columns]:has(.recharts-wrapper),div[style*=grid-template-columns]:has(svg),div[style*=grid-template-columns]:has(canvas)){grid-template-columns:1fr!important}div[style*=grid-template-columns]:not(:has(.recharts-wrapper)):not(:has(svg)):not(:has(canvas))>div{min-width:0!important;padding:10px!important}:is(div[style*=grid-template-columns]:not(:has(.recharts-wrapper)):not(:has(svg)):not(:has(canvas))>div h1,div[style*=grid-template-columns]:not(:has(.recharts-wrapper)):not(:has(svg)):not(:has(canvas))>div h2,div[style*=grid-template-columns]:not(:has(.recharts-wrapper)):not(:has(svg)):not(:has(canvas))>div h3,div[style*=grid-template-columns]:not(:has(.recharts-wrapper)):not(:has(svg)):not(:has(canvas))>div strong){white-space:nowrap!important;text-overflow:ellipsis!important;font-size:clamp(12px,3.1vw,17px)!important;line-height:1.1!important;overflow:hidden!important}.cobranca-operacional-page{padding:12px!important}.cobranca-operacional-page .cobranca-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important;display:grid!important}.cobranca-operacional-page .cobranca-summary-card{border-radius:12px!important;gap:4px!important;min-width:0!important;padding:9px 8px!important}.cobranca-operacional-page .cobranca-summary-label{font-size:9.5px!important;line-height:1.1!important}.cobranca-operacional-page .cobranca-summary-value{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:clamp(10px,2.9vw,14px)!important;line-height:1.05!important;display:block!important;overflow:hidden!important}}@media (width<=420px){.app-sidebar{width:78vw!important;min-width:225px!important;max-width:270px!important}.recharts-responsive-container{height:200px!important}}@media (width>=769px){.mobile-menu-button,.mobile-menu-overlay,.mobile-close-area{display:none!important}.app-sidebar{z-index:100!important;width:200px!important;min-width:200px!important;max-width:200px!important;height:100vh!important;box-shadow:none!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden auto!important;transform:none!important}main{width:calc(100% - 200px)!important;min-width:0!important;max-width:calc(100% - 200px)!important;margin-left:200px!important;padding-top:0!important;overflow-x:hidden!important}}@media (width<=768px){.mobile-menu-button{display:block!important}.app-sidebar{z-index:1001!important;width:76vw!important;min-width:230px!important;max-width:285px!important;height:100vh!important;transition:transform .22s!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden auto!important;transform:translate(-105%)!important}.app-sidebar.mobile-open{transform:translate(0)!important}main{width:100%!important;max-width:100%!important;margin-left:0!important;padding-top:58px!important}}