*{box-sizing:border-box}body{color:#14202c;background:#f4f6f8;margin:0;font-family:Arial,sans-serif}button,input{font:inherit}.center,.login{place-items:center;min-height:100vh;display:grid}.login{background:radial-gradient(circle at 50% 10%,#2b3540,#0d1319 64%);padding:24px}.loginCard{text-align:center;background:#fff;border-top:6px solid #d92727;border-radius:24px;width:min(420px,100%);padding:28px;box-shadow:0 24px 70px #0008}.loginCard img{object-fit:contain;width:145px;height:145px}.loginCard h1{margin:4px 0;font-size:30px}.loginCard h1 span,aside h2 span{color:#d92727}.loginCard p{color:#65717c;margin:8px 0 28px}.loginCard form{text-align:left}.loginCard label{margin:15px 0 7px;font-size:14px;font-weight:700;display:block}.loginCard input{border:1px solid #cbd2d9;border-radius:10px;outline:none;width:100%;padding:15px}.loginCard input:focus{border-color:#d92727;box-shadow:0 0 0 3px #d9272720}.loginCard form button{color:#fff;background:#d92727;border:0;border-radius:10px;width:100%;margin-top:22px;padding:15px;font-weight:800}.loginCard small{color:#8a9299;margin-top:22px;display:block}.erro{color:#b00020;background:#fff0f0;border-radius:8px;margin-top:14px;padding:10px}.spinner{border:5px solid #ddd;border-top-color:#d92727;border-radius:50%;width:46px;height:46px;animation:1s linear infinite s}@keyframes s{to{transform:rotate(360deg)}}.app{min-height:100vh;display:flex}aside{color:#fff;background:#111820;flex-direction:column;width:245px;height:100vh;padding:22px 18px;display:flex;position:fixed}aside img{object-fit:contain;align-self:center;width:95px;height:95px}aside h2{text-align:center;margin:10px 0 30px}aside nav{gap:8px;display:grid}aside nav button,.sair{color:#bcc5cd;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:13px;font-weight:700}aside nav button b{color:#efba2c;width:30px;display:inline-block}.active{color:#fff!important;background:#d92727!important}.sair{text-align:center;border:1px solid #35404a;margin-top:auto}.workspace{width:calc(100% - 245px);margin-left:245px}header{background:#fff;border-bottom:1px solid #e2e5e8;justify-content:space-between;align-items:center;height:116px;padding:24px 5vw;display:flex}header small{color:#d92727;letter-spacing:1.2px;font-weight:800}header h1{margin:6px 0 0}.alerta{color:#fff;background:#d92727;border:0;border-radius:10px;padding:15px 18px;font-weight:800}.page{padding:38px 5vw}.page h2{margin:0;font-size:30px}.sub{color:#6b7580;margin-bottom:28px}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.cards article,.empty{background:#fff;border:1px solid #e5e8eb;border-radius:15px;padding:22px;box-shadow:0 4px 18px #17233012}.cards article h3{margin:14px 0 8px}.cards article p,.empty p{color:#67717a;line-height:1.55}.badge{color:#8a6500;background:#fff1bd;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:900;display:inline-block}.badge.urgent{color:#b71919;background:#ffe0e0}.confirmar,.cards a{color:#fff;background:#17222d;border:0;border-radius:8px;margin-top:10px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-block}.mobileNav{display:none}@media (width<=720px){aside{display:none}.workspace{width:100%;margin:0;padding-bottom:78px}header{align-items:flex-start;height:auto;padding:18px 20px}header h1{font-size:23px}.alerta{padding:11px;font-size:11px}.page{padding:25px 18px}.page h2{font-size:25px}.cards{grid-template-columns:1fr}.mobileNav{z-index:5;background:#fff;border-top:1px solid #ddd;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobileNav button{color:#727b84;background:#fff;border:0;padding:10px 2px}.mobileNav button b,.mobileNav button small{display:block}.mobileNav button b{margin-bottom:4px;font-size:21px}.mobileNav button.active{color:#d92727!important;background:#fff!important}}