:root{font-family:Inter,Arial,sans-serif;color:#163038;background:#f3f6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}input{outline:none}input:focus{border-color:#0d8e83!important;box-shadow:0 0 0 3px #0d8e831a}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#2c9b90}.btn{border:0;border-radius:10px;padding:12px 17px;font-size:13px;font-weight:700;white-space:nowrap}.primary{background:#087b74;color:white}.primary:hover{background:#09635e}.secondary{background:#eef3f4;color:#285056}.alert{font-size:13px;min-height:20px;color:#087b74;margin:10px 0}.alert.error{color:#c24242}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 10%,#154c50,#091e25 55%)}.auth-card{width:min(100%,430px);background:white;padding:42px;border-radius:20px;box-shadow:0 30px 80px #0004}.auth-card h1{font-size:26px;margin:13px 0 8px}.auth-card p{color:#6e8287;line-height:1.5}.auth-card form{display:grid;gap:14px;margin-top:25px}.auth-card label{font-size:12px;font-weight:700;display:grid;gap:7px}.auth-card input,.user-form input{border:1px solid #dce5e6;padding:13px;border-radius:10px;width:100%}.auth-card .btn{width:100%}.setup{border-top:1px solid #e6eded;margin-top:22px;padding-top:18px;font-size:12px;color:#657d80}.setup summary{cursor:pointer}.logo{height:42px;width:42px;border-radius:11px;display:grid;place-items:center;background:#0b8279;color:white;font-weight:800;letter-spacing:-3px;font-size:19px}.logo span{color:#8de0c7}.logo.large{height:52px;width:52px;margin-bottom:20px;font-size:23px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:244px;background:#0b262d;color:#fff;padding:28px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 42px}.brand b{display:block;font-size:18px;letter-spacing:-.7px}.brand small{font-size:10px;color:#88a6aa;letter-spacing:.12em}.side-title{color:#66868c;font-size:10px;font-weight:800;letter-spacing:.16em;padding:0 12px 14px}.nav{padding:14px 13px;color:#a5bec0;text-decoration:none;border-radius:9px;font-size:13px;font-weight:600}.nav:hover,.nav.active{background:#16454a;color:white}.side-foot{margin-top:auto;font-size:11px;color:#8aa8ab;padding:14px 10px}.dot{display:inline-block;background:#42d5a8;border-radius:50%;width:7px;height:7px;margin-right:7px}.main{margin-left:244px}.topbar{background:white;border-bottom:1px solid #e7eded;padding:22px 36px;display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:24px;margin:6px 0 0}.top-right{display:flex;align-items:center;gap:15px;font-size:12px;color:#60777d}main{max-width:1360px;margin:auto;padding:28px 36px}.hero{border-radius:16px;background:linear-gradient(110deg,#103d42,#087d75);color:white;padding:30px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h2{font-size:26px;letter-spacing:-1px;margin:10px 0}.hero p{color:#c2e5df;margin:0;font-size:13px;line-height:1.6}.hero .eyebrow{color:#7fdec6}.hero .primary{background:white;color:#096e69}.upload{display:inline-flex;align-items:center}.filters{background:white;border:1px solid #e6eded;border-radius:14px;margin:18px 0;display:flex;gap:16px;align-items:center;padding:20px;flex-wrap:wrap}.filters>div{margin-right:auto}.filters b{font-size:13px}.filters p{font-size:11px;color:#7a9093;margin:5px 0 0}.filters label{font-size:11px;color:#637a7e;font-weight:700}.filters input{display:block;border:1px solid #dbe5e6;border-radius:8px;padding:9px;color:#28464b;margin-top:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric,.panel{background:white;border:1px solid #e5ecee;border-radius:14px;padding:24px}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#72888d;font-weight:800;letter-spacing:.07em}.metric strong{font-size:clamp(23px,2.3vw,34px);letter-spacing:-1.4px;display:block;margin:24px 0 9px}.metric small{color:#82969b;font-size:12px}.pill{padding:7px 9px;border-radius:20px;font-size:10px;letter-spacing:0}.green{background:#e1f7ef;color:#09806c}.blue{background:#e7edff;color:#3a60b4}.amber{background:#fff2d7;color:#a97412}.overview{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;margin:16px 0}.total{background:#0e3036;color:white;display:flex;flex-direction:column;justify-content:center}.total h2{font-size:clamp(30px,3.4vw,48px);margin:18px 0 6px;letter-spacing:-2px}.total p{color:#b8d4d4;font-size:13px}.total small{color:#8aabb0;font-size:11px}.rule{height:1px;background:#31565c;margin:25px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-head h3{font-size:16px;margin:0}.section-head span{font-size:11px;color:#87999e}.chart-box{height:220px}#diario,#historico,#adminPanel{margin-top:16px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:right;background:#f6f9f9;color:#7b9296;font-size:10px;letter-spacing:.07em;text-transform:uppercase}th:first-child,td:first-child{text-align:left}td,th{padding:14px;border-bottom:1px solid #edf1f2}td{text-align:right;color:#375258}td:last-child{font-weight:800;color:#0c4c4a}.history{font-size:12px;color:#587178}.history-item{padding:12px 0;border-bottom:1px solid #edf1f2;display:flex;justify-content:space-between;gap:15px}.history-item small{color:#9aabad}.user-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;margin-bottom:16px}.user-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f2;padding:12px 0;font-size:12px;gap:10px}footer{text-align:center;color:#9aadb0;font-size:11px;padding:28px 0}@media(max-width:1050px){.sidebar{width:190px}.main{margin-left:190px}.topbar,main{padding-left:22px;padding-right:22px}.metrics{gap:10px}.metric{padding:17px}}@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:14px}.brand{padding:0}.side-title,.sidebar .nav,.side-foot{display:none}.main{margin-left:0}.topbar{padding:16px}.topbar h1{font-size:19px}.top-right{gap:8px}main{padding:15px}.hero{flex-direction:column;align-items:flex-start;padding:22px}.hero h2{font-size:22px}.metrics,.overview{grid-template-columns:1fr}.metric strong{margin:12px 0}.filters{gap:10px}.user-form{grid-template-columns:1fr}.auth-card{padding:26px}}

/* VendaVision 897 — refinamento responsivo */
html{scroll-behavior:smooth}body{overflow-x:hidden}main,.main,.panel,.metric{min-width:0}.metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.installments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.installments td:nth-child(2),.installments th:nth-child(2){text-align:center}.chart-box{min-width:0}.table-scroll{max-width:100%;-webkit-overflow-scrolling:touch}.top-right #who{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item span{overflow-wrap:anywhere;min-width:0}.history-item small{text-align:right;flex-shrink:0}.upload{justify-content:center;text-align:center}.btn{touch-action:manipulation}
@media(max-width:900px){.overview,.installments{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.filters>div{flex-basis:100%}.chart-box{height:260px}}
@media(max-width:760px){.sidebar{position:static}.topbar{gap:12px}.top-right{flex-shrink:0}.hero{gap:18px}.hero .upload{width:100%}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.filters>div{grid-column:1/-1}.filters label{min-width:0}.filters input{width:100%;min-width:0}.filters button{width:100%;white-space:normal}.metrics{gap:12px}.metric{padding:18px}.metric strong{font-size:clamp(19px,5vw,28px);letter-spacing:-.8px}.panel{padding:18px}.section-head{align-items:flex-start}.section-head span{text-align:right}.history-item{flex-wrap:wrap}.history-item small{text-align:left}.user-row{flex-wrap:wrap}.user-row .btn{margin-left:auto}}
@media(max-width:430px){.topbar{padding:12px 14px}.topbar h1{font-size:18px}.top-right #who{max-width:92px;font-size:11px}.top-right .btn{padding:9px 12px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric-top{flex-wrap:wrap;font-size:9px}.metric strong{font-size:clamp(17px,4.8vw,22px);margin:12px 0 8px}.metric small{font-size:10px}.metric .pill{padding:4px 7px}.hero h2{font-size:21px}.total h2{font-size:clamp(27px,8vw,38px)}.chart-box{height:300px}.section-head h3{font-size:14px}.section-head span{font-size:10px}.auth-card{padding:22px}}

/* Valores inteiros em uma linha e participação por quantidade de transações */
.metric{min-width:0}
.metric strong{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:clamp(16px,1.65vw,28px);letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.metric-percent{margin-top:12px;padding-top:12px;border-top:1px solid #edf1f2;color:#087b74;font-size:12px;font-weight:700}
@media(max-width:760px){.metric strong{font-size:clamp(17px,4.5vw,27px)}}
@media(max-width:430px){.metrics{grid-template-columns:1fr}.metric strong{font-size:clamp(22px,6.2vw,30px)}}