@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:light;--bg: #cfd4d9;--bg-2: #e1e5e9;--void: #bbc1c8;--alu-0: #f4f6f8;--alu-1: #e7ebee;--alu-2: #d6dade;--alu-3: #c3c9cf;--alu-4: #aeb5bc;--glass: rgba(255, 255, 255, .62);--glass-2: rgba(255, 255, 255, .38);--hair: rgba(22, 28, 34, .15);--hair-2: rgba(22, 28, 34, .24);--spec: rgba(255, 255, 255, .9);--shade: rgba(0, 0, 0, .16);--tint: rgba(22, 28, 34, .05);--tint-2: rgba(22, 28, 34, .09);--lift: rgba(255, 255, 255, .78);--surface: #eef1f3;--tx: #12181e;--tx-2: #4d5761;--tx-3: #79838d;--ac: #1c242b;--ac-hi: #3b454f;--ac-lo: #070b0e;--ac-bg: rgba(28, 36, 43, .075);--ac-hair: rgba(28, 36, 43, .3);--pos: #2f7a5e;--pos-bg: rgba(47, 122, 94, .11);--pos-hair: rgba(47, 122, 94, .34);--neg: #a54b43;--neg-bg: rgba(165, 75, 67, .11);--neg-hair: rgba(165, 75, 67, .36);--warn: #8a6d33;--m1: #1c8763;--m2: #2c66c4;--m3: #6f4dc9;--m1-hair: rgba(28, 135, 99, .34);--m2-hair: rgba(44, 102, 196, .34);--m3-hair: rgba(111, 77, 201, .34);--r: 8px;--r-sm: 4px;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;width:100%}body{font-family:var(--font);background:var(--void);color:var(--tx);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 1px,transparent 1px 3px),radial-gradient(1200px 680px at 16% -12%,rgba(255,255,255,.62),transparent 62%),radial-gradient(900px 520px at 94% 6%,rgba(160,176,192,.3),transparent 58%),linear-gradient(180deg,var(--bg-2),var(--bg) 58%,var(--void))}.glass{position:relative;background:linear-gradient(180deg,var(--glass),var(--glass-2));backdrop-filter:blur(26px) saturate(165%);-webkit-backdrop-filter:blur(26px) saturate(165%);border:1px solid var(--hair);border-radius:var(--r);box-shadow:inset 0 1px 0 var(--spec),inset 0 -1px #0000000f,0 10px 28px #1c283424}.glass:before{content:"";position:absolute;inset:0 0 auto 0;height:42%;border-radius:var(--r) var(--r) 0 0;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent);pointer-events:none}.alu{background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 1px,transparent 1px 3px),linear-gradient(180deg,var(--alu-1),var(--alu-3));border:1px solid var(--hair);box-shadow:inset 0 1px #ffffffd9,inset 0 -1px 0 var(--tint)}.pad{padding:18px}.pad-sm{padding:13px 15px}h1,h2,h3,p{margin:0}.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ac)}.eyebrow.mute{color:var(--tx-3)}.h-page{font-size:clamp(33px,4vw,48px);font-weight:800;letter-spacing:-.034em;line-height:1.04;text-wrap:balance}.h-sec{font-size:20px;font-weight:700;letter-spacing:-.022em;line-height:1.2}.sub{color:var(--tx-2);font-size:13.5px;line-height:1.55}.lbl{font-size:11px;font-weight:600;color:var(--tx-2);letter-spacing:.05em;text-transform:uppercase}.num{font-variant-numeric:tabular-nums;letter-spacing:-.015em}.dim{color:var(--tx-3)}.mut{color:var(--tx-2)}.stat-v{font-size:24px;font-weight:700}.stat-v.sm{font-size:17px;font-weight:650}.ac-tx{color:var(--ac)}.pos{color:var(--pos)}.neg{color:var(--neg)}.shell{position:relative;z-index:1;display:flex;min-height:100vh}.rail{width:218px;min-width:218px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;gap:2px;padding:16px 11px;border-right:1px solid var(--hair);background:linear-gradient(180deg,#ffffff8c,#ffffff47);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.canvas{flex:1;min-width:0;height:100vh;overflow-y:auto;overflow-x:hidden}.page{max-width:1160px;margin:0 auto;padding:30px 30px 70px}.stack{display:flex;flex-direction:column}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-14{gap:14px}.gap-20{gap:20px}.row{display:flex;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.dupla{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}@media (max-width: 1000px){.dupla{grid-template-columns:1fr}}.grid{display:grid;gap:12px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1fr 1fr}@media (max-width: 1080px){.g4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 780px){.g4,.g3,.g2{grid-template-columns:1fr}.rail{display:none}.page{padding:20px 16px 60px}}.nav-i{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--tx-2);font:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:color .16s,background .16s,border-color .16s}.nav-i:hover{color:var(--tx);background:var(--tint)}.nav-i.on{color:var(--tx);background:linear-gradient(180deg,#fffffff2,#fff9);border-color:var(--hair);box-shadow:inset 0 1px 0 var(--spec);font-weight:600}.nav-i.on .ico{color:var(--ac)}.ico{flex:none;color:var(--tx-3);display:grid;place-items:center}.nav-i:hover .ico{color:var(--tx-2)}.soon{margin-left:auto;font-size:9px;letter-spacing:.1em;color:var(--tx-3);border:1px solid var(--hair);padding:2px 5px;border-radius:3px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.brand-mk{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;font-size:12.5px;font-weight:800;color:#f2f5f7;letter-spacing:-.02em;background:repeating-linear-gradient(112deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),linear-gradient(160deg,var(--ac-hi),var(--ac) 42%,var(--ac-lo));box-shadow:inset 0 1px #ffffff38,0 3px 10px #141e2852}.brand-tx{font-size:12.5px;font-weight:700;letter-spacing:.16em;color:var(--tx)}.brand-sub{font-size:9px;letter-spacing:.2em;color:var(--tx-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:var(--r-sm);border:1px solid var(--hair);font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--tx);background:linear-gradient(180deg,var(--alu-0),var(--alu-2));box-shadow:inset 0 1px #ffffffe6,0 1px 3px #1c283429;transition:filter .15s,transform .1s}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.ac{color:#f2f5f7;border-color:#070b0e8c;background:linear-gradient(180deg,var(--ac-hi),var(--ac) 50%,var(--ac-lo));box-shadow:inset 0 1px #fff3,0 2px 10px #141e284d}.btn.ac:hover{filter:brightness(1.35)}.btn.quiet{background:var(--tint);color:var(--tx-2);box-shadow:none}.btn.quiet:hover{color:var(--tx);background:var(--tint-2)}.btn.sm{padding:6px 11px;font-size:12px}.btn.danger:hover{color:var(--neg);border-color:var(--neg-hair)}.field{display:flex;flex-direction:column;gap:6px}.field>.lbl{color:var(--tx-2)}.input{width:100%;padding:10px 12px;font:inherit;font-size:14px;font-weight:500;color:var(--tx);background:#fffc;border:1px solid var(--hair);border-radius:var(--r-sm);outline:none;box-shadow:inset 0 1px 3px #1c283424;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--ac-hair);box-shadow:inset 0 1px 3px #1c283424,0 0 0 3px var(--ac-bg)}.input::placeholder{color:var(--tx-3)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.hint{font-size:12.5px;color:var(--tx-3);line-height:1.45}.seg{display:inline-flex;padding:3px;gap:3px;border-radius:6px}.seg button{padding:6px 13px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--tx-2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:color .15s,background .15s}.seg button:hover{color:var(--tx)}.seg button.on{color:var(--tx);border-color:var(--hair);background:linear-gradient(180deg,#fffffff2,#fff9);box-shadow:inset 0 1px 0 var(--spec)}.motores{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 700px){.motores{grid-template-columns:1fr}}.motor-aba{--cor: var(--tx-2);display:flex;align-items:flex-start;gap:11px;padding:14px 15px;text-align:left;border:1px solid var(--hair);border-radius:var(--r);background:linear-gradient(180deg,#ffffff8c,#ffffff47);font:inherit;color:var(--tx-2);cursor:pointer;transition:border-color .18s,background .18s,color .18s}.motor-aba:hover{color:var(--tx);border-color:var(--hair-2)}.motor-aba.on{color:var(--tx);border-color:var(--cor);background:linear-gradient(180deg,#ffffffeb,#ffffff8c);box-shadow:inset 0 1px 0 var(--spec)}.motor-aba .pino{width:9px;height:9px;border-radius:2px;flex:none;margin-top:5px;background:var(--cor);transition:box-shadow .18s}.motor-aba.on .pino{box-shadow:0 0 10px var(--cor)}.motor-aba .nome{display:block;font-size:13px;font-weight:600}.motor-aba.on .nome{font-weight:700;color:var(--cor)}.motor-aba .papel{display:block;font-size:11.5px;color:var(--tx-3);margin-top:2px}.motor-aba .selo{display:inline-block;margin-top:6px;font-size:9px;letter-spacing:.1em;color:var(--tx-3);border:1px solid var(--hair);padding:2px 5px;border-radius:3px}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:3px;font-size:10.5px;font-weight:700;letter-spacing:.04em;white-space:nowrap;border:1px solid}.tag .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.tag.m1{color:var(--m1);border-color:var(--m1-hair);background:#1c87631a}.tag.m2{color:var(--m2);border-color:var(--m2-hair);background:#2c66c41a}.tag.m3{color:var(--m3);border-color:var(--m3-hair);background:#6f4dc91a}.tag.buy{color:var(--pos);border-color:var(--pos-hair);background:var(--pos-bg)}.tag.sell{color:var(--neg);border-color:var(--neg-hair);background:var(--neg-bg)}.tag.div{color:var(--ac);border-color:var(--ac-hair);background:var(--ac-bg)}.bar{height:4px;background:var(--tint-2);border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #1c28342e}.bar>i{display:block;height:100%;border-radius:2px}.tbl-scroll{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;min-width:760px}.tbl th{text-align:right;padding:9px 14px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);border-bottom:1px solid var(--hair);white-space:nowrap}.tbl th:first-child,.tbl td:first-child{text-align:left}.tbl td{padding:11px 14px;font-size:13px;text-align:right;border-bottom:1px solid var(--tint);font-variant-numeric:tabular-nums}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .13s}.tbl tbody tr:hover{background:var(--tint)}.tk{font-weight:700;letter-spacing:-.01em}.grp{display:flex;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid var(--hair);background:linear-gradient(180deg,rgba(255,255,255,.6),transparent)}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px;background:#18202866;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade .18s ease}.sheet{width:100%;max-width:460px;max-height:88vh;overflow-y:auto;border-radius:12px;animation:rise .22s cubic-bezier(.2,.8,.3,1)}.sheet:before{border-radius:12px 12px 0 0}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.99)}}@keyframes varredura{0%{transform:translateY(-14%)}to{transform:translateY(114%)}}.varredura{animation:varredura 4.5s linear infinite}@keyframes cintila{0%,to{opacity:.97}47%{opacity:.9}52%{opacity:1}}.holo{animation:cintila 3.7s ease-in-out infinite}.bocal{cursor:pointer}.bocal:focus{outline:none}.bocal:focus-visible{outline:none}.recharts-pie:focus,.recharts-pie:focus-visible,.recharts-pie-sector:focus,.recharts-pie-sector:focus-visible,.recharts-sector:focus,.recharts-sector:focus-visible{outline:none}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:52px 24px;text-align:center}.empty .ico-lg{color:var(--tx-3)}:focus-visible{outline:2px solid var(--ac-hair);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--alu-4);border-radius:5px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--tx-3);background-clip:padding-box}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
