@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--ink:#17222b;--ink-soft:#34434e;--muted:#77858b;--line:#d7e0df;--paper:#eef2ef;--white:#fff;--lime:#d9f36a;--teal:#15756e;--coral:#f46f52;--blue:#dce9ed;--shadow:0 18px 45px rgba(23,34,43,.07)}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:14px Manrope,sans-serif}
a{color:inherit}
.topbar{height:76px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--white);border-bottom:3px solid var(--coral)}
.brand{display:flex;align-items:center;width:164px;height:44px;text-decoration:none}.brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;filter:brightness(0) invert(1) contrast(1.2);opacity:1}
.menu-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;margin:4px 0;background:var(--lime)}
.top-actions{display:flex;gap:24px;align-items:center;color:#b7c3c6;font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.5px}.top-actions a{color:var(--lime);font-weight:500;text-decoration:none}.top-actions .top-link{color:var(--white);padding:8px 0;border-bottom:1px solid transparent}.top-actions .top-link.active{border-color:var(--lime)}
.dashboard{max-width:1440px;margin:0 auto;padding:54px clamp(24px,5vw,80px) 92px}
.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:1.5px;color:var(--teal)}
h1,h2,p{margin-top:0}h1{font:700 clamp(34px,4vw,54px) 'Space Grotesk',sans-serif;letter-spacing:-2.8px;margin:11px 0 8px}h2{font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.8px;margin:8px 0}.heading p{color:var(--muted);margin:0}.live{font:11px 'DM Mono',monospace;color:var(--teal);padding-bottom:7px}.live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);border:2px solid var(--teal);margin-right:8px}
.filters,.user-form{display:flex;gap:10px;align-items:flex-end;margin-bottom:28px}.filters label,.user-form input,.user-form select{display:flex;flex-direction:column;gap:7px;font:700 10px Manrope;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.filters input,.filters select,.user-form input,.user-form select{border:1px solid var(--line);background:var(--white);padding:12px 13px;font:13px Manrope;color:var(--ink);border-radius:2px;min-height:42px}.filters input:focus,.filters select:focus,.user-form input:focus,.user-form select:focus{outline:2px solid var(--lime);outline-offset:1px}.button{border:0;border-radius:2px;padding:13px 19px;font:700 11px Manrope;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;min-height:42px}.button.dark{background:var(--ink);color:var(--white)}.button.primary{background:var(--lime);color:var(--ink);width:100%;margin-top:9px}.button:hover{transform:translateY(-1px)}
.multi-select{position:relative;min-width:220px;font:13px Manrope;color:var(--ink);text-transform:none;letter-spacing:0}.multi-select summary{height:42px;padding:12px 13px;border:1px solid var(--line);background:var(--white);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:400}.multi-select summary::-webkit-details-marker{display:none}.multi-select[open] summary{outline:2px solid var(--lime);outline-offset:1px}.multi-select-chevron{font-size:18px;line-height:10px;color:var(--teal)}.multi-select-options{position:absolute;z-index:5;top:47px;left:0;width:100%;padding:7px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);max-height:230px;overflow-y:auto}.multi-select-options label{display:flex;flex-direction:row;align-items:center;gap:9px;padding:9px 7px;font:12px Manrope;color:var(--ink-soft);text-transform:none;letter-spacing:0;cursor:pointer}.multi-select-options label:hover{background:var(--paper)}.multi-select-options input{appearance:none;width:15px;height:15px;min-height:15px;margin:0;padding:0;border:1px solid var(--muted);border-radius:2px;background:var(--white)}.multi-select-options input:checked{background:var(--teal);border-color:var(--teal);box-shadow:inset 0 0 0 3px var(--white)}.multi-select-options input:focus{outline:2px solid var(--lime);outline-offset:1px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.metrics article,.panel{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow)}.metrics article{padding:23px 24px;min-height:144px;display:flex;flex-direction:column;justify-content:space-between}.metrics article:first-child{background:var(--ink);color:var(--white);border-color:var(--ink);position:relative;overflow:hidden}.metrics article:first-child:after{content:'';position:absolute;width:120px;height:120px;border:1px solid var(--coral);border-radius:50%;right:-28px;top:-44px;opacity:.7}.metrics article span{font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.metrics article:first-child span{color:#afc1c5}.metrics strong{font:700 clamp(25px,2.4vw,36px) 'Space Grotesk',sans-serif;letter-spacing:-2px}.metrics small{font-size:11px;color:var(--muted);line-height:1.4}.metrics article:first-child small{color:var(--lime)}.metrics .metric-alert{background:#fff2ed;border-color:#f2d0c5}.metrics .metric-alert strong{color:#a34a30}
.content-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:12px;margin-bottom:12px}.panel{padding:26px 28px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:27px}.panel-title h2{margin-bottom:0}.bars{display:flex;flex-direction:column;gap:15px}.bar-row{display:grid;grid-template-columns:34px 1fr 78px;gap:13px;align-items:center;font:11px 'DM Mono',monospace}.bar-row>div{height:9px;background:#e5ece8;overflow:hidden}.bar-row i{display:block;height:100%;background:var(--teal);min-width:3px}.bar-row b{text-align:right;font-weight:500;color:var(--ink-soft)}.insight{background:var(--blue);border-color:#c2d8dc;display:flex;flex-direction:column;min-height:260px}.insight h2{font-size:29px;letter-spacing:-1.5px;margin-top:30px}.insight p{color:var(--ink-soft);line-height:1.7;max-width:31ch}.insight a{margin-top:auto;color:var(--teal);font:700 11px Manrope;text-transform:uppercase;letter-spacing:.5px;text-decoration:none}
.orders{padding-bottom:9px}.count{font:11px 'DM Mono',monospace;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{padding:0 14px 13px;text-align:left;border-bottom:2px solid var(--ink);font:10px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:1px}td{padding:17px 14px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:12px}td:first-child,th:first-child{padding-left:0}.order-id{font:500 12px 'DM Mono',monospace;color:var(--teal)}td:nth-child(5){font-weight:800;color:var(--ink)}.status{display:inline-block;padding:5px 8px;background:#e4f0d1;color:#42651e;font-size:10px;font-weight:700}.admin{margin-top:12px}.user-form{margin:0}.user-form input,.user-form select{flex:1}.alert{padding:13px 16px;margin:-10px 0 22px;font-size:12px;border-left:4px solid var(--coral);background:#fff2ed}.alert.notice{border-color:var(--teal);background:#e1f1eb}
.orders{padding-bottom:9px}.count{font:11px 'DM Mono',monospace;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{padding:0 14px 13px;text-align:left;border-bottom:2px solid var(--ink);font:10px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:1px}td{padding:17px 14px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:12px}td:first-child,th:first-child{padding-left:0}.order-id{font:500 12px 'DM Mono',monospace;color:var(--teal)}td:nth-child(5){font-weight:800;color:var(--ink)}.status,.role-badge{display:inline-block;padding:5px 8px;background:#e4f0d1;color:#42651e;font-size:10px;font-weight:700}.role-badge{background:#e1ecee;color:var(--teal)}.role-badge.role-admin{background:#fbe4dc;color:#a34a30}.admin{margin-top:12px}.user-form{margin:0}.user-form input,.user-form select{flex:1}.alert{padding:13px 16px;margin:-10px 0 22px;font-size:12px;border-left:4px solid var(--coral);background:#fff2ed}.alert.notice{border-color:var(--teal);background:#e1f1eb}.admin-page{max-width:1080px}.back-link{color:var(--teal);font:700 11px Manrope;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;padding-bottom:7px}.user-management{max-width:980px}.user-management .user-form{align-items:stretch}.user-management .user-form input,.user-management .user-form select{min-width:0}.user-list{margin-top:12px}
.password-form{display:grid;gap:15px;max-width:480px}.password-form label{display:grid;gap:7px;font:700 10px Manrope;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.password-form input{border:1px solid var(--line);background:var(--white);padding:12px 13px;font:13px Manrope;color:var(--ink);border-radius:2px;min-height:42px}.password-form input:focus{outline:2px solid var(--lime);outline-offset:1px}.password-form .button{justify-self:start;margin-top:6px}
.export-link{display:inline-flex;align-items:center;text-decoration:none}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:var(--ink)}.login-art{padding:clamp(40px,8vw,120px);color:var(--white);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,#28545b 0 1px,transparent 2px),linear-gradient(135deg,#17222b,#123b42)}.login-art:after{content:'';position:absolute;width:380px;height:380px;border:1px solid var(--coral);border-radius:50%;right:-100px;bottom:-130px;box-shadow:0 0 0 28px rgba(244,111,82,.06),0 0 0 57px rgba(244,111,82,.04)}.login-art .eyebrow{color:var(--lime)}.login-art h1{font-size:clamp(42px,6vw,76px);max-width:9ch;line-height:.97;margin:28px 0 22px}.login-art p{color:#afc1c5;max-width:31ch;line-height:1.7}.login-panel{background:var(--paper);padding:clamp(32px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.login-logo{align-self:center;width:min(290px,100%);height:auto;object-fit:contain;object-position:center;margin-bottom:34px}.login-panel h2{font-size:34px;margin:14px 0 28px}.login-panel form{display:flex;flex-direction:column;gap:15px}.login-panel label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.login-panel input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);padding:14px;background:var(--white);font:14px Manrope}.login-panel small{margin-top:20px;color:var(--muted);line-height:1.5}.login-panel code{color:var(--teal)}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:68px}.top-actions span{display:none}.dashboard{padding-top:38px}.heading{display:block}.live{display:block;margin-top:20px}.filters{display:grid;grid-template-columns:1fr 1fr}.filters label:nth-child(3){grid-column:1 / -1}.filters .button{width:100%}.metrics,.content-grid,.login-shell{grid-template-columns:1fr}.metrics article{min-height:125px}.panel{padding:22px 18px}.user-form{display:grid}.user-form input,.user-form select{width:100%}.login-art{min-height:52vh;padding:46px 28px}.login-panel{padding:42px 28px}.login-art h1{font-size:52px}}
@media(max-width:1050px){.top-actions{gap:14px}}
@media(max-width:760px){.topbar{height:auto;min-height:68px;gap:16px;padding-top:14px;padding-bottom:14px;align-items:center;position:relative}.menu-toggle{display:block;margin-left:auto}.top-actions{display:none;position:absolute;z-index:10;top:68px;right:18px;left:18px;padding:14px;gap:4px;flex-direction:column;align-items:stretch;background:var(--ink);border:1px solid #34434e;box-shadow:var(--shadow)}.top-actions.mobile-menu-open{display:flex}.top-actions a,.top-actions span{display:block;padding:11px 8px}.top-actions span{order:-1;color:#b7c3c6;border-bottom:1px solid #34434e}.dashboard{padding-top:38px}.heading{display:block}.live{display:block;margin-top:20px}.filters{display:grid;grid-template-columns:1fr 1fr}.filters label:nth-child(3){grid-column:1 / -1}.filters .button{width:100%}.metrics,.content-grid,.login-shell{grid-template-columns:1fr}.metrics article{min-height:125px}.panel{padding:22px 18px}.user-form{display:grid}.user-form input,.user-form select{width:100%}.login-art{min-height:52vh;padding:46px 28px}.login-panel{padding:42px 28px}.login-art h1{font-size:52px}}
@media(max-width:760px){.filters{width:100%;min-width:0;gap:10px}.filters label{min-width:0;width:100%}.filters input,.filters select,.filters .multi-select,.filters .button{width:100%;min-width:0;max-width:100%}.filters .multi-select summary{width:100%;min-width:0}.filters .multi-select-options{width:100%;max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.visual-chart{margin-bottom:12px}.line-chart{padding-top:4px}.line-chart svg{display:block;width:100%;height:180px;overflow:visible;background:linear-gradient(to bottom,transparent 24%,var(--line) 25%,transparent 26%,transparent 49%,var(--line) 50%,transparent 51%,transparent 74%,var(--line) 75%,transparent 76%)}.line-chart polyline{fill:none;stroke:var(--teal);stroke-width:2;vector-effect:non-scaling-stroke}.line-chart .previous-line{stroke:var(--coral);stroke-dasharray:5 4}.line-labels{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font:10px 'DM Mono',monospace}.line-labels span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-legend{display:flex;gap:16px;margin-top:12px;font:10px 'DM Mono',monospace;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{display:block;width:18px;border-top:2px solid var(--teal)}.chart-legend span:last-child i{border-color:var(--coral);border-top-style:dashed}.ranking-bars{display:flex;flex-direction:column;gap:13px}.ranking-row{display:grid;grid-template-columns:minmax(0,2fr) 3fr 32px;gap:12px;align-items:center;font:11px Manrope}.ranking-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft)}.ranking-row>div{height:9px;background:#e5ece8}.ranking-row i{display:block;height:100%;background:var(--teal);min-width:3px}.ranking-row b{text-align:right;font:500 11px 'DM Mono',monospace}.pie-layout{display:flex;align-items:center;gap:28px}.pie{width:150px;height:150px;flex:none;border-radius:50%;border:10px solid var(--white);box-shadow:0 0 0 1px var(--line)}.pie-legend{display:grid;gap:10px;min-width:0}.pie-legend span{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;color:var(--ink-soft);font-size:11px}.pie-legend i{width:9px;height:9px;border-radius:50%}.pie-legend b{font:500 11px 'DM Mono',monospace;color:var(--ink)}
.compare-toggle{flex-direction:row!important;align-items:center;gap:8px;min-height:42px;padding:0 4px;color:var(--ink-soft)!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap}.compare-toggle input{appearance:none;width:16px!important;height:16px;min-height:16px!important;margin:0;padding:0;border:1px solid var(--muted);border-radius:2px;background:var(--white)}.compare-toggle input:checked{background:var(--teal);border-color:var(--teal);box-shadow:inset 0 0 0 3px var(--white)}.comparison-strip{display:flex;align-items:center;gap:18px;padding:14px 18px;margin:-2px 0 12px;background:var(--blue);border:1px solid #c2d8dc;font-size:12px}.comparison-strip strong{font-family:'Space Grotesk',sans-serif}.comparison-strip span:not(.eyebrow){color:var(--ink-soft)}.comparison-strip b{font-family:'DM Mono',monospace}.comparison-strip .positive{color:var(--teal)}.comparison-strip .negative{color:#a34a30}
.metric-previous{display:block!important;font-size:10px!important;color:var(--muted)!important;line-height:1.4}.metric-previous b{font-family:'DM Mono',monospace}.metric-previous .positive{color:var(--teal)}.metric-previous .negative{color:#a34a30}
.metrics .metric-loss{background:#fff7df;border-color:#e9d59d}.metrics .metric-loss strong{color:#a36b18}.metrics .metric-loss span{color:#8a641d}
@media(min-width:1200px){.dashboard:not(.support-page) .metrics{grid-template-columns:repeat(7,minmax(0,1fr))}.dashboard:not(.support-page) .metrics article{padding-left:16px;padding-right:16px}.dashboard:not(.support-page) .metrics strong{font-size:clamp(18px,1.45vw,26px);white-space:nowrap;letter-spacing:-1.5px}}
.payment-visual-grid{margin-bottom:12px}.payment-insight{min-height:260px}.payment-summary{display:grid;gap:12px;margin-top:22px}.payment-summary-row{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid #c2d8dc;color:var(--ink-soft)}.payment-summary-row b{font-weight:700}.payment-summary-row em{font:11px 'DM Mono',monospace;font-style:normal;color:var(--teal)}
.analysis-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-bottom:12px}.analysis-grid .panel{min-height:280px}.analysis-line-chart svg{display:block;width:100%;height:210px;background:linear-gradient(to bottom,transparent 24%,var(--line) 25%,transparent 26%,transparent 49%,var(--line) 50%,transparent 51%,transparent 74%,var(--line) 75%,transparent 76%)}.analysis-line-chart polyline{fill:none;stroke:var(--teal);stroke-width:2;vector-effect:non-scaling-stroke}.analysis-bars{display:grid;gap:14px}.analysis-bar-row{display:grid;grid-template-columns:minmax(0,2fr) 3fr 34px;gap:10px;align-items:center;font-size:11px}.analysis-bar-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft)}.analysis-bar-row>div{height:9px;background:#e5ece8}.analysis-bar-row i{display:block;height:100%;background:var(--teal);min-width:3px}.analysis-bar-row b{font:500 11px 'DM Mono',monospace;text-align:right}.analysis-advanced{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.analysis-advanced .panel{min-height:150px;background:var(--blue);border-color:#c2d8dc}.analysis-advanced p{color:var(--ink-soft);font-size:12px;line-height:1.6}.analysis-orders{margin-bottom:12px}
@media(max-width:1050px){.analysis-grid{grid-template-columns:1fr}.analysis-advanced{grid-template-columns:1fr}}
@media(max-width:760px){.analysis-advanced{grid-template-columns:1fr}.analysis-page .filters{grid-template-columns:1fr}.analysis-page .filters label:nth-child(3){grid-column:auto}}
.recommendations-block{margin:0 0 12px}.recommendations-toggle{border:0;background:var(--ink);color:var(--lime);padding:13px 17px;font:700 11px Manrope;text-transform:uppercase;letter-spacing:.6px;cursor:pointer}.recommendations-toggle span{display:inline-block;margin-right:7px;font-size:15px}.recommendations-content{margin-top:10px;padding:22px 24px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow)}.recommendations-content[hidden]{display:none}.recommendation{padding:13px 15px;margin-top:10px;border-left:4px solid var(--teal);background:#e8f2ee}.recommendation:first-of-type{margin-top:0}.recommendation strong{font:700 14px 'Space Grotesk',sans-serif}.recommendation p{margin:5px 0 0;color:var(--ink-soft);font-size:12px;line-height:1.5}.recommendation-alta{border-color:var(--coral);background:#fff2ed}.recommendation-media{border-color:#d59b39;background:#fff8e8}.recommendation-baixa{border-color:var(--teal)}.recommendation-empty{margin:0;color:var(--muted);font-size:12px}
.chart-tooltip{position:absolute;z-index:4;display:none;padding:9px 11px;background:var(--ink);color:var(--white);font:11px Manrope;line-height:1.5;pointer-events:none;box-shadow:var(--shadow);white-space:nowrap}.chart-tooltip.visible{display:block}.line-chart{position:relative}.chart-marker-layer{position:absolute;inset:0;pointer-events:none}.chart-point{position:absolute;transform:translate(-50%,-50%);width:10px;height:10px;padding:0;border:2px solid var(--white);border-radius:50%;background:var(--teal);box-shadow:0 0 0 1px var(--teal);cursor:pointer;pointer-events:auto}.chart-point:hover,.chart-point:focus{width:12px;height:12px;outline:2px solid var(--lime);outline-offset:2px}
.insight p strong{color:var(--ink)}
.financial-row{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px solid #c2d8dc}.financial-row:first-child{padding-top:0}.financial-row:last-child{border-bottom:0}.financial-row strong{font:700 13px 'Space Grotesk',sans-serif}.financial-row em{font:11px 'DM Mono',monospace;font-style:normal;color:var(--teal)}
.line-labels{min-width:0;overflow:hidden}.line-labels span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-labels .empty-label{visibility:hidden}.analysis-grid .panel{min-width:0}.analysis-line-chart{min-width:0;overflow:hidden}
.support-page .metrics{grid-template-columns:repeat(4,1fr)}
@media(max-width:1050px){.support-page .metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.support-page .metrics{grid-template-columns:1fr}}
.analysis-page .analysis-metrics{grid-template-columns:repeat(6,1fr)}.analysis-page .analysis-metrics article{min-width:0}.analysis-page .analysis-metrics strong{font-size:clamp(20px,1.8vw,30px);white-space:nowrap}.analysis-page .analysis-loss-card{background:#fff7df;border:1px solid #e9d59d}.analysis-page .analysis-loss-card strong{color:#a36b18}.analysis-page .analysis-loss-card span{color:#8a641d}
@media(max-width:1100px){.analysis-page .analysis-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.analysis-page .analysis-metrics{grid-template-columns:1fr}}
