*{box-sizing:border-box}body{color:#17202a;background:#f4f6f8;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.top{color:#fff;background:#123d2d;padding:18px 28px;font-weight:700}.wrap{max-width:1100px;margin:auto;padding:28px}.grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;display:grid}.card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 10px #00000012}.card h2{margin-top:0}.btn{color:#fff;cursor:pointer;background:#123d2d;border:0;border-radius:9px;padding:11px 16px;display:inline-block}.muted{color:#6b7280}.login{background:#fff;border-radius:14px;max-width:420px;margin:80px auto;padding:30px;box-shadow:0 2px 12px #0002}input{border:1px solid #ccd2d8;border-radius:8px;width:100%;margin:8px 0 16px;padding:12px}:root{--brasil-azul:#07558a;--brasil-azul-escuro:#06456f;--brasil-azul-claro:#0d7ed7;--brasil-verde:#16a75c;--brasil-verde-escuro:#10884a;--brasil-amarelo:#f7c928;--fundo:#f4f7fb;--branco:#fff;--texto:#14213d;--texto-claro:#66758f;--borda:#e1e8f0;--sombra:0 4px 18px #0c3d6014}body{background:var(--fundo);color:var(--texto);margin:0;font-family:Arial,Helvetica,sans-serif}.sistema-layout{background:var(--fundo);min-height:100vh;display:flex}.sistema-conteudo{flex:1;min-height:100vh;margin-left:260px}.sidebar{box-sizing:border-box;color:#fff;background:linear-gradient(#07558a 0%,#06456f 100%);width:260px;min-height:100vh;padding:24px 16px;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{padding:5px 10px 30px}.sidebar-logo img{width:190px;max-width:100%;display:block}.sidebar-menu{flex-direction:column;gap:8px;display:flex}.sidebar-item{color:#ffffffe0;border-radius:10px;align-items:center;gap:14px;padding:13px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{color:#fff;background:#ffffff1a}.sidebar-item-ativo{color:#fff;background:#0d7ed7;box-shadow:0 5px 14px #0000001f}.sidebar-icon{justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;display:flex}.pagina{padding:32px}.pagina-topo{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.pagina-titulo h1{color:var(--texto);margin:0;font-size:30px}.pagina-titulo p{color:var(--texto-claro);margin:6px 0 0}.card-moderno{background:var(--branco);border:1px solid var(--borda);box-shadow:var(--sombra);border-radius:14px;padding:24px}.input-moderno{width:100%;color:var(--texto);box-sizing:border-box;background:#fff;border:1px solid #ccd7e3;border-radius:9px;outline:none;padding:13px 15px;font-size:15px;transition:all .2s}.input-moderno:focus{border-color:var(--brasil-azul-claro);box-shadow:0 0 0 3px #0d7ed71a}.botao-principal{background:var(--brasil-verde);color:#fff;cursor:pointer;border:none;border-radius:9px;padding:13px 20px;font-size:15px;font-weight:700;transition:all .2s}.botao-principal:hover{background:var(--brasil-verde-escuro);transform:translateY(-1px)}.botao-secundario{color:var(--brasil-azul);cursor:pointer;background:#eaf4ff;border:none;border-radius:8px;padding:10px 14px;font-weight:600}@media (max-width:900px){.sidebar{width:210px}.sistema-conteudo{margin-left:210px}.pagina{padding:20px}}