@import '../_assets/fontes.css';
:root{--ink:#0f0f0f;--panel:#181818;--panel2:#202020;--yellow:#ffd02a;--white:#fff;--muted:#aeb3b8;--line:rgba(255,208,42,.22);--good:#7ee08a;--bad:#ff8a7d;font-family:Roboto,Arial,sans-serif;color:var(--white);background:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 78% 4%,rgba(255,208,42,.09),transparent 22rem),var(--ink);min-height:100vh}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);position:sticky;top:0;background:rgba(15,15,15,.95);backdrop-filter:blur(10px);z-index:5}.brand{color:var(--white);text-decoration:none;font-size:1.2rem;font-weight:700;letter-spacing:-.04em}.brand b{color:var(--yellow)}.hex{color:var(--yellow);font-size:1.55em;vertical-align:-.1em}.header-actions{display:flex;gap:10px;align-items:center}.save-status,.save-hint{font-size:.78rem;color:var(--muted)}.shell{max-width:1180px;margin:auto;padding:46px 24px 72px}.hero{max-width:700px;margin:20px 0 48px}.eyebrow{color:var(--yellow)!important;font-size:.72rem!important;letter-spacing:.13em!important;font-weight:800!important;margin:0 0 10px!important}.hero h1,h2,h3{font-family:'IBM Plex Sans','Segoe UI',Arial,sans-serif;letter-spacing:-.045em}.hero h1{font-size:clamp(2.7rem,7vw,5.3rem);line-height:.94;margin:0}.hero h1 span{color:var(--yellow)}.hero>p:last-child{max-width:520px;color:var(--muted);font-size:1.08rem;line-height:1.6;margin-top:22px}.panel{background:linear-gradient(140deg,rgba(255,255,255,.025),rgba(255,255,255,0)),var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:20px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.section-heading.compact{margin-bottom:18px}.section-heading h2{margin:0;font-size:1.45rem}.section-heading h3{margin:0 0 5px}.section-heading p{color:var(--muted);margin:5px 0 0;font-size:.9rem}.form-grid,.mapping-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}label{display:grid;gap:8px;color:#e5e5e5;font-size:.84rem;font-weight:600}input,select,textarea{font:inherit;background:#111;border:1px solid #383838;color:var(--white);border-radius:9px;padding:12px;min-width:0;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(255,208,42,.1)}textarea{resize:vertical;line-height:1.45}.button{border:1px solid transparent;border-radius:9px;padding:10px 14px;color:var(--white);font:600 .84rem Roboto,Arial;cursor:pointer}.button.primary{background:var(--yellow);color:var(--ink)}.button.secondary{background:#2c2a1a;border-color:var(--yellow);color:var(--yellow)}.button.ghost{background:transparent;border-color:#4a4a4a}.text-button{background:transparent;color:var(--muted);border:0;text-decoration:underline;cursor:pointer;padding:4px}.import-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:18px}.dropzone{border:1px dashed rgba(255,208,42,.55);background:rgba(255,208,42,.04);padding:24px;border-radius:12px;cursor:pointer;place-items:start}.dropzone strong{font-size:1.05rem}.dropzone span,.dropzone small{color:var(--muted);font-weight:400}.dropzone input{display:none}.paste{display:grid;grid-template-columns:1fr auto;gap:8px}.paste label{grid-column:1/-1}.paste textarea{height:118px}.message{font-size:.88rem;color:var(--muted);margin:16px 0 0}.message.error{color:var(--bad)}.message.success{color:var(--good)}.mapping{border-top:1px solid #333;margin-top:20px;padding-top:20px}.mapping-grid{grid-template-columns:repeat(4,1fr)}.hidden{display:none!important}.report{margin-top:30px}.report-header{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 2px 22px}.report-header h2{font-size:clamp(2rem,5vw,3.4rem);margin:0}.report-header p:not(.eyebrow){color:var(--muted);margin:7px 0}.report-mark{color:var(--muted);font-weight:700;letter-spacing:.12em;font-size:.78rem}.metric-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:20px}.metric-card{background:var(--panel2);border:1px solid #363421;border-radius:12px;padding:16px;min-height:126px}.metric-card p{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 15px}.metric-card strong{font:700 1.34rem 'IBM Plex Sans',Arial;letter-spacing:-.05em;display:block;white-space:nowrap}.metric-card span{font-size:.76rem;margin-top:11px;display:block}.delta-up{color:var(--good)}.delta-down{color:var(--bad)}.delta-neutral{color:var(--muted)}.insight-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.chart-panel,.alerts-panel{margin:0}.legend{font-size:.72rem;color:var(--muted);white-space:nowrap}.legend i{display:inline-block;width:9px;height:9px;background:var(--yellow);border-radius:50%;margin:0 5px 0 10px}.legend i:first-child{margin-left:0}.legend .previous{background:#5b5b5b}.comparison-chart{display:grid;gap:16px}.chart-row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px}.chart-row>span{color:#d8d8d8;font-size:.8rem}.bar-pair{display:grid;gap:6px}.bar{height:10px;border-radius:20px;min-width:2px;background:var(--yellow);transition:width .25s}.bar.previous{background:#5a5a5a}.bar-label{font-size:.72rem;color:var(--muted);margin-left:4px}.alerts{display:grid;gap:10px}.alert{padding:11px 12px;border-left:3px solid var(--yellow);background:#202018;border-radius:0 8px 8px 0;font-size:.86rem;line-height:1.4}.alert.positive{border-color:var(--good)}.alert.warning{border-color:var(--bad)}.method-note{font-size:.72rem;color:var(--muted);line-height:1.4;margin:18px 0 0}.narrative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.report-footer{padding:4px 4px;color:var(--muted);font-size:.76rem;display:flex;justify-content:space-between;gap:15px}@media(max-width:850px){.form-grid,.mapping-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(4,1fr)}.insight-grid,.narrative-grid{grid-template-columns:1fr}.import-grid{grid-template-columns:1fr}}@media(max-width:540px){.topbar{padding:0 16px}.save-status,.header-actions .ghost{display:none}.shell{padding:30px 16px 48px}.panel{padding:20px}.form-grid,.mapping-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card{min-height:108px;padding:12px}.metric-card strong{font-size:1.08rem}.report-mark{display:none}.paste{grid-template-columns:1fr}.paste .button{width:100%}}
@media print{@page{size:A4;margin:12mm}body{background:#fff;color:#191919;font-size:10pt}.no-print,.topbar,.hero{display:none!important}.shell{max-width:none;padding:0}.report{display:block!important;margin:0}.report-header{border-bottom:2px solid #e4b900;padding-bottom:10px}.report-header h2,.panel h2{color:#141414}.report-header p:not(.eyebrow),.report-footer,.metric-card p,.method-note,.save-hint{color:#555}.report-mark{color:#444}.panel,.metric-card{background:#fff;border:1px solid #d7d7d7;break-inside:avoid}.metric-grid{grid-template-columns:repeat(4,1fr);gap:6px}.metric-card{min-height:auto;padding:10px}.metric-card strong{font-size:13pt;color:#111}.insight-grid{grid-template-columns:1.4fr 1fr;gap:10px}.panel{padding:14px;margin-bottom:10px}.narrative-grid{grid-template-columns:repeat(3,1fr);gap:10px}.narrative textarea{border:0;padding:0;background:transparent;color:#222;resize:none;min-height:70px}.alert{background:#fafafa;color:#222}.chart-row>span{color:#333}.bar.previous{background:#999}.report-footer{padding-top:4px}.report-header,.metric-grid,.insight-grid,.narrative{break-inside:avoid}}