@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--green:#45b77b;--ink:#17252e;--muted:#89949c;--line:#e7ecee;--bg:#f7f9fa;--purple:#6b72d8;--orange:#eea150}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg)}button,select,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.brand{display:flex;align-items:center;gap:10px;color:#162530;letter-spacing:.08em}.brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,#69c98e,#318d60);color:#fff;font:700 20px Georgia;box-shadow:0 7px 14px #45b77b38}.brand strong{font:800 18px Manrope;letter-spacing:.16em}.brand small{display:block;color:#a3abb1;font:600 8px 'DM Sans';letter-spacing:.1em;margin-top:2px}.login-page{min-height:100vh;background:#f7faf8}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto}.login-intro{padding:60px 9%;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#153a2e,#216048 65%,#34785b);color:#fff;position:relative;overflow:hidden}.login-intro:after{content:'';position:absolute;width:430px;height:430px;border:1px solid #ffffff15;border-radius:50%;right:-180px;bottom:-180px;box-shadow:0 0 0 65px #ffffff09,0 0 0 130px #ffffff05}.login-intro .brand{color:#fff}.login-intro .brand small{color:#b3d8c2}.intro-copy{position:relative;z-index:1;max-width:480px;margin:auto 0}.overline{font-size:9px;font-weight:700;letter-spacing:.18em;color:#91a0a8;margin:0 0 14px}.login-intro .overline{color:#9dd8b4}.intro-copy h1{font:800 clamp(36px,4vw,59px)/1.08 Manrope;letter-spacing:-.06em;margin:0 0 25px}.intro-copy h1 em,.hero-row h1 em{font-style:normal;color:#69cc93}.intro-copy>p:not(.overline){color:#c5ddd0;font-size:15px;line-height:1.7;max-width:390px}.intro-foot{font-size:10px;color:#c4ddcf;display:flex;gap:14px;align-items:center;letter-spacing:.08em}.intro-foot i{height:4px;width:4px;background:#72cb97;border-radius:50%}.login-card{align-self:center;max-width:430px;width:75%;margin:auto}.mobile-brand{display:none}.login-card h2{font:800 32px Manrope;letter-spacing:-.05em;margin:0 0 8px}.login-subtitle{font-size:12px;color:#9ba6ad;margin:0 0 34px}.login-card form>label{display:block;font-size:11px;font-weight:700;color:#637079;margin:20px 0 7px}.input-wrap{display:flex;align-items:center;border:1px solid #dfe6e7;background:#fff;border-radius:7px;height:46px;padding:0 13px;transition:.2s}.input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #45b77b18}.input-wrap b{font-size:12px;color:#aab4b8;margin-right:10px}.input-wrap input{border:0;outline:0;width:100%;font-size:12px;color:var(--ink)}.input-wrap input::placeholder{color:#b6bec3}.input-wrap button{border:0;background:none;color:var(--green);font-size:10px}.login-options{display:flex;justify-content:space-between;margin:16px 0 23px;font-size:10px;color:#9ba5aa}.login-options a{color:#42a671}.check{display:flex;gap:5px;align-items:center}.check input{accent-color:var(--green)}.primary-button{border:0;width:100%;height:47px;border-radius:7px;background:#287c54;color:#fff;font-size:12px;font-weight:700;box-shadow:0 8px 16px #287c5428}.primary-button span{float:right;font-size:17px;margin-right:7px}.back-site{display:block;width:100%;text-align:center;margin-top:10px;font-size:11px;font-weight:600;color:#287c54;letter-spacing:.03em}.back-site:hover{color:#1d5c3e;text-decoration:underline}.login-error{color:#b94e4e;font-size:10px;background:#fff0f0;border-radius:4px;padding:8px}.security-note{color:#a7afb4;font-size:9px;text-align:center;margin-top:24px}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex:0 0 240px;background:#fff;border-right:1px solid var(--line);padding:28px 16px 20px;position:fixed;inset:0 auto 0 0;z-index:10;display:flex;flex-direction:column}.side-brand{padding:0 13px 41px}.side-label{font-size:9px;font-weight:700;letter-spacing:.17em;color:#adb6ba;margin:0 12px 11px}.side-label.second{margin-top:28px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav a{font-size:12px;font-weight:600;color:#7e898f;padding:12px 13px;border-radius:8px;display:flex;gap:13px;align-items:center}.sidebar nav a span{width:15px;color:#acb5b9;font-size:17px;text-align:center}.sidebar nav a:hover,.sidebar nav a.selected{background:#edf8f1;color:#287b55}.sidebar nav a.selected span,.sidebar nav a:hover span{color:var(--green)}.private{margin-top:auto;border-top:1px solid var(--line);padding:19px 10px 0;display:flex;gap:10px;align-items:center}.private>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8f8ed;color:var(--green);font-size:12px}.private strong,.private small{display:block}.private strong{font-size:10px}.private small{font-size:9px;color:#a3adb2;margin-top:3px}.main{width:calc(100% - 240px);margin-left:240px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px}.breadcrumb{font-size:11px;color:#a6afb3}.breadcrumb b{color:#d5dcde;margin:0 11px}.breadcrumb strong{color:#55636b}.user-area{margin-left:auto;display:flex;gap:20px;align-items:center}.bell,.logout,.open-menu,.close-menu{border:0;background:transparent;color:#9aa6ab;font-size:20px;position:relative}.bell i{position:absolute;width:5px;height:5px;border-radius:50%;background:#e48652;top:0;right:1px}.user{display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid var(--line)}.user>span{display:grid;place-items:center;background:#daf2e3;color:#31855b;width:33px;height:33px;border-radius:50%;font-size:10px;font-weight:700}.user strong,.user small{display:block}.user strong{font-size:11px}.user small{font-size:9px;color:#a7b1b5;margin-top:2px}.logout{transform:rotate(180deg)}.open-menu,.close-menu{display:none}.content{max-width:1420px;padding:38px 42px 18px;margin:auto}.hero-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.hero-row h1{font:800 28px Manrope;letter-spacing:-.06em;margin:0}.subtitle{font-size:11px;color:#98a3a9;margin:9px 0 0}.updated{font-size:10px;color:#84908f;display:flex;align-items:center;gap:8px}.updated i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #e8f7ed}.updated small{color:#b4bdc0;display:inline;margin-left:4px}.filters{display:flex;gap:12px;align-items:end;margin-bottom:22px}.filters label{display:flex;flex-direction:column;gap:5px}.filters small{font-size:8px;font-weight:700;letter-spacing:.13em;color:#a9b1b5}.filters select,.filters button{height:35px;border:1px solid #dfe6e7;border-radius:6px;background:#fff;padding:0 12px;color:#66737b;font-size:10px}.filters select{min-width:175px}.filters button{margin-left:auto;color:#4d8165;font-weight:600}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:19px}.kpi{background:#fff;border:1px solid #edf0f1;border-radius:9px;padding:17px 18px;min-height:137px;position:relative;overflow:hidden}.kpi.featured{background:linear-gradient(120deg,#2e9663,#48b77d);color:#fff;border:0;box-shadow:0 8px 18px #45b77b20}.kpi>small{display:block;color:#a0aaae;font-size:8px;font-weight:700;letter-spacing:.12em}.featured>small{color:#d6f2e1}.kpi>small b{float:right;color:var(--green);background:#edf9f2;padding:5px;border-radius:7px;font-size:13px}.kpi>small b.purple{color:#8573d1}.kpi>small b.orange{color:#eb9d49}.kpi>small b.blue{color:#579bd1}.kpi>strong{display:block;font:700 23px Manrope;letter-spacing:-.05em;margin:15px 0 8px}.kpi p{font-size:9px;color:#a4adb1;margin:0}.featured p{color:#d1eedc}.kpi p em{font-style:normal;font-weight:700;color:var(--green)}.featured p em{color:#fff}.mini-bars{position:absolute;right:18px;bottom:7px;color:#fff;letter-spacing:3px;font-size:24px;opacity:.3}.purple-bars{color:#8270d4}.orange-bars{color:#eb9d49}.blue-bars{color:#579bd1}.grid{display:grid;gap:19px;margin-bottom:19px}.grid.two{grid-template-columns:1.55fr 1fr}.panel{background:#fff;border:1px solid #edf0f1;border-radius:9px;padding:20px 22px;min-width:0;box-shadow:0 2px 8px #173a2705}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head small{font-size:8px;font-weight:700;letter-spacing:.15em;color:#a5afb3}.panel h2{font-size:14px;margin:7px 0 0;letter-spacing:-.02em}.panel-head button{border:0;background:none;color:#b4bec2;letter-spacing:2px}.panel-head a{color:#46a474;font-size:10px;font-weight:600}.revenue{min-height:313px}.legend{display:flex;gap:15px;color:#8f9ba1;font-size:9px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.legend .old i{background:#d6dde0}.chart{height:235px;display:flex;margin-top:13px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;height:187px;color:#b8c0c4;font-size:8px;padding:2px 10px 0 0}.plot{position:relative;flex:1}.gridlines{position:absolute;inset:7px 0 30px;display:flex;flex-direction:column;justify-content:space-between}.gridlines i{border-top:1px dashed #edf0f1}.plot svg{position:absolute;inset:0 0 27px;width:100%;height:190px;overflow:visible}.area{fill:#45b77b20}.new-line,.old-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.new-line{stroke:var(--green)}.old-line{stroke:#d4dcdf;stroke-dasharray:4 4}.plot circle{fill:#fff;stroke:var(--green);stroke-width:2;vector-effect:non-scaling-stroke}.months{position:absolute;bottom:5px;left:0;right:0;display:flex;justify-content:space-between;color:#aeb8bc;font-size:8px}.total{display:block;margin:20px 0 12px;font:700 19px Manrope}.total em{color:var(--green);font:700 9px 'DM Sans';font-style:normal;margin-left:7px}.bars{height:174px;display:flex;align-items:end;gap:17px;border-bottom:1px solid var(--line);padding:10px 8px 0}.bars>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px;color:#aab4b8;font-size:9px}.bars b{display:block;width:30px;background:#e1f2e7;border-radius:5px 5px 0 0;min-height:15px}.bars .active b{background:var(--green)}.ranking{margin-top:20px}.ranking>div{display:grid;grid-template-columns:23px 1fr 76px;gap:10px;align-items:center;margin:14px 0;font-size:10px}.ranking>div>span{color:#aeb9bd;font-size:9px}.ranking label{color:#59666d;display:grid;gap:6px}.ranking label i,.branch-list>div>i{height:5px;background:#f0f2f3;border-radius:6px;overflow:hidden;display:block}.ranking label b,.branch-list>div>i b{height:100%;display:block;background:linear-gradient(90deg,#69ca91,#45b77b);border-radius:6px}.ranking strong{font-size:10px;text-align:right;color:#53616a}.donut-row{display:flex;align-items:center;justify-content:center;gap:29px;padding:28px 4px 12px}.donut{width:139px;height:139px;flex:0 0 139px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 38%,#f1a34a 38% 65%,#6b72d8 65% 86%,#d9dee8 86%)}.donut.pay{background:conic-gradient(var(--green) 0 34.8%,#6b72d8 34.8% 64.2%,#f1a34a 64.2% 85.9%,#d9dee8 85.9%)}.donut>span{display:grid;place-content:center;text-align:center;background:#fff;border-radius:50%;width:91px;height:91px}.donut strong,.donut small{display:block}.donut strong{font-size:17px}.donut small{font-size:9px;color:#aab3b7}.legend-list{display:flex;flex-direction:column;gap:13px;min-width:145px}.legend-list span{font-size:9px;color:#748087;display:flex;align-items:center;gap:7px}.legend-list i{width:7px;height:7px;border-radius:50%}.legend-list i.g{background:var(--green)}.legend-list i.o{background:#f1a34a}.legend-list i.p{background:#6b72d8}.legend-list i.n{background:#d9dee8}.legend-list b{margin-left:auto;color:#55636b}.branch-list{margin-top:21px}.branch-list>div{margin:0 0 17px}.branch-list p{margin:0 0 8px;display:flex;align-items:center;gap:9px;color:#59666d;font-size:10px}.branch-list p strong{margin-left:auto}.branch-list>div>i{margin-left:31px}.branch-list small{margin-left:31px;display:block;margin-top:5px;font-size:8px;color:#a3adb2}.branch-list small em{font-style:normal;color:var(--green);margin-left:7px}.avatar{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:9px;font-weight:700}.avatar.green{background:#e1f4e8;color:#43a974}.avatar.purple{background:#eeeafd;color:#7a6acc}.avatar.orange{background:#fff0df;color:#e49a45}footer{color:#adb6bb;font-size:9px;padding:2px 2px 15px}footer span{float:right}
@media(max-width:1050px){.content{padding:30px 25px}.topbar{padding:0 25px}.kpis{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.login-intro{padding:45px 7%}}
@media(max-width:700px){.login-layout{display:block}.login-intro{display:none}.login-card{width:calc(100% - 44px);padding:35px 0;margin:0 auto;max-width:430px}.mobile-brand{display:flex;margin-bottom:65px}.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:15px 0 30px #15392a25}.sidebar.open{transform:translateX(0)}.main{width:100%;margin-left:0}.topbar{height:64px;padding:0 16px}.open-menu,.close-menu{display:block}.open-menu{margin-right:17px}.close-menu{position:absolute;right:15px;top:19px;font-size:24px}.user{border:0;padding:0}.user div{display:none}.user-area{gap:12px}.content{padding:26px 16px}.hero-row{align-items:flex-start;flex-direction:column;gap:15px}.hero-row h1{font-size:24px}.updated{align-self:flex-start}.filters{flex-wrap:wrap}.filters label{flex:1;min-width:140px}.filters select{width:100%;min-width:0}.filters button{width:100%;margin-left:0}.kpis{gap:10px}.kpi{padding:14px 12px;min-height:132px}.kpi>strong{font-size:18px}.kpi p{line-height:1.6}.panel{padding:17px 14px}.legend span{display:none}.ranking>div{grid-template-columns:20px 1fr 70px;gap:6px}.ranking label{grid-template-rows:auto auto}.ranking label i{grid-column:1/3}.donut-row{justify-content:flex-start;gap:14px}.donut{width:115px;height:115px;flex-basis:115px}.donut>span{width:76px;height:76px}.legend-list{min-width:0;gap:10px}.months span:nth-child(even){display:none}footer{line-height:2}footer span{float:none;display:block}}
@media(max-width:700px){.report-modal.open .report-card{padding:28px 18px}.report-modal.open .report-close{top:25px;right:18px}.report-modal.open .report-heading{padding-right:0}.report-heading{display:block}.report-source{display:inline-block;margin-top:12px}}
.bars>div{position:relative}.bars>div[data-value]::after{content:attr(data-value);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);background:#1f4032;color:#fff;border-radius:5px;padding:5px 7px;white-space:nowrap;font-size:9px;opacity:0;pointer-events:none;transition:.15s;z-index:2}.bars>div[data-value]:hover::after{opacity:1}
.settings-modal{position:fixed;inset:0;background:#142c2288;display:none;place-items:center;z-index:50;padding:20px}.settings-modal.open{display:grid}.settings-card{width:min(430px,100%);background:#fff;border-radius:12px;padding:27px;box-shadow:0 20px 60px #10251c40;position:relative}.settings-close{position:absolute;right:16px;top:13px;border:0;background:none;color:#9aa6ab;font-size:24px}.settings-card h2{font:800 22px Manrope;margin:0 0 8px}.settings-help{font-size:11px;color:#97a2a8;line-height:1.6;margin:0 0 22px}.settings-card>label{display:block;color:#647179;font-size:10px;font-weight:700;margin-top:15px}.settings-card select{display:block;width:100%;height:38px;margin-top:6px;border:1px solid #dfe6e7;border-radius:6px;padding:0 10px;color:#58666e;font-size:11px;background:#fff}.settings-check{display:flex!important;align-items:center;gap:8px}.settings-check input{accent-color:var(--green)}.settings-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.settings-actions button{height:35px;border-radius:6px;padding:0 13px;font-size:10px;font-weight:700}.settings-cancel{border:1px solid #dfe6e7;background:#fff;color:#76838a}.settings-save{border:0;background:#287c54;color:#fff}
.user-management{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.user-management-head{display:flex;justify-content:space-between;align-items:end}.user-management h3{font:700 14px Manrope;margin:0}.user-management-head .overline{margin-bottom:5px}.user-management-head button{border:0;background:#edf8f1;color:#287b55;border-radius:5px;padding:7px 9px;font-size:9px;font-weight:700}.user-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0f2f2;padding:9px 0;font-size:10px}.user-row strong{flex:1}.user-row small{color:#99a5aa;font-size:9px}.user-mini{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e0f3e7;color:#31865b;font-size:9px;font-weight:700}.user-row button{border:0;background:none;color:#b35656;font-size:9px}.user-management>form{display:flex;gap:6px;margin-top:10px}.user-management>form input{min-width:0;flex:1;border:1px solid #dfe6e7;border-radius:5px;padding:8px;font-size:10px}.user-management>form button{border:0;background:#287c54;color:#fff;border-radius:5px;padding:0 9px;font-size:9px;font-weight:700}
.volume-panel{grid-column:1 / -1}.volume-chart{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 30px;margin-top:20px}.volume-chart>div:not(.real-empty){display:grid;grid-template-columns:170px 1fr 65px;gap:10px;align-items:center;color:#68757c;font-size:10px}.volume-chart i{height:6px;border-radius:8px;background:#edf1f1;overflow:hidden}.volume-chart i b{display:block;height:100%;background:linear-gradient(90deg,#7bd09c,#45b77b);border-radius:8px}.volume-chart strong{font-size:10px;color:#52616a;text-align:right}.volume-chart .real-empty{grid-column:1 / -1}
.real-empty{height:190px;display:grid;place-items:center;color:#aab4b8;font-size:10px}.real-monthly{height:190px;display:flex;align-items:end;gap:8px;padding:8px 5px 0;border-bottom:1px solid var(--line)}.real-monthly span{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px;color:#aab4b8;font-size:8px}.real-monthly b{display:block;width:100%;max-width:25px;min-height:8px;background:var(--green);border-radius:4px 4px 0 0}.real-monthly span:hover b{background:#2e9663}.real-monthly small{font-size:8px}
.report-card{width:min(850px,100%);max-height:88vh;overflow:auto}.report-actions{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.report-actions button{border:1px solid #dfe6e7;background:#fff;color:#547064;border-radius:5px;padding:8px 10px;font-size:9px;font-weight:700}.report-actions button:hover,.report-actions button:last-child{background:#287c54;color:#fff;border-color:#287c54}.report-table{overflow:auto;max-height:48vh;border:1px solid var(--line);border-radius:6px}.report-table table{width:100%;border-collapse:collapse;font-size:10px}.report-table th,.report-table td{text-align:left;padding:9px;border-bottom:1px solid #edf0f1;white-space:nowrap}.report-table th{background:#f8faf9;color:#67756e;font-weight:700}.report-table td{color:#59666d}
.report-heading{display:flex;justify-content:space-between;gap:15px}.report-heading .settings-help{margin-bottom:0}.report-source{background:#eaf8ef;color:#31855b;border-radius:20px;height:24px;padding:6px 9px;font-size:9px;font-weight:700;white-space:nowrap}.report-actions button.active{background:#287c54;color:#fff;border-color:#287c54}.report-toolbar{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding:12px 0}.report-toolbar span{flex:1;color:#96a2a7;font-size:9px}.report-toolbar button{border:1px solid #dfe6e7;background:#fff;color:#4f7764;border-radius:5px;padding:7px 10px;font-size:9px;font-weight:700}.report-toolbar button:last-child{background:#287c54;color:#fff;border-color:#287c54}
.report-filters{display:flex;gap:10px;margin-top:18px;padding:12px;background:#f8faf9;border-radius:7px}.report-filters label{flex:1;color:#6c797e;font-size:9px;font-weight:700}.report-filters select{display:block;width:100%;height:34px;margin-top:5px;border:1px solid #dfe6e7;border-radius:5px;background:#fff;color:#58666e;padding:0 8px;font-size:10px}
.report-modal.open{display:block;overflow:auto;background:#f7f9fa;padding:0}.report-modal.open .report-card{width:min(1220px,100%);min-height:100vh;max-height:none;margin:0 auto;border-radius:0;box-shadow:none;padding:42px 48px}.report-modal.open .report-close{font-size:0;top:42px;right:48px;border:1px solid #dfe6e7;border-radius:6px;padding:7px 12px}.report-modal.open .report-close::after{content:'← Voltar ao dashboard';font:600 10px 'DM Sans';color:#547064}.report-modal.open .report-heading{padding-right:170px}.report-modal.open .report-actions{margin-top:28px}.report-modal.open .report-table{max-height:none}.report-modal.open .report-toolbar{margin-top:22px}
@media print{body>*{display:none!important}.report-modal{display:grid!important;position:static!important;background:#fff!important;padding:0!important}.report-card{width:100%!important;max-height:none!important;box-shadow:none!important;padding:20px!important}.report-close,.report-actions,.report-toolbar{display:none!important}.report-table{max-height:none!important;border:0!important}.report-table th,.report-table td{font-size:10px}.report-source{display:inline-block}}
.sales-app .sidebar nav a{font-size:13px}.sales-app .side-label{font-size:10px}.sales-app .breadcrumb{font-size:12px}.sales-app .user strong{font-size:12px}.sales-app .user small{font-size:10px}.sales-app .hero-row h1{font-size:31px}.sales-app .subtitle{font-size:12px}.sales-app .filters small{font-size:9px}.sales-app .filters select,.sales-app .filters button{font-size:11px}.sales-app .kpi>small{font-size:9px}.sales-app .kpi>strong{font-size:25px}.sales-app .kpi p{font-size:10px}.sales-app .panel h2{font-size:15px}.sales-app .panel-head small{font-size:9px}.sales-app .ranking>div,.sales-app .branch-list p,.sales-app .volume-chart>div:not(.real-empty){font-size:11px}.sales-app .ranking strong,.sales-app .branch-list small,.sales-app .legend-list span,.sales-app .category-legend span{font-size:10px}.sales-app .report-table table{font-size:11px}.sales-app .report-table th,.sales-app .report-table td{font-size:11px}.login-page .login-card label,.login-page .input-wrap input,.login-page .login-options,.login-page .security-note{font-size:11px}.login-page .login-subtitle{font-size:13px}
.dashboard-page.is-loading::before{content:'';position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#45b77b,#9bd7aa,#45b77b);background-size:200% 100%;animation:loading-slide 1s linear infinite}@keyframes loading-slide{from{background-position:0 0}to{background-position:200% 0}}
.update-toast{position:fixed;right:24px;bottom:24px;z-index:80;display:flex;align-items:center;gap:10px;width:230px;padding:11px 13px;background:#fff;border:1px solid #dfece4;border-radius:8px;box-shadow:0 10px 30px #183b2920;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.update-toast.visible{opacity:1;transform:translateY(0)}.update-icon{display:block;width:auto;height:auto;border-radius:0;background:none;color:#3da970}.update-icon img{display:block;width:74px;height:auto}.update-toast strong,.update-toast small{display:block}.update-toast strong{color:#47715b;font-size:10px}.update-toast small{color:#9ba8a2;font-size:9px;margin-top:2px}.update-toast>div{flex:1}.update-toast i{display:block;height:3px;background:#edf2ef;border-radius:5px;margin-top:6px;overflow:hidden}.update-toast i b{display:block;height:100%;width:0;background:#45b77b;transition:.3s}.update-toast.success .update-icon{background:#45b77b;color:#fff}.update-toast.success i b{background:#45b77b}
.update-modal{position:fixed;inset:0;z-index:100000;display:none;place-items:center;background:rgba(15,31,24,.62);backdrop-filter:blur(2px);padding:20px}.update-modal.visible{display:grid}.update-modal-card{width:min(390px,100%);background:#fff;border-radius:14px;padding:32px 28px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.3)}.update-modal-icon{display:block;width:150px;height:auto;margin:0 auto 16px;border-radius:0;background:none;color:#45b77b}.update-modal-card h2{font:800 21px Manrope;margin:0 0 9px;color:#17252e}.update-modal-card p{font-size:12px;color:#8d999e;margin:0 0 22px}.update-modal-progress{height:7px;background:#edf2ef;border-radius:8px;overflow:hidden}.update-modal-progress b{display:block;width:0;height:100%;background:#45b77b;border-radius:8px;transition:.35s}.update-modal-percent{display:block;color:#7b8985;font-size:10px;margin-top:8px}.update-modal-card button{display:none;align-items:center;justify-content:center;border:0;border-radius:6px;background:#287c54;color:#fff;font-size:11px;font-weight:700;padding:10px 28px;margin:20px auto 0}.update-modal.success .update-modal-icon{background:none}.update-modal.success .update-modal-icon{font-size:0}.update-modal.success .update-modal-icon::after{content:'✓';font-size:23px}
@media(max-width:700px){.sales-app .hero-row h1{font-size:26px}.sales-app .kpi>strong{font-size:20px}.sales-app .panel h2{font-size:14px}}
.product-details-trigger{border:0;background:none;color:#46a474;font-size:10px;font-weight:700;padding:0;cursor:pointer}.product-details-trigger:hover{text-decoration:underline}
.product-details-modal .report-card{width:min(900px,96vw)}.product-details-modal .report-table table{table-layout:fixed;width:100%}.product-details-modal .report-table th:nth-child(1),.product-details-modal .report-table td:nth-child(1){width:18%}.product-details-modal .report-table th:nth-child(2),.product-details-modal .report-table td:nth-child(2){width:42%;white-space:normal;overflow-wrap:anywhere}.product-details-modal .report-table th:nth-child(3),.product-details-modal .report-table td:nth-child(3){width:22%}.product-details-modal .report-table th:nth-child(4),.product-details-modal .report-table td:nth-child(4){width:18%}
.financial-panel{display:flex;justify-content:space-between;gap:25px;align-items:center;background:#edf8f1;border:1px solid #dcefe3;border-radius:9px;padding:18px 22px;margin-bottom:19px}.financial-panel h2{font:800 16px Manrope;margin:0 0 5px}.financial-panel p:not(.overline){font-size:10px;color:#7d9086;margin:0}.financial-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;flex:1;max-width:760px}.financial-cards article{background:#fff;border-radius:7px;padding:12px 13px}.financial-cards small,.financial-cards span{display:block;font-size:8px;color:#93a09a}.financial-cards small{font-weight:700;letter-spacing:.08em}.financial-cards strong{display:block;color:#287c54;font:700 16px Manrope;margin:7px 0 4px}
@media(max-width:1050px){.financial-panel{display:block}.financial-cards{max-width:none;margin-top:18px}}
.financial-cards{grid-template-columns:repeat(5,1fr);max-width:900px}.financial-cards article{min-width:0}
@media(max-width:1050px){.financial-cards{grid-template-columns:repeat(2,1fr);max-width:none}}
@media(max-width:700px){.dashboard-page{overflow-x:hidden}.dashboard-page .content{width:100%;padding:22px 14px}.dashboard-page .topbar{width:100%}.dashboard-page .financial-panel{width:100%;padding:16px 14px;display:block}.dashboard-page .financial-panel h2{font-size:15px}.dashboard-page .financial-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.dashboard-page .financial-cards article{padding:10px 9px;min-width:0}.dashboard-page .financial-cards small{font-size:7px;white-space:normal;line-height:1.3}.dashboard-page .financial-cards strong{font-size:13px;overflow-wrap:anywhere}.dashboard-page .financial-cards span{font-size:8px}.dashboard-page .volume-panel{width:100%;overflow:hidden}.dashboard-page .volume-chart{grid-template-columns:1fr;gap:12px}.dashboard-page .volume-chart>div:not(.real-empty){grid-template-columns:minmax(0,1fr) 85px 58px;gap:7px;font-size:10px}.dashboard-page .volume-chart>div span{overflow-wrap:anywhere}.dashboard-page .panel-head{gap:8px}.dashboard-page .panel-head h2{line-height:1.25}.dashboard-page .product-details-trigger{font-size:9px;white-space:nowrap}.dashboard-page .report-modal.open .report-card,.dashboard-page .product-details-modal .report-card{width:100%;min-height:100vh;padding:22px 14px}.dashboard-page .report-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dashboard-page .report-actions button{min-height:35px}.dashboard-page .report-filters{display:grid;grid-template-columns:1fr 1fr}.dashboard-page .report-toolbar{flex-wrap:wrap}.dashboard-page .report-toolbar span{flex-basis:100%;margin-bottom:3px}.dashboard-page .report-table{max-width:100%;overflow-x:auto}.dashboard-page .report-table table{min-width:470px}.dashboard-page .product-details-modal .report-table table{min-width:620px}.dashboard-page .settings-card{max-height:calc(100vh - 20px);overflow-y:auto}.dashboard-page .settings-card>label{font-size:10px}.dashboard-page .user-management>form{flex-wrap:wrap}.dashboard-page .user-management>form input{width:100%;flex-basis:100%;height:35px}.dashboard-page .user-management>form button{height:35px;width:100%}}
@media(max-width:700px){.update-toast{right:12px;left:12px;bottom:12px;width:auto}}
@media(max-width:700px){.dashboard-page .annual{overflow:hidden}.dashboard-page .annual .panel-head{display:flex;align-items:flex-start}.dashboard-page .annual .bars{gap:6px;overflow-x:auto;justify-content:flex-start;padding-left:3px;padding-right:3px}.dashboard-page .annual .bars>div{flex:0 0 28px;min-width:28px}.dashboard-page .annual .bars b{width:22px}.dashboard-page .volume-panel .panel-head{display:block}.dashboard-page .volume-panel .panel-head h2{max-width:230px}.dashboard-page .volume-chart>div:not(.real-empty){grid-template-columns:minmax(0,1fr) 72px 58px}.dashboard-page #products>.panel .panel-head{flex-wrap:wrap}.dashboard-page #products>.panel .panel-head h2{max-width:220px}.dashboard-page #products>.panel .product-details-trigger{display:block;flex-basis:100%;text-align:left;margin-top:8px;padding:7px 0}.dashboard-page .financial-panel .financial-cards{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.dashboard-page .annual{overflow:hidden}.dashboard-page .annual .bars{gap:6px;overflow-x:auto;justify-content:flex-start}.dashboard-page .annual .bars>div{flex:0 0 28px;min-width:28px}.dashboard-page .annual .bars b{width:22px}.dashboard-page .volume-panel .volume-chart{grid-template-columns:1fr}.dashboard-page .volume-chart>div:not(.real-empty){grid-template-columns:minmax(0,1fr) 72px 58px}.dashboard-page #products>.panel .panel-head{flex-wrap:wrap}.dashboard-page #products>.panel .product-details-trigger{display:block;flex-basis:100%;text-align:left;margin-top:8px;padding:7px 0}.dashboard-page .product-details-modal .report-card,.dashboard-page .settings-modal .report-card{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin:0 auto;min-height:calc(100vh - 24px);padding:24px 16px}.dashboard-page .product-details-modal .report-table{max-width:100%;overflow-x:auto}.dashboard-page .product-details-modal .report-table table{min-width:620px}.dashboard-page .financial-panel .financial-cards{grid-template-columns:1fr 1fr}}
.dash-tabs{display:flex;gap:8px;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:0}.dash-tab{border:0;background:none;padding:12px 18px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}.dash-tab:hover{color:var(--ink)}.dash-tab.active{color:var(--ink);border-bottom-color:var(--green)}.dash-view{display:none}.dash-view.active{display:block}.kpis.fin .kpi.featured{border-left-color:var(--purple)}.fin-pay-legend span{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink);padding:8px 0;border-bottom:1px solid var(--line)}.fin-pay-legend span i{width:10px;height:10px;border-radius:3px;flex:none}.fin-pay-legend span b{margin-left:auto}.fin-table table{width:100%;border-collapse:collapse;font-size:11px}.fin-table th{text-align:left;padding:8px;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}.fin-table td{padding:8px;border-bottom:1px solid var(--line)}.fin-table tr.overdue td{color:#c0392b}.fin-table tr.overdue .fin-badge{background:#c0392b;color:#fff;border-radius:10px;padding:1px 8px;font-size:9px}.fin-table .num{text-align:right;font-variant-numeric:tabular-nums}.fin-plot,.fin-monthly{min-height:220px}.fin-double{display:flex;align-items:stretch;gap:6px;height:200px}.fin-double>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}.fin-double b{display:block;width:60%;border-radius:4px 4px 0 0}.fin-double b.g{background:var(--green)}.fin-double b.p{background:var(--purple)}.fin-double small{font-size:9px;color:var(--muted);white-space:nowrap}.fin-bar{display:flex;align-items:stretch;gap:6px;height:200px}.fin-bar>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}.fin-bar b{display:block;width:70%;border-radius:4px 4px 0 0;background:var(--purple)}.fin-bar small{font-size:9px;color:var(--muted);white-space:nowrap}@media(max-width:700px){.dash-tab{padding:10px 12px;font-size:11px}.fin-table td,.fin-table th{padding:6px}}
.grid.two.fin-grid{grid-template-columns:1fr 1fr}.fin-plot,.fin-monthly{height:220px}.fin-table{max-height:430px;overflow-y:auto;border-radius:6px}@media(max-width:1050px){.grid.two.fin-grid{grid-template-columns:1fr}.fin-table{overflow-x:auto}.fin-table .report-table{max-width:100%;overflow-x:auto}.fin-table .report-table table{min-width:620px}}



.brand img{display:block;height:32px;width:auto}.login-intro .brand img{height:38px;filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 6px #ffffffcc)}.side-brand img{height:34px}.value-red{color:#c0392b!important}.value-blue{color:#1f6feb!important}