:root{color-scheme:dark;--fundo: #060F1C;--menu: rgba(8, 18, 33, .94);--painel: rgba(11, 24, 42, .86);--painel-forte: #0D1C31;--borda: rgba(120, 155, 200, .14);--linha: rgba(130, 160, 200, .12);--texto: #E8EEF6;--texto-2: #8C9BB1;--marca: #3DDC6B;--marca-brilho: rgba(61, 220, 107, .35);--sobre-marca: #03150A;--milho: #F5B941;--ok: #3DDC6B;--azul: #3B82F6;--neutro: #4F5F78;--atencao: #F5B941;--perigo: #FF6B6B;--campo: rgba(5, 12, 24, .9);--pivo-fundo: rgba(130, 160, 200, .06);--pivo-borda: rgba(130, 160, 200, .3);--fonte: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--suave: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{margin:0;background:var(--fundo);color:var(--texto)}body{font-family:var(--fonte);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2{font-weight:800;letter-spacing:-.025em;margin:0;text-wrap:balance}h1{font-size:28px}h2{font-size:18px}a{color:var(--marca)}.num{font-variant-numeric:tabular-nums}.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.icone{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.lavoura{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#root>*:not(.lavoura){position:relative;z-index:1}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.menu{background:var(--menu);border-right:1px solid var(--borda);padding-block:20px;display:flex;flex-direction:column;gap:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;height:100vh}.marca{display:flex;align-items:center;gap:10px;padding-inline:18px}.marca b{display:block;font-weight:800;letter-spacing:-.02em;font-size:18px}.marca small{color:var(--texto-2);font-size:12px}.menu nav{display:flex;flex-direction:column}.menu nav a{display:flex;align-items:center;gap:10px;padding:10px 18px;color:var(--texto-2);text-decoration:none;border-left:3px solid transparent;font-weight:500}.menu nav a:hover{color:var(--texto)}.menu nav a.active{color:var(--texto);border-left-color:var(--marca);background:#3ddc6b1f}.menu nav a.active .icone{color:var(--marca)}.usuario{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-inline:18px;font-size:14px}.usuario small{display:block;color:var(--texto-2);font-size:12px}.conteudo{padding:28px max(28px,env(safe-area-inset-right)) 48px max(28px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:20px;min-width:0}.topo{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px}.topo p{margin:4px 0 0;color:var(--texto-2)}.cartao{background:var(--painel);border:1px solid var(--borda);border-radius:12px;padding:20px;min-width:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:14px}.tot{color:var(--texto-2);font-size:13px}.tot b{color:var(--texto)}.sub{color:var(--texto-2);font-size:14px;margin:4px 0 16px}.vazio{color:var(--texto-2)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{background:var(--painel);border:1px solid var(--borda);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kpi .r{color:var(--texto-2);font-size:12px}.kpi .v{font-size:26px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:baseline;gap:6px}.kpi .v small{font-size:13px;color:var(--texto-2);font-weight:600}.kpi .c{color:var(--texto-2);font-size:12px}.linha-2{display:grid;grid-template-columns:1fr minmax(260px,340px);gap:14px}.empresas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.empresa{border:1px solid var(--borda);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;background:#050c188c}.empresa .t{font-weight:700}.kv{display:flex;justify-content:space-between;font-size:12px;color:var(--texto-2)}.kv b{color:var(--texto);font-size:14px}.barra{height:6px;border-radius:999px;background:var(--linha);overflow:hidden}.barra i{display:block;height:100%;background:var(--marca);border-radius:999px}.rosca{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.rosca text{font-family:var(--fonte)}.legenda{display:flex;flex-direction:column;gap:10px;font-size:14px;flex:1;min-width:150px}.legenda div{display:flex;align-items:center;gap:8px}.legenda i{width:10px;height:10px;border-radius:3px}.legenda span{margin-left:auto;color:var(--texto-2)}.pivos{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.pivo{border:1px solid var(--borda);border-radius:10px;padding:14px;background:#050c188c;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.pivo svg{max-width:100%}.pivo .pc{font-size:22px;font-weight:800}.pivo b{font-weight:800;font-size:15px}.faz{display:block;color:var(--texto-2);font-size:12px}.datas{font-size:12px;color:var(--texto-2)}.datas em{font-style:normal;color:var(--texto)}.selo{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;white-space:nowrap}.selo:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.selo-concluido{background:#3ddc6b29;color:#7eeba0}.selo-plantando{background:#f5b94129;color:#f9d27e}.selo-nao-iniciado{background:#82a0c824;color:#c9d5e6}.etiqueta{display:inline-block;border:1px solid var(--borda);border-radius:6px;padding:2px 8px;font-size:12px}.form{display:flex;flex-direction:column;gap:14px}label,.rotulo{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--texto-2);font-weight:600}.campo{display:flex;flex-direction:column;gap:6px}input,select{font:inherit;font-size:16px;color:var(--texto);background:var(--campo);border:1px solid var(--borda);border-radius:8px;padding:11px 12px;width:100%;min-height:46px}input::placeholder{color:#8c9bb199}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--marca);outline-offset:1px}.dois{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.dois>*,.grade>*,label{min-width:0}input,select{min-width:0}.fixo{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:var(--texto);background:#82a0c812;border:1px dashed var(--borda);border-radius:8px;padding:11px 12px}.fixo small{color:var(--texto-2);font-size:12px}.fichas{display:flex;flex-wrap:wrap;gap:8px}.ficha{font:inherit;font-size:15px;color:var(--texto);background:transparent;border:1px solid var(--borda);border-radius:999px;padding:9px 15px;cursor:pointer}.ficha.ativa{background:#3ddc6b29;color:#8ef0ae;border-color:#3ddc6b99;font-weight:700;box-shadow:0 0 0 3px #3ddc6b1f}.resumo{font-size:13px;color:var(--texto-2);background:#050c1899;border-radius:8px;padding:10px 12px}.resumo b{color:var(--milho)}.form-linha{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.form-linha input{flex:1;min-width:180px}.botao{font:inherit;font-weight:700;font-size:16px;background:var(--marca);color:var(--sobre-marca);border:0;border-radius:8px;padding:13px 18px;cursor:pointer;min-height:48px}.botao:hover{filter:brightness(1.08)}.botao:disabled{opacity:.6;cursor:wait}.botao-leve{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;color:var(--texto);background:var(--painel);border:1px solid var(--borda);border-radius:8px;padding:7px 12px;cursor:pointer}.botao-perigo{font:inherit;font-size:13px;font-weight:700;color:#2a0606;background:var(--perigo);border:0;border-radius:8px;padding:7px 12px;cursor:pointer}.botao-icone{background:transparent;border:1px solid var(--borda);color:var(--texto-2);border-radius:8px;padding:7px;cursor:pointer;display:inline-flex}.erro{color:var(--perigo);font-size:14px;margin:0}.aviso{color:#7eeba0;font-size:14px;margin:12px 0 0}.dica{color:var(--texto-2);font-size:13px;margin:0;text-align:center}.abas{display:flex;gap:6px;flex-wrap:wrap}.abas button{font:inherit;color:var(--texto-2);background:var(--painel);border:1px solid var(--borda);border-radius:8px;padding:8px 14px;cursor:pointer}.abas button.ativa{color:var(--sobre-marca);background:var(--marca);border-color:var(--marca);font-weight:700}.grade{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:18px;align-items:start}.rolagem{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--texto-2);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;border-bottom:1px solid var(--borda);white-space:nowrap}td{padding:12px 10px;border-bottom:1px solid var(--borda);white-space:nowrap}tr:last-child td{border-bottom:0}.dir{text-align:right}.acoes>div{display:flex;gap:6px;justify-content:flex-end}.lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.item{border:1px solid var(--borda);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.item span{color:var(--texto-2);font-size:13px}.login{min-height:100vh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left))}.login-cartao{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px;padding:28px}.marca-grande{padding:0}.marca-grande b{font-size:24px}.carregando{min-height:100vh;display:grid;place-items:center;color:var(--texto-2)}.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.lancar{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:18px;align-items:start}.lancar-campos{display:flex;flex-direction:column;gap:16px}.tipos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tipo{font:inherit;font-weight:700;font-size:16px;min-height:56px;color:var(--texto-2);background:var(--campo);border:1.5px solid var(--borda);border-radius:10px;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s,transform .15s var(--suave)}.tipo:active{transform:scale(.97)}.tipo.ativa{color:var(--texto);border-color:var(--cor-tipo);background:color-mix(in srgb,var(--cor-tipo) 16%,transparent)}.tipo-femea{--cor-tipo: var(--milho) }.tipo-macho_1{--cor-tipo: var(--azul) }.tipo-macho_2{--cor-tipo: #2DD4BF }.etiqueta.tipo-femea,.etiqueta.tipo-macho_1,.etiqueta.tipo-macho_2{border-color:var(--cor-tipo);color:var(--cor-tipo)}.campo-grande{display:flex;align-items:baseline;gap:10px;background:var(--campo);border:1px solid var(--borda);border-radius:10px;padding:4px 16px;transition:border-color .2s,box-shadow .2s}.campo-grande:focus-within{border-color:var(--marca);box-shadow:0 0 0 3px #3ddc6b2e}.campo-grande input{border:0;background:transparent;padding:6px 0;font-size:40px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;box-shadow:none!important;min-height:0}.campo-grande span{font-size:18px;color:var(--texto-2);font-weight:700}textarea{font:inherit;font-size:16px;color:var(--texto);background:var(--campo);border:1px solid var(--borda);border-radius:8px;padding:11px 12px;width:100%;resize:vertical}textarea:focus{outline:none;border-color:var(--marca);box-shadow:0 0 0 3px #3ddc6b2e}.botao-grande{min-height:58px;font-size:18px}.previa{position:sticky;top:20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.previa-num{display:flex;align-items:baseline;gap:10px;font-size:22px;font-weight:800;color:var(--texto-2)}.previa-num b{font-size:34px;color:var(--marca)}.previa-num .seta{font-size:28px}.previa-nome{font-size:18px;font-weight:800}.fatia-nova{fill:var(--marca);fill-opacity:.55;animation:piscar 1.6s ease-in-out infinite}@keyframes piscar{50%{fill-opacity:.3}}.somas{width:100%;display:flex;flex-direction:column;gap:4px;margin-block:6px}.somas div{display:flex;justify-content:space-between;font-size:14px;color:var(--texto-2);padding:6px 10px;border-radius:8px}.somas div b{color:var(--texto)}.somas div.atual{background:#3ddc6b14}.alerta{color:var(--atencao);font-size:13px;margin:0}.dica{color:var(--texto-2);font-size:13px;margin:0}a.pivo{color:inherit;text-decoration:none}.link-pivo{color:var(--texto);text-decoration:none}.link-pivo:hover b{color:var(--marca)}.grupo{margin-bottom:14px}.grupo h3{font-size:14px;margin:0 0 8px;color:var(--texto-2);font-weight:700}.linha-pivo{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:14px;align-items:start}.pivo-grande{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.pivo-grande .pc{font-size:30px;font-weight:800}.tipos-barras{display:flex;flex-direction:column;gap:14px;margin-bottom:12px}.tipo-barra .barra i{background:var(--cor-tipo)}.tipo-barra .kv span{color:var(--texto);font-weight:600;font-size:14px}td.obs{white-space:normal;min-width:160px;color:var(--texto-2)}.cv-bom{--cor-cv: var(--ok) }.cv-atencao{--cor-cv: var(--atencao) }.cv-ruim{--cor-cv: var(--perigo) }.cv-selo{display:inline-block;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;color:var(--cor-cv, var(--texto-2));background:color-mix(in srgb,var(--cor-cv, #8C9BB1) 16%,transparent)}.kpi-cv .v{color:var(--cor-cv, var(--texto))}.kpi-cv[class*=cv-]{border-color:color-mix(in srgb,var(--cor-cv) 45%,transparent)}.contagens{border:1px solid var(--borda);border-radius:10px;padding:12px 14px 14px;margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}.contagens legend{font-size:13px;font-weight:600;color:var(--texto-2);padding:0 6px}.contagens legend span{font-weight:400}.contagens-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.contagem input{text-align:center;font-weight:700;font-variant-numeric:tabular-nums;padding-inline:4px}.mais-ponto{justify-content:center;min-height:46px}.cv-resultado{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;border-radius:10px;padding:12px 14px;background:color-mix(in srgb,var(--cor-cv, #8C9BB1) 10%,rgba(5,12,24,.6));border:1px solid color-mix(in srgb,var(--cor-cv, #8C9BB1) 35%,transparent);transition:background-color .3s,border-color .3s;margin-bottom:12px}.cv-resultado div{display:flex;flex-direction:column}.cv-resultado span{font-size:12px;color:var(--texto-2)}.cv-resultado b{font-size:26px;font-weight:800;color:var(--cor-cv, var(--texto))}.cv-resultado div+div b{font-size:18px;color:var(--texto)}.cv-resultado p{margin:0;flex-basis:100%;font-size:13px;color:var(--texto-2)}.cartao,.kpi,.empresa,.pivo,.item{transition:transform .25s var(--suave),border-color .25s,box-shadow .25s,background-color .25s}.kpi:hover,.empresa:hover,.pivo:hover,.item:hover{transform:translateY(-3px);border-color:#3ddc6b73;box-shadow:0 10px 28px -12px var(--marca-brilho),0 0 0 1px #3ddc6b1f}.cartao:hover{border-color:#789bc842}.kpi .v{transition:color .25s}.kpi:hover .v{color:#fff}.menu nav a{transition:background-color .2s,color .2s,padding-left .2s var(--suave)}.menu nav a:hover{padding-left:22px;background:#82a0c80f}.botao,.botao-leve,.ficha,.abas button,.botao-perigo,.botao-icone{transition:transform .15s var(--suave),box-shadow .25s,background-color .2s,border-color .2s,filter .2s}.botao:hover{box-shadow:0 6px 22px -6px var(--marca-brilho);transform:translateY(-1px)}.botao:active,.ficha:active,.botao-leve:active{transform:scale(.97)}.botao-leve:hover,.ficha:hover,.abas button:hover,.botao-icone:hover{border-color:#3ddc6b80;color:var(--texto)}tbody tr{transition:background-color .2s}tbody tr:hover{background:#3ddc6b0d}.barra i{transition:width 1s var(--suave)}input,select{transition:border-color .2s,box-shadow .2s}input:hover,select:hover{border-color:#789bc852}input:focus,select:focus{outline:none;border-color:var(--marca);box-shadow:0 0 0 3px #3ddc6b2e}@keyframes surgir{0%{opacity:.001;transform:translateY(10px)}to{opacity:1;transform:none}}.kpis>*,.linha-2>*,.conteudo>section,.pivos>*{animation:surgir .5s var(--suave) both}.kpis>:nth-child(2){animation-delay:.05s}.kpis>:nth-child(3){animation-delay:.1s}.kpis>:nth-child(4){animation-delay:.15s}.pivos>:nth-child(2){animation-delay:.06s}.pivos>:nth-child(3){animation-delay:.12s}.pivos>:nth-child(n+4){animation-delay:.18s}.pivo.concluido{border-color:#3ddc6b73;background:linear-gradient(180deg,#3ddc6b14,#050c188c 60%)}.pivo-svg{position:relative;display:inline-grid;place-items:center}.pivo.concluido .pivo-svg:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;box-shadow:0 0 0 0 var(--marca-brilho);animation:pulso 2.2s ease-out infinite}@keyframes pulso{0%{box-shadow:0 0 #3ddc6b73}70%{box-shadow:0 0 0 16px #3ddc6b00}to{box-shadow:0 0 #3ddc6b00}}.check{position:absolute;right:2px;top:2px;width:30px;height:30px;border-radius:50%;background:var(--marca);color:var(--sobre-marca);display:grid;place-items:center;box-shadow:0 4px 14px -2px var(--marca-brilho);animation:estalo .6s .9s var(--suave) both}.check svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:tracar .4s 1.3s ease-out forwards}@keyframes estalo{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes tracar{to{stroke-dashoffset:0}}.botao-trator{position:relative;overflow:hidden}.botao-trator .trator{position:absolute;left:0;top:50%;width:54px;height:40px;margin-top:-21px;transform:translate(-60px);pointer-events:none}.botao-trator.andando{color:transparent}.botao-trator.andando .trator{animation:trator 1s linear forwards}.botao-trator.andando:after{content:"";position:absolute;left:0;bottom:6px;height:3px;width:100%;background:repeating-linear-gradient(90deg,rgba(3,21,10,.55) 0 6px,transparent 6px 12px);transform-origin:left;transform:scaleX(0);animation:rastro 1s linear forwards}.botao-trator .roda{transform-box:fill-box;transform-origin:center}.botao-trator.andando .roda{animation:girar .35s linear infinite}@keyframes trator{0%{transform:translate(-60px)}to{transform:translate(calc(var(--largura, 340px) + 10px))}}@keyframes rastro{to{transform:scaleX(1)}}@keyframes girar{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.linha-2{grid-template-columns:1fr}.empresas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app{grid-template-columns:1fr}.menu{position:sticky;top:0;z-index:5;height:auto;flex-direction:row;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));border-right:0;border-bottom:1px solid var(--borda)}.marca{padding:0}.marca div{display:block}.menu{justify-content:space-between;backdrop-filter:none;-webkit-backdrop-filter:none;background:#081221f7}.menu nav{position:fixed;left:0;right:0;bottom:0;z-index:6;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--menu);border-top:1px solid var(--borda);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.menu nav a{flex-direction:column;justify-content:center;gap:4px;padding:10px 4px 12px;font-size:12px;border-left:0;border-top:3px solid transparent;white-space:nowrap}.menu nav a:hover{padding-left:4px}.menu nav a .icone{width:22px;height:22px}.menu nav a.active{border-top-color:var(--marca)}.usuario{margin:0;padding:0}.usuario>span{display:none}.conteudo{padding:20px max(16px,env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.grade,.lancar,.linha-pivo{grid-template-columns:1fr}.previa{position:static;order:-1}.pivos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pivo svg{width:110px;height:110px}h1{font-size:24px}}
