:root{--dark:#001515;--dark2:#002424;--teal:#008a8a;--teal2:#00a4a1;--ink:#142626;--muted:#637777;--line:#dfe8e7;--bg:#f3f7f6}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif;font-size:14px}button,select,input{font:inherit}button{cursor:pointer}.side{background:var(--dark);color:#fff;z-index:20;flex-direction:column;width:252px;padding:19px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 8px 24px;display:flex}.brand img{object-fit:contain;object-position:left;width:76px;height:39px}.brand strong,.brand small,.user strong,.user small{display:block}.brand strong{font-size:12px}.brand small,.user small{color:#91aaaa;margin-top:2px;font-size:10px}.side nav{gap:4px;display:grid}.side nav button{color:#b7caca;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;height:44px;padding:0 12px;display:flex}.side nav button:hover,.side nav button.active{color:#fff;box-shadow:inset 3px 0 var(--teal2);background:#073434}.side nav i{text-align:center;color:#79a5a5;width:20px;font-size:17px;font-style:normal}.side nav em{background:#0a4444;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.side>p{letter-spacing:.16em;color:#537676;margin:28px 12px 10px;font-size:9px;font-weight:800}.user{border-top:1px solid #164040;align-items:center;gap:10px;margin-top:auto;padding:18px 8px 0;display:flex}.user>b{color:#006a6a;background:#d8f3f1;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;display:grid}.app>main{min-height:100vh;margin-left:252px}.top{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;gap:10px;height:66px;padding:0 30px;display:flex;position:sticky;top:0}.top>div{margin-right:auto;font-size:12px}.top>div span{color:#809190;margin-right:10px}.sync{color:#40806f;background:#e7f5f0;border-radius:14px;padding:6px 10px;font-size:10px}.primary,.secondary{border-radius:8px;height:38px;padding:0 15px;font-weight:700}.primary{background:var(--teal);color:#fff;border:1px solid var(--teal);box-shadow:0 3px 9px #008a8a25}.primary:hover{background:#007575}.secondary{color:#355050;background:#fff;border:1px solid #d5e0df}.content{max-width:1520px;margin:auto;padding:29px 32px 50px}.title{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.title>div:last-child{gap:8px;display:flex}.title small{letter-spacing:.14em;color:var(--teal);font-size:10px;font-weight:800}.title h1{letter-spacing:-.04em;margin:6px 0 4px;font-size:27px}.title p{color:var(--muted);margin:0}.filters{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:minmax(230px,1.8fr) repeat(6,minmax(110px,1fr));gap:7px;padding:10px;display:grid}.filters label{color:#819392;border:1px solid #dce6e5;border-radius:8px;align-items:center;gap:8px;height:39px;padding:0 11px;display:flex}.filters input{border:0;outline:0;width:100%}.filters select{color:#4e6463;background:#fff;border:1px solid #dce6e5;border-radius:8px;min-width:0;padding:0 9px}.filters label:focus-within,.filters select:focus{border-color:var(--teal);outline:2px solid #a8dddd}.filterMeta{color:#768887;justify-content:space-between;align-items:center;min-height:32px;font-size:10px;display:flex}.filterMeta button{color:var(--teal);background:0 0;border:0;font-weight:700}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px;display:grid}.metric{border:1px solid var(--line);text-align:left;color:inherit;background:#fff;border-radius:12px;grid-template-columns:43px 1fr auto;gap:13px;padding:18px;transition:all .18s;display:grid;box-shadow:0 2px 8px #103b3708}.metric:hover{border-color:#9ecfcb;transform:translateY(-2px);box-shadow:0 10px 25px #003f3920}.metric>i{border-radius:10px;place-items:center;width:42px;height:42px;font-style:normal;font-weight:800;display:grid}.metric>i.teal{color:#007d7b;background:#dff4f2}.metric>i.dark{color:#003d3d;background:#e0eceb}.metric>i.yellow{color:#b8750b;background:#fff2d5}.metric>i.green{color:#147a4d;background:#e0f5e9}.metric span,.metric div>b,.metric small{display:block}.metric span{color:#697c7b;font-size:12px}.metric div>b{letter-spacing:-.03em;margin:3px 0;font-size:22px}.metric small{color:#929f9e;font-size:10px}.metric em{color:#8fb1af;align-self:center;font-size:20px;font-style:normal}.dashboard{grid-template-columns:1.05fr 1.55fr .8fr;gap:15px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #103b3708}.card.wide{grid-column:span 2}.card>header{border-bottom:1px solid #eaf0ef;padding:17px 19px}.card>header h2{margin:0 0 3px;font-size:14px}.card>header p{color:#829291;margin:0;font-size:11px}.statusChart{justify-content:center;align-items:center;gap:28px;min-height:220px;display:flex}.donut{width:137px;height:137px;color:var(--ink);background:#fff;border:18px solid #d8efed;border-radius:50%;align-content:center;place-items:center;display:grid}.donut:hover{border-color:#a8d9d5}.donut b{font-size:24px}.donut small{color:#819391;font-size:9px}.legend button{text-align:left;background:#fff;border:0;border-radius:6px;grid-template-columns:8px 1fr auto 8px;align-items:center;gap:8px;min-width:180px;margin:6px 0;padding:6px 4px;font-size:11px;display:grid}.legend button:hover{background:#f0f8f7}.legend i{background:#cfdad9;border-radius:50%;width:8px;height:8px}.legend i.emjulgamento{background:#f0a126}.legend i.procedente{background:#20a36a}.legend i.improcedente{background:#e85858}.legend em{color:#8aa5a3;font-style:normal}.bars{background:repeating-linear-gradient(#fff 0 45px,#edf2f1 46px);justify-content:space-around;align-items:flex-end;height:220px;padding:24px 45px;display:flex}.bars button{width:110px;height:175px;color:var(--ink);background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:center;display:flex}.bars button:hover{background:#edf8f7}.bars b{margin-bottom:5px;font-size:11px}.bars i{background:linear-gradient(#08aaa6,#007d7b);border-radius:5px 5px 0 0;width:52px;min-height:5px;max-height:130px}.bars small{color:#6d8281;margin-top:7px}.table{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:#758a88;text-transform:uppercase;text-align:left;background:#fafcfc;border-bottom:1px solid #e5eceb;height:38px;padding:0 10px;font-size:9px}td{color:#4c6260;border-bottom:1px solid #eaf0ef;padding:9px 10px;font-size:10.5px}tbody tr{cursor:pointer}tbody tr:hover{background:#f3f9f8}td:first-child b{color:#007d7b}td strong,td small{display:block}td strong{color:#263b3a;font-size:9.5px}td small{color:#879896;margin-top:2px;font-size:8.5px}td em{background:#e9f1f0;border-radius:5px;padding:3px 7px;font-style:normal;font-weight:700}.pill{border:0;border-radius:14px;padding:5px 8px;font-size:9.5px;font-weight:700}.pill.emjulgamento{color:#9f6200;background:#fff1d3}.pill.procedente{color:#14764b;background:#dff5e8}.pill.improcedente{color:#b33737;background:#ffe5e5}.pill.semstatus{color:#647371;background:#e9eeee}.empty{text-align:center;color:#7f918f;padding:50px}.seeAll{width:100%;color:var(--teal);background:#fff;border:0;padding:13px;font-size:10px;font-weight:700}.seeAll:hover{background:#f3f9f8}.progress{padding:8px 18px 17px}.progress button{text-align:left;background:#fff;border:0;border-radius:8px;width:100%;margin:4px 0;padding:8px}.progress button:hover{background:#eef8f7}.progress label{justify-content:space-between;font-size:11px;display:flex}.progress p{background:#e8efee;border-radius:6px;height:6px;margin:7px 0 4px}.progress p i{background:var(--teal);border-radius:6px;height:100%;display:block}.progress small{color:#869795;font-size:9px}.toolbar,.pages{border-bottom:1px solid var(--line);color:#6f8381;justify-content:space-between;padding:14px 16px;font-size:11px;display:flex}.pages{border:0}.reports{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.reports article{border:1px solid var(--line);background:#fff;border-radius:12px;gap:15px;min-height:150px;padding:22px;display:flex}.reports article>b{width:42px;height:42px;color:var(--teal);background:#dff3f1;border-radius:10px;flex:0 0 42px;place-items:center;display:grid}.reports h3{margin:1px 0 7px;font-size:14px}.reports p{color:#687b79;font-size:12px;line-height:1.5}.reports button{color:var(--teal);background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00151590;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer,.modal{background:#fff;height:100%;overflow:auto;box-shadow:-20px 0 50px #00151535}.drawer{width:min(530px,100%);padding-bottom:75px}.drawer>header,.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;padding:23px 25px;display:flex}.drawer>header small,.modal>header small{color:var(--teal);letter-spacing:.1em;font-size:10px;font-weight:800}.drawer h2,.modal h2{margin:5px 0 0;font-size:24px}.drawer>header button,.modal>header button{background:#eef3f2;border:0;border-radius:8px;width:33px;height:33px;font-size:20px}.current{border-bottom:1px solid var(--line);background:#fafcfc;justify-content:space-between;padding:15px 25px;display:flex}.drawer article{border-bottom:1px solid var(--line);padding:22px 25px}.drawer article h3{margin:0 0 16px;font-size:12px}.details{grid-template-columns:1fr 1fr;gap:18px;display:grid}.details small,.details b{display:block}.details small{color:#829391;margin-bottom:4px;font-size:10px}.details b{font-size:12px}.upload{border:1px dashed #c6d6d4;border-radius:10px;gap:14px;padding:18px;display:flex}.upload p{color:#748886;font-size:11px}.upload button{color:var(--teal);background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.history{gap:14px;display:flex}.history>i{background:var(--teal);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #dff3f1}.history b{font-size:11px}.history p{color:#829391;font-size:10px}.drawer footer,.modal footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:8px;padding:14px 24px;display:flex;position:fixed;bottom:0;right:0}.drawer footer{width:min(530px,100%)}.modal{width:min(650px,100%);padding-bottom:75px}.modal footer{width:min(650px,100%)}.formGrid{grid-template-columns:1fr 1fr;gap:15px;padding:22px 25px;display:grid}.formGrid label{color:#6e8280;font-size:10px;font-weight:700}.formGrid input,.formGrid select{background:#fff;border:1px solid #d6e2e0;border-radius:8px;width:100%;height:39px;margin-top:6px;padding:0 10px;display:block}.formError{color:#b33737;background:#ffe9e9;border-radius:7px;margin:0 25px;padding:10px}.toast{z-index:80;background:var(--dark);color:#fff;border-radius:9px;padding:13px 18px;position:fixed;bottom:24px;right:25px;box-shadow:0 12px 28px #00151540}.card.full{grid-column:1/-1}.recurrence{grid-template-columns:1fr 1fr;gap:7px;padding:10px;display:grid}.recurrence>button{text-align:left;min-height:62px;color:inherit;background:#fff;border:1px solid #e4eceb;border-radius:9px;grid-template-columns:28px minmax(170px,1fr) 48px 90px 68px;align-items:center;gap:10px;padding:9px 11px;transition:all .16s;display:grid}.recurrence>button:hover{background:#f0f8f7;border-color:#a8d9d5;transform:translateY(-1px)}.rank{color:#007d7b;background:#dff3f1;border-radius:7px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.vehicle b,.vehicle small,.repeat b,.repeat small{display:block}.vehicle b{font-size:11px}.vehicle small{color:#7c8f8d;margin-top:3px;font-size:9px}.repeat{text-align:center}.repeat b{color:#006f6f;font-size:17px}.repeat small{color:#829391;text-transform:uppercase;font-size:8px}.share{background:#e7efee;border-radius:6px;height:6px;overflow:hidden}.share i{background:linear-gradient(90deg,#00a4a1,#007878);border-radius:6px;height:100%;display:block}.recurrence em{color:#007d7b;text-align:right;font-size:9px;font-style:normal;font-weight:700}.empty.compact{padding:25px}@media (max-width:1200px){.filters{grid-template-columns:repeat(4,1fr)}.filters label{grid-column:span 2}.metrics,.dashboard{grid-template-columns:1fr 1fr}.card.wide{grid-column:span 1}.reports{grid-template-columns:1fr 1fr}.recurrence{grid-template-columns:1fr}}@media (max-width:760px){.side{width:70px;padding:18px 9px}.brand img{width:50px}.brand div,.side nav button{font-size:0}.side nav button{justify-content:center}.side nav i{font-size:18px}.side>p,.user div{display:none}.app>main{margin-left:70px}.content{padding:22px 15px}.top{padding:0 15px}.sync{display:none}.metrics,.dashboard,.reports{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters label{grid-column:span 2}.title{align-items:flex-start;gap:12px}.title>div:last-child .secondary{display:none}.card.wide{grid-column:span 1}.formGrid{grid-template-columns:1fr}.recurrence>button{grid-template-columns:25px 1fr 40px}.share,.recurrence em{display:none}}