*{box-sizing:border-box;margin:0;padding:0}
:root{--escuro:#0F172A;--lar:#EA580C;--lar2:#F97316;--fundo:#F3F4F6;--borda:#E5E7EB;--txt:#111827;--sub:#6B7280}
body{font-family:Poppins,"Segoe UI",Arial,sans-serif;background:var(--fundo);color:var(--txt);font-size:13px;display:flex;min-height:100vh}
a{color:inherit;text-decoration:none}
.sb{width:210px;background:var(--escuro);color:#E5E7EB;display:flex;flex-direction:column;padding:14px 10px;position:sticky;top:0;height:100vh;flex:none}
.logo{display:flex;gap:9px;align-items:center;padding:0 4px 18px}
.lg{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--lar2),var(--lar));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:13px}
.lt b{font-size:16px;color:#fff}.lt b span{color:var(--lar2)}.lt small{display:block;font-size:9px;color:#94A3B8}
.mi{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:9px;margin-bottom:2px;color:#E2E8F0}
.mi:hover{background:#1E293B}.mi svg{width:17px;height:17px;stroke:#CBD5E1;fill:none;stroke-width:1.8}
.mi.on{background:linear-gradient(90deg,var(--lar2),var(--lar));color:#fff;font-weight:600}.mi.on svg{stroke:#fff}
.foot{margin-top:auto;font-size:9px;color:#94A3B8;line-height:1.4;padding:0 4px}.foot b{color:#fff;font-size:11px;display:block}
.main{flex:1;display:flex;flex-direction:column;min-width:0}
.top{height:56px;background:var(--escuro);display:flex;align-items:center;padding:0 16px 0 20px;gap:12px;border-bottom:2px solid var(--lar2);position:sticky;top:0;z-index:5}
.cx{border:1px solid #334155;border-radius:8px;padding:3px 12px;color:#fff;min-width:120px}.cx small{display:block;font-size:9px;color:#94A3B8}.cx b{font-size:12px}
.pill{background:#14532D;color:#4ADE80;font-size:10px;font-weight:600;border-radius:20px;padding:3px 10px}
.us{margin-left:auto;text-align:right;color:#fff;font-size:10px;line-height:1.35}.us b{font-size:12px}.us span{color:#94A3B8;display:block}.us span.al{color:#FCD34D}
.pg{padding:18px 22px;max-width:1500px;width:100%}
h1{font-size:20px;font-weight:700}.subt{color:var(--sub);font-size:12px;margin:3px 0 16px}
.card{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:14px}
.row{display:grid;gap:12px;margin-bottom:12px}.r4{grid-template-columns:repeat(4,1fr)}.r2{grid-template-columns:1fr 1fr}
.acao{display:flex;gap:12px;align-items:center;cursor:pointer;transition:border-color .15s}.acao:hover{border-color:var(--lar2)}
.ic{width:36px;height:36px;border-radius:9px;background:#FFEDD5;display:flex;align-items:center;justify-content:center;flex:none}
.ic svg{width:18px;height:18px;stroke:var(--lar);fill:none;stroke-width:1.8}
.acao b,.kpi b.t{display:block;font-size:13px}.acao small{color:var(--sub);font-size:11px}
.big{background:linear-gradient(135deg,var(--lar2),var(--lar));color:#fff;border:none;flex-direction:column;align-items:flex-start;gap:3px}
.big b{font-size:16px}.big small{color:#FFF7ED}
.kpi{display:flex;gap:12px;align-items:flex-start}.kpi .ic svg{stroke:#fff}.kpi small{color:var(--sub);font-size:11px;display:block}.kpi .v{font-size:17px;font-weight:700;margin:1px 0}
.lay{display:grid;grid-template-columns:1fr 270px;gap:16px;align-items:start}
.pend h3,.card h3{font-size:14px;font-weight:600;margin-bottom:8px}
.pi{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #F1F5F9}.pi:last-child{border:none}
.pi .ic{width:30px;height:30px;background:#F1F5F9}.pi .ic svg{stroke:#9CA3AF;width:16px;height:16px}
.pi b{font-size:12px;color:#9CA3AF;display:block}.pi small{font-size:10px;color:#9CA3AF}
.pi .n{margin-left:auto;background:#F1F5F9;color:#6B7280;border-radius:10px;font-size:10px;padding:1px 7px;font-weight:600}
.pi.q .ic{background:var(--lar)}.pi.q .ic svg{stroke:#fff}.pi.q b{color:var(--txt)}.pi.q .n{background:#FFEDD5;color:var(--lar)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.at{background:var(--fundo);border:1px solid var(--borda);border-radius:9px;padding:9px 11px;display:flex;gap:10px;align-items:center}
.at:hover{border-color:var(--lar2)}.at .ic{width:28px;height:28px}.at b{font-size:12px;display:block}.at small{font-size:10px;color:var(--sub)}
.date{background:#fff;border:1px solid var(--borda);border-radius:9px;padding:8px 14px;font-size:12px;margin-bottom:10px}
.steps{display:flex;gap:8px;margin:0 0 14px}
.st{flex:1;background:#fff;border:1px solid var(--borda);border-radius:10px;padding:9px 12px;font-size:12px;color:var(--sub);display:flex;gap:9px;align-items:center}
.st i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--borda);color:var(--sub);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}
.st.on{border-color:var(--lar);color:var(--txt)}.st.on i{background:var(--lar);color:#fff}.st.ok{color:var(--txt)}.st.ok i{background:#16A34A;color:#fff}
.drop{background:#fff;border:2px dashed #FDBA74;border-radius:12px;padding:16px;text-align:center}.drop.ar{background:#FFF7ED}
.drop h3{font-size:14px;margin:6px 0 2px}.drop p{font-size:11px;color:var(--sub)}
.btn{display:inline-block;background:var(--lar);color:#fff;font-weight:600;border-radius:8px;padding:8px 16px;font-size:12px;border:none;cursor:pointer;font-family:inherit}
.btn:hover{background:#C2410C}.btn.g{background:#fff;color:var(--lar);border:1px solid #FDBA74}.btn.g:hover{background:#FFF7ED}
.btn:disabled{opacity:.5;cursor:not-allowed}
table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--sub);font-weight:500;padding:6px;border-bottom:1px solid var(--borda)}
td{padding:7px 6px;border-bottom:1px solid #F1F5F9;vertical-align:top}
.tag{border-radius:10px;padding:1px 8px;font-size:10px;font-weight:600;white-space:nowrap}.okk{background:#DCFCE7;color:#15803D}.wr{background:#FFEDD5;color:#C2410C}.er{background:#FEE2E2;color:#B91C1C}.cz{background:#F1F5F9;color:#6B7280}
.bar{height:8px;background:#FFEDD5;border-radius:6px;overflow:hidden;margin:6px 0}.bar i{display:block;height:100%;background:var(--lar);transition:width .3s}
.note{font-size:11px;color:var(--sub)}
.dl{background:linear-gradient(135deg,var(--lar2),var(--lar));color:#fff;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:14px;margin-bottom:10px}
.dl b{font-size:15px}.dl small{display:block;font-size:11px}.dl .btn{background:#fff;color:var(--lar);margin-left:auto}
.warn{background:#FEF3C7;border:1px solid #FCD34D;color:#92400E;border-radius:10px;padding:8px 12px;font-size:12px;margin-bottom:12px}
.msg{background:#DCFCE7;border:1px solid #86EFAC;color:#166534;border-radius:10px;padding:8px 12px;font-size:12px;margin-bottom:12px}
.log{background:#0F172A;color:#CBD5E1;font-family:Consolas,monospace;font-size:11px;border-radius:8px;padding:8px 10px;max-height:160px;overflow:auto;white-space:pre-wrap;margin-top:8px}
input[type=text],input[type=password],select{border:1px solid #D1D5DB;border-radius:8px;padding:7px 10px;font-family:inherit;font-size:12px;width:100%}
label.ck{display:flex;gap:8px;align-items:flex-start;padding:5px 0;font-size:12px;cursor:pointer}label.ck input{accent-color:var(--lar);margin-top:2px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}.fl{font-size:11px;color:var(--sub);margin:6px 0 3px}
.lin{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.desat td{color:#9CA3AF}
/* login */
.lbody{align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#1E293B,#0F172A)}
.lbox{background:#fff;border-radius:16px;padding:30px 30px 24px;width:360px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.lbox .logo{justify-content:center;padding-bottom:6px}.lbox .lt b{color:var(--txt)}
.lbox p{text-align:center;color:var(--sub);font-size:12px;margin-bottom:18px}
.lbox label{font-size:12px;font-weight:500;display:block;margin:10px 0 4px}.lbox .btn{width:100%;margin-top:18px;padding:10px}
.lbox .erro{background:#FEE2E2;color:#B91C1C;border-radius:8px;padding:7px 10px;font-size:12px;margin-top:10px}
@media (max-width:1100px){.r4,.grid4{grid-template-columns:repeat(2,1fr)}.lay{grid-template-columns:1fr}.sb{width:64px}.sb .lt,.sb .mi span,.foot{display:none}}