:root{--orange:#f15a24;--orange-dark:#c8471a;--blue-dark:#3d6b8a;--blue-mid:#4a7b9d;--blue-light:#5d8fa8;--white:#fff;--gray-bg:#ebebeb;--gray-light:#f4f4f4;--gray-mid:#6b6b6b;--gray-border:#d8d8d8;--black:#0d0d0d;--green:#2e9e5b;--red:#d64545}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gray-bg);color:var(--gray-mid);min-height:100vh;font-family:DM Sans,sans-serif}h1,h2,h3{color:var(--blue-dark);font-family:Barlow Condensed,sans-serif}.mono{font-family:JetBrains Mono,monospace}header{background:var(--blue-mid);flex-wrap:wrap;align-items:center;gap:24px;padding:22px 32px;display:flex}.logo{color:#fff;flex-shrink:0;height:34px}header .titulo{flex:1;min-width:220px}header h1{color:#fff;letter-spacing:.02em;text-transform:uppercase;font-size:30px;font-weight:800;line-height:1}header .sub{color:#ffffffbf;margin-top:3px;font-size:13px}header .sub b{color:var(--orange)}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;border-radius:2px;padding:10px 20px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;transition:background .15s}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-dark)}.btn-ghost{color:#fff;background:0 0;border:2px solid #ffffff80}.btn-ghost:hover{border-color:#fff}.btn:disabled{opacity:.5;cursor:default}main{max-width:1280px;margin:0 auto;padding:28px 24px 64px}.section-label{align-items:center;gap:10px;margin:36px 0 16px;display:flex}.section-label .chev{color:var(--orange);font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:800;line-height:1;transform:skew(-8deg)}.section-label h2{text-transform:uppercase;letter-spacing:.04em;font-size:24px;font-weight:700}.meses{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.mes-tab{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;color:var(--blue-dark);background:#fff;border:2px solid #0000;border-radius:2px;padding:8px 14px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700}.mes-tab:hover{border-color:var(--blue-light)}.mes-tab.ativa{background:var(--orange);color:#fff}.mes-tab.tem-dados:after{content:"";background:var(--green);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:7px;display:inline-block}.mes-tab.ativa.tem-dados:after{background:#fff}.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.kpi{border-top:3px solid var(--orange);background:#fff;border-radius:4px;padding:18px 20px}.kpi .rotulo{text-transform:uppercase;letter-spacing:.1em;color:var(--gray-mid);font-size:12px;font-weight:600}.kpi .valor{color:var(--blue-dark);margin-top:4px;font-family:Barlow Condensed,sans-serif;font-size:36px;font-weight:800;line-height:1.15}.kpi .valor.laranja{color:var(--orange)}.kpi .valor.verde{color:var(--green)}.kpi .extra{color:var(--gray-mid);margin-top:2px;font-size:12px}.grupo-titulo{color:var(--blue-mid);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:26px 0 12px;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;display:flex}.grupo-titulo:after{content:"";background:var(--gray-border);flex:1;height:1px}.cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.card{border-top:3px solid var(--orange);background:#fff;border-radius:4px;padding:18px 20px;position:relative}.card.sem-atividade{opacity:.55;border-top-color:var(--gray-border)}.card .nome{color:var(--blue-dark);text-transform:uppercase;letter-spacing:.03em;font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700}.badge{text-transform:uppercase;letter-spacing:.08em;vertical-align:2px;border-radius:2px;margin-left:8px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-block}.badge.exec{color:var(--blue-dark);background:#3d6b8a1f}.badge.inside{color:var(--orange-dark);background:#f15a241f}.badge.sup{color:var(--green);background:#2e9e5b24}.card .obs{color:var(--gray-mid);min-height:14px;margin-top:2px;font-size:11.5px}.campos{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.campo label{text-transform:uppercase;letter-spacing:.08em;min-height:28px;color:var(--gray-mid);margin-bottom:4px;font-size:11px;font-weight:600;line-height:1.3;display:block}.campo input{border:1px solid var(--gray-border);background:var(--gray-light);width:100%;color:var(--blue-dark);border-radius:2px;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:500}.campo input:focus{border-color:var(--orange);background:#fff;outline:none}.campo.realizado input{border-left:3px solid var(--orange)}.barra-wrap{margin-top:14px}.barra{background:var(--gray-light);border-radius:2px;height:10px;position:relative;overflow:hidden}.barra .fill{background:var(--orange);border-radius:2px;height:100%;transition:width .3s}.barra .fill.ok{background:var(--green)}.barra .fill.baixo{background:var(--red)}.barra-info{justify-content:space-between;margin-top:6px;font-size:12.5px;display:flex}.barra-info .pct{font-family:JetBrains Mono,monospace;font-weight:700}.pct.ok{color:var(--green)}.pct.baixo{color:var(--red)}.pct.meio{color:var(--orange-dark)}.falta{color:var(--gray-mid)}.falta b{color:var(--blue-dark);font-family:JetBrains Mono,monospace;font-weight:700}.falta.bateu{color:var(--green);font-weight:600}.card .remover{color:var(--gray-border);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:17px;line-height:1;position:absolute;top:10px;right:12px}.card .remover:hover{color:var(--red)}.tabela-wrap{border-top:3px solid var(--orange);background:#fff;border-radius:4px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--blue-mid);text-align:left;white-space:nowrap;padding:11px 14px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700}th.num,td.num{text-align:right}td{border-bottom:1px solid var(--gray-light);white-space:nowrap;padding:10px 14px;font-size:13.5px}td .mini-barra{background:var(--gray-light);vertical-align:middle;border-radius:2px;width:110px;height:7px;margin-right:8px;display:inline-block;overflow:hidden}td .mini-barra .fill{background:var(--orange);height:100%}td .mini-barra .fill.ok{background:var(--green)}td .mini-barra .fill.baixo{background:var(--red)}tr.total td{background:var(--gray-light);color:var(--blue-dark);border-top:2px solid var(--blue-mid);font-weight:700}tr.grupo-linha td{background:var(--gray-bg);color:var(--blue-mid);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--gray-border);padding:8px 14px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700}td.nome-cel{color:var(--blue-dark);text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700}.tri-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:14px;display:grid}footer{background:var(--black);color:#ffffff8c;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 32px;font-size:12px;display:flex}footer .chev{color:var(--orange);font-weight:700}#toast{background:var(--blue-dark);color:#fff;border-left:4px solid var(--orange);opacity:0;pointer-events:none;z-index:100;border-radius:2px;padding:12px 20px;font-size:13.5px;transition:opacity .25s;position:fixed;bottom:24px;right:24px}#toast.show{opacity:1}#toast.erro{background:var(--red);border-left-color:#7a1f1f}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border-top:4px solid var(--orange);background:#fff;border-radius:4px;width:100%;max-width:360px;padding:36px 32px}.login-card .logo{color:var(--blue-dark);height:38px;margin-bottom:18px}.login-card h1{text-transform:uppercase;margin-bottom:4px;font-size:22px}.login-card p{margin-bottom:20px;font-size:13px}.login-card input{border:1px solid var(--gray-border);background:var(--gray-light);border-radius:2px;width:100%;margin-bottom:12px;padding:10px 12px;font-size:15px}.login-card input:focus{border-color:var(--orange);background:#fff;outline:none}.login-card .btn{width:100%}.login-card .erro{color:var(--red);margin-bottom:12px;font-size:13px}.loading-wrap{min-height:100vh;color:var(--gray-mid);justify-content:center;align-items:center;display:flex}@media (width<=640px){header{padding:18px 20px}header h1{font-size:22px}main{padding:20px 14px 48px}}
