:root{--ui-bg: #000;--ui-panel: #0a0a0a;--ui-elev: #0b0b0b;--ui-border: #1a1a1a;--ui-text: #e6e9ef;--ui-muted: #aab2c5;--p1-rgb: 127, 0, 255;--p2-rgb: 90, 79, 207;--p3-rgb: 181, 126, 220;--p4-rgb: 45, 18, 75;--p5-rgb: 200, 190, 230;--c1: rgb(var(--p1-rgb));--c2: rgb(var(--p2-rgb));--c3: rgb(var(--p3-rgb));--c4: rgb(var(--p4-rgb));--c5: rgb(var(--p5-rgb))}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ui-bg);color:var(--ui-text);font-family:Inter,sans-serif}.container{max-width:1180px;margin:0 auto;padding:0 16px}.panel{background:linear-gradient(180deg,rgba(10,10,10,.92),var(--ui-panel));border:1px solid rgba(var(--p5-rgb),.25);border-radius:18px;padding:16px;box-shadow:0 10px 30px #0000008c,inset 0 0 40px #7f00ff0f;margin-bottom:16px;transition:border-color .3s ease}.headline{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-.02em;margin:16px 0}.btn{padding:12px 18px;border-radius:14px;font-weight:900;cursor:pointer;color:#fff;border:1px solid rgba(var(--p2-rgb),.45);background:linear-gradient(180deg,#7f00ff1a,#5a4fcf14);box-shadow:inset 0 0 18px #7f00ff2e,0 0 14px #5a4fcf33;transition:transform .15s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:inset 0 0 22px #7f00ff40,0 0 18px #5a4fcf47}.btn-ghost{padding:10px 14px;border-radius:12px;font-weight:800;color:#fff;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;box-shadow:inset 0 0 10px #7f00ff1f}.btn-copy{width:100%;padding:16px;border-radius:16px;font-weight:900;color:#fff;background:linear-gradient(#0000,#0000) padding-box,linear-gradient(90deg,#7f00ff59,#5a4fcf59,#b57edc59) border-box;border:1px solid transparent;box-shadow:0 0 14px #7f00ff2e inset,0 0 18px #5a4fcf2e;transition:box-shadow .25s ease,transform .2s ease}.btn-copy:hover{box-shadow:0 0 18px #7f00ff47 inset,0 0 28px #5a4fcf59;transform:translateY(-1px)}.field{display:block;font-size:14px;margin-bottom:12px}.labelRow{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#ffffffeb;font-weight:800}.soft{background:var(--ui-elev);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;color:var(--ui-text);width:100%}.range{width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,#7f00ff40,#5a4fcf4d,#b57edc59);outline:none;box-shadow:inset 0 0 14px #7f00ff2e}.range{appearance:none;-webkit-appearance:none}.range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#7f00ff59,#5a4fcf73,#b57edc8c)}.range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:999px;background:#fff;border:2px solid rgba(127,0,255,.75);box-shadow:0 0 14px #b57edc73;margin-top:-5px;transition:transform .15s ease}.range:active::-webkit-slider-thumb{transform:scale(1.05)}.range::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#7f00ff59,#5a4fcf73,#b57edc8c)}.range::-moz-range-thumb{width:16px;height:16px;border-radius:999px;background:#fff;border:2px solid rgba(127,0,255,.75);box-shadow:0 0 14px #b57edc73}.chipRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.chipBtn{border:1px solid rgba(var(--p5-rgb),.28);background:linear-gradient(180deg,#7f00ff0f,#5a4fcf0d);padding:6px 12px;border-radius:12px;color:#fff;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:inset 0 0 10px #b57edc2e}.chipBtn:hover{background:linear-gradient(180deg,#7f00ff1f,#5a4fcf1a);box-shadow:inset 0 0 14px #b57edc59}.chipRow .chipBtn:nth-child(6n+1){border-color:rgba(var(--p1-rgb),.45)}.chipRow .chipBtn:nth-child(6n+2){border-color:rgba(var(--p2-rgb),.45)}.chipRow .chipBtn:nth-child(6n+3){border-color:rgba(var(--p3-rgb),.45)}.chipRow .chipBtn:nth-child(6n+4){border-color:rgba(var(--p4-rgb),.45)}.chipRow .chipBtn:nth-child(6n+5){border-color:rgba(var(--p5-rgb),.45)}.chipRow .chipBtn:nth-child(6n+6){border-color:rgba(var(--p1-rgb),.45)}.chipBtn.active{border-color:rgba(var(--p1-rgb),.85);box-shadow:inset 0 0 18px #7f00ff59,0 0 10px #7f00ff40}.varBalloon{padding:12px;border-radius:14px;background:linear-gradient(180deg,#5a4fcf14,#2d124b0d);border:1px solid rgba(181,126,220,.25);box-shadow:inset 0 0 20px #7f00ff0f}.gridVars{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:920px){.gridVars{grid-template-columns:repeat(3,minmax(0,1fr))}}.gaugeBar{height:12px;border-radius:999px;background:linear-gradient(90deg,#5a4fcfd9,#7f00ffe6,#b57edcf2);position:relative;border:1px solid rgba(255,255,255,.12);overflow:hidden}.gaugePointer{position:absolute;top:50%;transform:translate(-50%,-50%);height:22px;width:0;border-left:2px solid #fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.6));transition:left .8s cubic-bezier(.22,.61,.36,1)}.gaugePointer:after{content:"";position:absolute;top:-6px;left:-6px;border-left:6px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}.scoreAnim{animation:scoreBump .6s cubic-bezier(.22,.61,.36,1)}@keyframes scoreBump{0%{transform:translateY(6px);opacity:.6}to{transform:translateY(0);opacity:1}}.tarja-azul{background:#b57edc14;border:1px solid rgba(181,126,220,.55);color:#e6e9ff;border-radius:12px;padding:16px}.tarja-verde{background:#c8bee614;border:1px solid rgba(200,190,230,.55);color:#fff;border-radius:12px;padding:16px}.tarja-amarela{background:#7f00ff14;border:1px solid rgba(127,0,255,.55);color:#e9d6ff;border-radius:12px;padding:16px}.tarja-vermelha{background:#2d124b33;border:1px solid rgba(127,0,255,.6);color:#e9d6ff;border-radius:12px;padding:16px}.bar{height:10px;border-radius:999px;background:#ffffff0f;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.bar>span{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#5a4fcf99,#7f00ffd9);box-shadow:0 0 10px #7f00ff80}.resumePaper{background:#fff;color:#111;border-radius:18px;padding:18px;border:1px solid #e5e7eb;box-shadow:0 10px 30px #00000026}.modalBack{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modalCard{width:min(96vw,860px);max-height:86vh;overflow:auto;background:#0f0f12;color:#fff;border:1px solid var(--ui-border);border-radius:16px;box-shadow:0 30px 80px #0009,0 0 40px #7f00ff40 inset;padding:22px}.kpiCard{display:flex;flex-direction:column;gap:6px}.mainHalo{display:inline-grid;place-items:center;border-radius:999px;padding:18px 28px;border:1px solid rgba(var(--p1-rgb),.45);box-shadow:0 0 32px #7f00ff14,inset 0 0 22px #5a4fcf1f}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}