:root{--bg-brand-verde: #00a19b;--bg-hover-verde: #00817c;--bg-brand-azul: #0a1e41;--bg-hover-azul: #081834;--bg-black: #0a0a0a;--bg-white: #ffffff;--gray: #a3a3a3;--gray-2: #525252;--gray-ligth: #e5e5e5;--gray-dark: #374151;--fg-interactive: #3b82f6;--fs-xxl: 3rem;--fs-xl: 2rem;--fs-l: 1.5rem;--fs-m: 1rem;--fs-s: .75rem;--font-family: "Poppins", "Sora", sans-serif}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tamborete-layout-container{display:flex;flex-direction:row;height:100vh;overflow:hidden}.tamborete-layout-content{display:flex;flex-direction:column;width:100%;background-color:#f5f5f5;flex:1;overflow:hidden}.tamborete-layout-content-children{flex:1;overflow-y:auto;background-color:#fff;scrollbar-width:none;-ms-overflow-style:none}.header-container{background-color:var(--bg-neutral, #fff)!important;height:60px;padding:0 5%;border-bottom:1px solid var(--fg-border, #e5e5e5);--Paper-shadow: none !important}.header-container .tolbar-responsivo{display:flex;align-items:center;gap:12px;width:auto;justify-content:flex-start}.header-container .tolbar{display:flex;justify-content:space-between}.header-container .tolbar .tolbar-left,.tolbar-right{display:flex;justify-content:space-between;align-items:center}.header-container .tolbar .tolbar-left .apartment-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--fg-border, #e5e5e5);background:linear-gradient(0deg,#fff,#fff),url(<path-to-image>) #d3d3d3 -27.577px 0px / 262.887% 175.279% no-repeat;color:var(--gray, #a3a3a3)}.header-container .tolbar .tolbar-left .company-button{color:var(--fg-neutral, #0a0a0a);font-family:Poppins;font-size:14px;font-style:normal;font-weight:700;line-height:20px;text-transform:none}.header-container .tolbar .tolbar-right{gap:16px}.header-container .tolbar .tolbar-right .available-balance{display:flex;justify-content:right;align-items:center}.header-container .tolbar .tolbar-right .available-balance .label-balance{color:var(--fg-neutral, #0a0a0a);font-family:Poppins;font-size:14px;font-style:normal;font-weight:700;line-height:20px}.header-container .tolbar .tolbar-right .available-balance .balance-value{color:var(--fg-neutral, #0a0a0a);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-left:8px}.header-container .tolbar .tolbar-right .available-balance .balance-value span{margin-top:5px}.header-container .tolbar .tolbar-right .space{width:3px;height:16px;background-color:var(--fg-border, #e5e5e5)}#menu{border:1px solid var(--fg-border, #e5e5e5)}#menu-item{display:flex;width:246px;padding:18px 16px;align-items:center;gap:16px;color:var(--bg-brand-azul, #0a1e41);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.drawer-container{height:calc(100% - 60px)!important;width:360px!important;margin-top:60px}.css-4nmryk-MuiBackdrop-root-MuiModal-backdrop{background-color:#fff0!important}.drawer-container .drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px}.drawer-container .drawer-header .drawer-header-title{color:var(--bg-brand-azul, #0a1e41);font-family:Poppins;font-size:14px;font-style:normal;font-weight:700;line-height:20px}.drawer-container .drawer-info-user{padding:16px}.drawer-container .drawer-info-user .username{display:flex;flex-direction:row;align-items:center}.drawer-container .drawer-info-user .username .username-name{color:var(--bg-brand-azul, #0a1e41);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-left:8px}.drawer-container .drawer-info-user .username .username-icon{color:var(--bg-brand-azul, #0a1e41);line-height:20px;border:2px solid var(--bg-brand-azul, #0a1e41);border-radius:50%}.drawer-container .drawer-info-user .email{overflow:hidden;color:var(--fg-subtle, #525252);text-overflow:ellipsis;font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.drawer-container .drawer-bank-details{border-bottom:1px solid var(--fg-border, #e5e5e5)}.drawer-container .drawer-bank-details .bank-details-area{display:flex;justify-content:space-between;padding:16px;cursor:pointer}.drawer-container .drawer-bank-details .bank-details-area:hover{background-color:var(--gray-ligth, #e5e5e5)}.drawer-container .drawer-bank-details .bank-details-area .bank-details-title{color:var(--bg-brand-azul, #0a1e41);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.drawer-container .drawer-bank-details .bank-details-list .bank-details-item .bank-details-item-label span{color:var(--fg-neutral, #0a0a0a);font-family:Poppins;font-size:12px;font-style:normal;font-weight:700;line-height:16px}.drawer-container .drawer-bank-details .bank-details-list .bank-details-item .bank-details-item-value span{color:var(--fg-neutral, #0a0a0a);font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;line-height:16px;align-items:start}.drawer-container .drawer-menu{padding-top:0}.drawer-container .drawer-menu .drawer-menu-item{background-color:var(--bg-white, #ffffff);border:none;padding:18px 16px;cursor:pointer}.drawer-container .drawer-menu .drawer-menu-item:hover{background-color:var(--gray-ligth, #e5e5e5)}.drawer-container .drawer-menu .drawer-menu-item .drawer-menu-item-label span{color:var(--bg-brand-azul, #0a1e41);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.drawer-container .drawer-menu .drawer-menu-item .drawer-menu-item-logout span{color:var(--accent-red-fg, #dc2626);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.drawer-container .drawer-menu .drawer-menu-item .drawer-menu-item-logout-icon{color:var(--accent-red-fg, #dc2626)}.drawer-container .drawer-footer{padding:16px}.drawer-container .drawer-footer .drawer-footer-label{color:var(--bg-brand-azul, #0a1e41);font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.drawer-container .drawer-footer .drawer-footer-email,.drawer-footer-telephone{color:var(--fg-subtle, #525252);font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:16px}@media (max-width: 1040px){.header-container{padding:0}}@media (max-width: 480px){.header-container{height:auto}.header-container .tolbar-responsivo{display:flex;justify-content:space-between;gap:20px;width:90%}.header-container .tolbar{display:flex;flex-direction:column;padding:10px 0}.tolbar-logo{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:8px}.drawer-container{width:100%!important;height:100%!important;margin-top:0}}.tamborete-layout-logo-container{display:flex;align-items:center}.tamborete-layout-logo-name-tpay{display:flex;padding:8.469px 0 12.569px 3.75px;justify-content:center;align-items:center}.container .header .label-area{display:flex;flex-direction:row;align-items:center}.container .header .label-area .label-area-title{font-family:Sora;font-size:24px;font-style:normal;font-weight:700;line-height:32px}.container .header .label-area .label-area-subtitle{margin-left:.5rem;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.container .header .label-area .refresh{cursor:pointer;color:var(--fg-interactive, #3b82f6)}.container .header .label-area .refresh:hover{cursor:pointer;color:var(--bg-hover-verde)}.container .content .transactions .information-grid .grid-item{display:flex;align-items:flex-start;justify-content:space-between;padding:10px;font-family:Arial,sans-serif}.container .content .transactions .information-grid .grid-item .label{display:flex;flex-direction:column}.container .content .transactions .information-grid .grid-item h3,span{margin:0;color:var(--gray-2);font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.container .content .transactions .information-grid .grid-item span{font-size:18px;font-weight:600;line-height:28px}.container .content .transactions .information-grid .grid-item .status{border-radius:999px;display:flex;padding:2px 4px;align-items:center;gap:2px}.container .content .transactions .information-grid .grid-item .status span{font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;line-height:12px}.container .content .transactions .information-grid .border-right{border-right:1px solid #ddd}.tooltip-container{background-color:#fff;padding:10px;border-radius:10px;box-shadow:0 4px 10px #0000001a;font-family:Inter,sans-serif;font-size:14px;color:#333}.tooltip-header{margin:0;font-weight:700;color:#6b7280;border-bottom:1px solid #e5e7eb;padding-bottom:5px}.tooltip-item{margin:5px 0;display:flex;align-items:center;gap:8px}.tooltip-bullet{width:10px;height:10px;border-radius:50%}.tooltip-label{font-weight:700}.tooltip-value{margin-left:4px;color:#333}.tooltip-average{margin:5px 0}.container{padding:0 7%}.loading-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;width:100%;color:#3b4b67;background-color:#fffc;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.container .header{background-color:var(--bg-white);display:flex;padding:40px 0 0;justify-content:space-between;align-items:center}.container .header .filter-area{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:nowrap}.container .header .filter-area .custom-button{display:inline-flex;justify-content:center;align-items:center}.container .header .filter-area button{padding:8px 13px;margin:.2rem;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:10px}.container .navbar{background-color:var(--bg-white);border-bottom:1px solid var(--fg-border, #e5e5e5);color:#fff}.container .navbar button{padding:10px 15px;background-color:var(--bg-white);border:none;cursor:pointer;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:12px}.container .navbar button:hover{color:var(--bg-hover-verde);border-radius:4px 4px 0 0;border-bottom:4px solid var(--bg-brand-azul, #e5e5e5)}.container .navbar button.active{color:var(--bg-brand-azul, #0a1e41);border-bottom:4px solid var(--bg-brand-azul, #e5e5e5);background-color:var(--bg-selected)}.container .content{padding:0 0%;top:190px;left:0;right:0;bottom:0;overflow:hidden}.scrollable-content{width:100%;height:100%;scrollbar-width:none}.scrollable-content::-webkit-scrollbar{width:0}.scrollable-content::-webkit-scrollbar-thumb{background-color:transparent}.container .content .card{background-color:var(--bg-white);padding:4px 24px;border-radius:8px;border:1px solid var(--fg-border, #e5e5e5)}.container .content .general-summary{display:flex;flex-direction:column;gap:12px;align-items:stretch;height:auto}.container .content .general-summary .general-summary-title{color:var(--fg-neutral, #0a0a0a);font-family:Poppins;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.container .content .general-summary .general-summary-button-generate{display:inline-flex;justify-content:center;align-items:center;width:180px!important}.container .content .general-summary span{color:var(--fg-interactive, #3b82f6)!important}.container .content .general-summary button{color:var(--fg-interactive, #3b82f6)!important;padding:8px 16px;margin:.2rem;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:10px}.container .content .general-summary button:hover{color:var(--bg-white)!important}.container .content .transactions{margin:10px 0;padding:20px}.container .content .transactions .transactions-title{color:var(--fg-muted, #a3a3a3);font-family:Poppins;font-size:14px;font-style:normal;font-weight:700;line-height:20px}.container .content .transactions .information-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);gap:10px}.container .content .transactions .graphic{height:calc(100% - 200px);position:relative}.container .content .transactions .graphic-title{position:absolute;top:0;left:0;padding:10px;font-size:12px;font-style:normal;font-weight:700;line-height:16px}#transactions{padding:20px}.information-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);gap:10px}.transactions-title{color:var(--fg-muted, #a3a3a3);font-family:Poppins;font-size:14px;font-style:normal;font-weight:700;line-height:20px}.grid-item{display:flex;align-items:flex-start;justify-content:space-between;padding:10px;font-family:Arial,sans-serif}.label{display:flex;flex-direction:column}.grid-item h3,span{margin:0;color:var(--gray-2);font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.grid-item span{font-size:18px;font-weight:600;line-height:28px}.status{border-radius:999px;display:flex;padding:2px 4px;align-items:center;gap:2px}.status span{font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;line-height:12px}.border-right{border-right:1px solid #ddd}.positive{background:var(--accent-green-bg, #f0fdf4);color:var(--accent-green-fg, #15803d)}.positive span{color:var(--accent-green-fg, #15803d)}.negative{background:var(--accent-red-bg, #fef2f2);color:var(--accent-red-fg, #dc2626)}.negative span{color:var(--accent-red-fg, #dc2626)}.graphic{height:calc(100% - 200px);position:relative}.graphic-title{position:absolute;top:0;left:0;padding:10px;font-size:12px;font-style:normal;font-weight:700;line-height:16px}#custom-filter-menu{border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}#custom-filter-menu-item{display:flex;flex-direction:column;padding:15px;align-items:self-start;border-bottom:1px solid var(--fg-border, #e5e5e5)}#custom-filter-menu-item h3{color:var(--bg-brand-azul, #0a1e41);font-family:Poppins;font-size:14px;font-style:normal;font-weight:700;line-height:20px}#custom-filter-menu-item span{justify-content:space-between;margin:5px 10px}#custom-filter-menu-item span,label{color:var(--bg-brand-azul, #0a1e41);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px}#custom-filter-menu-item span:before{color:#000;font-size:10px;margin-right:8px;display:inline-block}#custom-filter-menu-item input{padding:6px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--fg-border, #e5e5e5);font-family:Poppins;font-size:12px;font-weight:500;line-height:10px}#custom-filter-menu-item-button{margin:10px 0;color:var(--bg-brand-azul, #0a1e41);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px}@media (max-width: 1040px){.container{padding:0}.container .header{padding:0 10px}.container .header .label-area{position:relative}.container .header .label-area h2{height:1rem!important}.container .header .label-area span{font-size:.8rem!important}.container .header .label-area .refresh{display:flex;align-items:center;justify-content:center;position:fixed;bottom:50px;right:20px;width:40px;height:40px;border-radius:20px;background-color:var(--bg-white);border:1px solid var(--fg-border, #e5e5e5);z-index:1}.container .header .label-area .refresh:hover{background-color:var(--bg-hover-verde);color:var(--bg-white);border:1px solid "transparent"}.css-6dq5bp-MuiSvgIcon-root{font-size:14px!important}.container .content{padding:0 10px;position:static}.container .content .transactions .information-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.container .header{display:flex;flex-direction:column;margin:16px 0}.container .header .label-area{display:inline;align-items:center}.container .header .filter-area{flex-direction:row;margin-top:8px;width:100%}.container .content .transactions .information-grid{grid-template-columns:repeat(2,1fr)}.container .navbar{display:flex;overflow-x:auto;padding-bottom:8px}}label:before{content:none!important}.tamborete-button{border-radius:8px;cursor:pointer;padding:12px 16px;color:var(--gray-2);width:auto;font-size:14px;font-style:normal;font-weight:500;line-height:10px;background-color:var(--bg-white);border:1px solid var(--fg-border, #e5e5e5)}.tamborete-button:hover{background-color:var(--bg-hover-azul);color:var(--bg-white)}.tamborete-button.disabled{background-color:#f5f5f5!important;color:#d4d4d4!important}.tamborete-button.primary{background-color:var(--bg-brand-azul);color:var(--bg-white)}.tamborete-button.primary:hover{background-color:var(--bg-hover-azul);color:var(--bg-white)}.tamborete-button.secondary{background-color:var(--bg-brand-verde);color:var(--bg-white)}.tamborete-button.secondary:hover{background-color:var(--bg-hover-verde);color:var(--bg-white)}.end-icon{margin-left:10px}