.content-page{padding:1rem;max-width:1200px;margin:0 auto}@media screen and (max-width:768px){.content-page{padding:.5rem}}.content-page .header-page button{border-radius:var(--border-radius);border:none;background:var(--primary-500);color:#fff;cursor:pointer;width:34px;height:34px;transition:.2s;display:flex;align-items:center;justify-content:center}.content-page .header-page button:hover{background:var(--primary-600)}.content-page .options-actions{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:.4rem}@media screen and (min-width:769px){.content-page .options-actions{grid-template-columns:repeat(12,1fr)}}.content-page .options-actions .btn-action{display:flex;align-items:center;flex-direction:column;gap:2px;cursor:pointer}.content-page .options-actions .btn-action div{width:100%;height:40px;background:var(--primary-500);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;transition:background .2s;color:#fff;border:rgba(255,255,255,.1) solid 1px}.content-page .options-actions .btn-action div:hover{background:#fff3}.content-page .options-actions .btn-action span{font-size:.6rem;color:#fff;font-family:Poppins,sans-serif}.content-page .saldo-atual{margin-top:1rem;color:#fff;padding:1rem;border-left:4px solid var(--primary-100);position:relative}.content-page .saldo-atual:after{content:"";position:absolute;inset:0;z-index:-1;background:#ffffff14;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none}.content-page .saldo-atual p:nth-child(1){font-size:1rem;font-family:Poppins,sans-serif;font-style:italic}.content-page .saldo-atual p:nth-child(2){font-size:1.5rem;font-family:Roboto Mono,monospace;font-weight:500}.content-page .valores-atuais{display:grid;grid-template-columns:repeat(3,1fr);margin-top:1rem;gap:.4rem;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem}.content-page .valores-atuais h2{grid-column:span 3;font-size:1rem;color:#fff;font-family:Poppins,sans-serif;font-weight:500;position:relative}.content-page .valores-atuais h2:after{content:"";position:absolute;bottom:0rem;left:0;width:50px;height:3px;background:var(--primary-color);border-radius:2px}.content-page .valores-atuais .boxs{background:#ffffff1a;border-radius:2px;padding:4px}.content-page .valores-atuais .boxs p:nth-child(1){font-size:.6rem;color:#fff;font-family:Poppins,sans-serif}.content-page .valores-atuais .boxs p:nth-child(2){font-size:.8rem;color:#fff;font-family:Roboto Mono,monospace;font-weight:500;letter-spacing:-1px}.content-page .valores-trimestre{margin-top:1rem;display:grid;grid-template-columns:1fr;gap:.4rem;padding:.4rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem}.content-page .valores-trimestre .header-trimestre{display:flex;align-items:center;justify-content:space-between}.content-page .valores-trimestre .header-trimestre input{padding:.3rem;border-radius:var(--border-radius);border:none;background:#ffffff1a;color:#fff;font-family:Poppins,sans-serif;font-size:.9rem;width:150px;outline:none}.content-page .valores-trimestre h2{font-size:1rem;color:#fff;font-family:Poppins,sans-serif;font-weight:600;position:relative}.content-page .valores-trimestre h2:after{content:"";position:absolute;bottom:0rem;left:0;width:50px;height:3px;background:#fff;border-radius:2px}.content-page .valores-trimestre .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}@media screen and (max-width:768px){.content-page .valores-trimestre .cards{grid-template-columns:repeat(2,1fr)}}.content-page .valores-trimestre .cards .card{background:#fff;padding:.3rem;border-radius:.5rem;border-top:4px solid var(--green-200)}.content-page .valores-trimestre .cards .card .header-card{padding:.3rem;border-bottom:1px solid rgba(0,0,0,.1)}.content-page .valores-trimestre .cards .card .header-card h3{font-size:.9rem;color:var(--primary-color);font-family:Poppins,sans-serif;font-weight:500}.content-page .valores-trimestre .cards .card .header-card p{font-size:1rem;color:var(--text-color-secondary);font-family:Poppins,sans-serif;font-weight:400}.content-page .valores-trimestre .cards .card .data-info{padding:.3rem;display:flex;flex-direction:column;justify-content:space-between}.content-page .valores-trimestre .cards .card .data-info p{font-size:.8rem;color:var(--text-color-secondary);font-family:Poppins,sans-serif;font-weight:400}.content-page .valores-trimestre .cards .card .data-info p:last-child{font-size:.9rem;color:var(--text-color);font-family:Roboto Mono,monospace;font-weight:500}.content-page .valores-trimestre .cards .card.card-month .porcentagem{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.4rem}.content-page .valores-trimestre .cards .card.card-month .porcentagem>div{width:100%;height:8px;background:#0000001a;border-radius:4px;position:relative}.content-page .valores-trimestre .cards .card.card-month .porcentagem>div:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--faturamento-percentual, 0%);background:var(--green-500);border-radius:4px;transition:width .5s ease}.content-page .valores-trimestre .cards .card.card-month .porcentagem>p{font-weight:900;font-family:Roboto Mono,monospace;color:var(--green-500)}.content-page .valores-trimestre .cards .card.card-month .porcentagem.medium>div:after{background:var(--yellow-500)}.content-page .valores-trimestre .cards .card.card-month .porcentagem.medium p{color:var(--yellow-500)}.content-page .valores-trimestre .cards .card.card-month .porcentagem.bad>div:after{background:var(--red-500)}.content-page .valores-trimestre .cards .card.card-month .porcentagem.bad p{color:var(--red-500)}.content-page .saldo-anual{margin:1rem 0 4rem;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.content-page .saldo-anual:after{content:"";position:absolute;inset:0;z-index:-1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none}.content-page .saldo-anual .header-saldo-anual{display:flex;align-items:center;justify-content:space-between;grid-column:span 2}.content-page .saldo-anual .header-saldo-anual select{padding:.3rem;border-radius:var(--border-radius);border:none;background:#ffffff1a;color:#fff;font-family:Poppins,sans-serif;font-size:.9rem;width:150px;outline:none}.content-page .saldo-anual .header-saldo-anual h2{font-size:1rem;color:#fff;font-family:Poppins,sans-serif;font-weight:500;position:relative}.content-page .saldo-anual .header-saldo-anual h2:after{content:"";position:absolute;bottom:0rem;left:0;width:50px;height:3px;background:#fff;border-radius:2px}.content-page .saldo-anual .boxs{background:#0003;border-radius:2px;padding:4px}.content-page .saldo-anual .boxs p:nth-child(1){font-size:.6rem;color:#fff;font-family:Poppins,sans-serif}.content-page .saldo-anual .boxs p:nth-child(2){font-size:1rem;color:#fff;font-family:Roboto Mono,monospace;font-weight:500;letter-spacing:-1px}.content-page .saldo-anual .btn-collapse-grafico{display:none;position:fixed;bottom:1rem;right:1rem;z-index:10001;border:none;background:#fff3;color:#fff;border-radius:6px;width:36px;height:36px;cursor:pointer;align-items:center;justify-content:center;transition:background .2s}.content-page .saldo-anual .btn-collapse-grafico:hover{background:#ffffff59}.content-page .saldo-anual .btn-collapse-grafico.visible{display:flex}.content-page .saldo-anual .grafico-anual{grid-column:span 2;margin-top:.5rem;background:#0003;border-radius:.5rem;padding:1rem;position:relative}.content-page .saldo-anual .grafico-anual .btn-expand-grafico{display:none;position:absolute;top:.6rem;right:.6rem;z-index:2;border:none;background:#ffffff26;color:#fff;border-radius:6px;width:32px;height:32px;cursor:pointer;align-items:center;justify-content:center;transition:background .2s}.content-page .saldo-anual .grafico-anual .btn-expand-grafico:hover{background:#ffffff40}@media screen and (max-width:768px){.content-page .saldo-anual .grafico-anual .btn-expand-grafico{display:flex}}.content-page .saldo-anual .grafico-anual .grafico-scroll{overflow-x:auto}.content-page .saldo-anual .grafico-anual.fullscreen{position:fixed;inset:0;z-index:10000;margin:0;border-radius:0;padding:1rem;overflow:hidden;background:#1a1a2e;transform:rotate(90deg);transform-origin:center center;width:100vh;height:100vw;top:calc((100vh - 100vw)/2);left:calc((100vw - 100vh)/2)}.content-page .saldo-anual .grafico-anual.fullscreen .btn-expand-grafico{display:none!important}.content-page .saldo-anual .grafico-anual.fullscreen .grafico-scroll{overflow:hidden;height:100%}.content-page .saldo-anual .grafico-anual.fullscreen .grafico-anual-wrapper{height:100%;min-width:unset;width:100%}.content-page .saldo-anual .grafico-anual .grafico-anual-wrapper{position:relative;height:320px;min-width:700px;width:100%}.content-page .saldo-anual .grafico-anual .grafico-anual-wrapper canvas{position:absolute;inset:0}
